.discovery-shortcuts{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:23px 0 5px;padding:16px 18px;border:1px solid #e0e7f1;border-radius:12px;background:linear-gradient(115deg,#f0f5fc,#fffaf0)}.discovery-shortcuts>span{font-size:14px;font-weight:600;color:#0e3461;margin-right:6px}.discovery-shortcuts>button{padding:9px 13px;background:#fff;border:1px solid #d4dfed;border-radius:25px;color:#294d72;font:500 13px 'IBM Plex Sans Thai',sans-serif;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.discovery-shortcuts>button:hover{border-color:#fdb523;transform:translateY(-2px)}.discovery-shortcuts>button.selected{background:#0e3461;color:#fff;border-color:#0e3461}.recommendation-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px;padding-top:18px;border-top:1px solid #e1e7f0}.recommendation-controls>span{font-size:13px;color:#4b6078}.recommendation-controls>div{display:flex;gap:9px}.recommendation-controls button{min-height:42px;padding:9px 16px;border:1px solid #cbd8e9;border-radius:7px;background:#fff;color:#0e3461;font:500 14px 'IBM Plex Sans Thai',sans-serif;cursor:pointer}.recommendation-controls button:last-child{background:#0e3461;color:#fff;border-color:#0e3461}.recommendation-controls button:hover:not(:disabled){box-shadow:0 4px 12px #0e346118;transform:translateY(-1px)}.recommendation-controls button:disabled{opacity:.4;cursor:default}.back-to-top{position:fixed;bottom:24px;left:22px;z-index:30;width:43px;height:43px;display:grid;place-items:center;border:1px solid #cfdaea;border-radius:50%;background:white;color:#0e3461;box-shadow:0 4px 18px #0e34611c;font-size:24px;cursor:pointer;animation:soft-rise .22s ease}.back-to-top[hidden]{display:none!important}.back-to-top:hover{background:#fdb523;border-color:#fdb523;transform:translateY(-3px)}.has-tap-wave{position:relative;overflow:hidden;isolation:isolate}.tap-wave{position:absolute;display:block;background:currentColor;border-radius:50%;opacity:0;pointer-events:none;animation:tap-spread .48s ease-out;z-index:0}.hero-art{transition:transform .35s cubic-bezier(.2,.7,.25,1)}.section-revealed{animation:soft-rise .5s cubic-bezier(.2,.7,.25,1) both}@keyframes tap-spread{from{transform:scale(.15);opacity:.14}to{transform:scale(1);opacity:0}}@keyframes soft-rise{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.discovery-shortcuts button:focus-visible,.recommendation-controls button:focus-visible,.back-to-top:focus-visible{outline:3px solid #fdb523;outline-offset:3px}@media(max-width:600px){.discovery-shortcuts{padding:13px;gap:8px}.discovery-shortcuts>span{width:100%;margin-bottom:4px}.discovery-shortcuts>button{font-size:12px;padding:8px 11px}.recommendation-controls{gap:10px}.recommendation-controls button{font-size:12px;padding:8px 10px}.recommendation-controls>span{font-size:11px}.back-to-top{left:14px;bottom:18px;width:38px;height:38px}.section-revealed{animation-duration:.35s}}@media(prefers-reduced-motion:reduce){.section-revealed,.tap-wave,.back-to-top{animation:none!important}.hero-art{transform:none!important;transition:none!important}.discovery-shortcuts>button:hover,.back-to-top:hover{transform:none}}

/* Shared interactive feedback: movement only on devices with a real hover pointer. */
:where(a,button,[role="button"],summary){-webkit-tap-highlight-color:#fdb52330}
:where(.lifestyle-card,.concierge-topic-card,.concierge-purchase,.account-address-card,.cart-row,.detail-variant,.profile-photo-pick){transition:box-shadow .22s ease,border-color .18s ease,background-color .18s ease,transform .22s cubic-bezier(.2,.7,.25,1)}
:where(.product-image img,.department-card img,.quick-link-photo,.lifestyle-card img,.concierge-topic-image){transition:transform .35s cubic-bezier(.2,.7,.25,1)}
:where(a,button,summary,[role="button"]):focus-visible{outline:3px solid #fdb523;outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 /* Buttons keep their original palette and get a soft, consistent highlight. */
 button:enabled:not([aria-disabled="true"]):hover,.button:not([aria-disabled="true"]):hover{filter:brightness(.97);box-shadow:0 3px 10px #0e346119}
 :where(.button,.detail-button,.category-chip,.profile-photo-pick):not(:disabled):not([aria-disabled="true"]):hover{transform:translateY(-2px)}
 :where(.product-card,.department-card,.quick-link,.lifestyle-card,.concierge-topic-card):hover{transform:translateY(-4px);box-shadow:0 10px 25px #0e34611c;border-color:#aebfd5}
 :where(.product-card,.department-card):hover .product-image img,.department-card:hover img,.quick-link:hover .quick-link-photo,.lifestyle-card:hover img,.concierge-topic-card:hover .concierge-topic-image{transform:scale(1.045)}
 :where(.account-nav-item,.seller-sidebar nav a,.seller-sidebar nav button,.account-dropdown-panel a,.account-dropdown-panel button):hover{background-color:#edf2f9;color:#0e3461}
 :where(.top-nav a,.footer-links a,.footer-social a,.detail-breadcrumb a,.text-link,.welcome-shop-help):hover{color:#fdb523;text-decoration:underline;text-underline-offset:4px}
 :where(.top-nav-social a,.footer-social a,.icon-button,.user-account):hover{filter:brightness(1.12);box-shadow:0 0 0 3px #fdb52328}
 :where(.favorite-button,.detail-title-favorite):hover{color:#dc425b;background-color:#fff0f3;box-shadow:0 0 0 3px #dc425b12}
 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([readonly]),textarea:not([readonly]),select):enabled:hover{border-color:#6b87a8;box-shadow:0 0 0 3px #0e34610a}
 :where(.detail-variant,.profile-photo-pick):hover{border-color:#0e3461;background-color:#f3f6fb}
 :where(.cart-row,.account-address-card,.concierge-purchase):hover{border-color:#b7c9df;box-shadow:0 4px 14px #0e346110}
 summary{transition:color .18s ease,background-color .18s ease}
 summary:hover{color:#0e3461;background-color:#f1f5fb}
 :where(input[type="checkbox"],input[type="radio"]):enabled:hover{outline:3px solid #fdb52335;outline-offset:2px}
 button:enabled:active,.button:active{filter:brightness(.94);box-shadow:0 1px 4px #0e346118}
}
@media(prefers-reduced-motion:reduce){
 :where(.product-card,.department-card,.quick-link,.lifestyle-card,.concierge-topic-card,.button,.detail-button,.category-chip,.profile-photo-pick):hover{transform:none!important}
 :where(.product-image img,.department-card img,.quick-link-photo,.lifestyle-card img,.concierge-topic-image){transform:none!important;transition:none!important}
}