/* Itembase V8.9.0 — consolidated platform components.
   This file replaces the accumulated V8.5–V8.7 override stack. */

:root{--surface-2:var(--surface2)}
@supports (zoom:1){body{zoom:1!important;width:auto!important}}

.header-currency{width:auto!important;flex:0 0 auto!important}
.header-currency .ib-select{width:auto;min-width:0}
.header-currency select#currencySelect:not(.ib-native-select){width:70px;height:40px;padding:0 24px 0 13px;text-align:left;text-align-last:left;background-position:calc(100% - 12px) 18px,calc(100% - 8px) 18px}
.header-currency .ib-select-button{width:auto!important;min-width:70px!important;height:40px;padding:0 24px 0 13px!important;justify-content:flex-start!important;gap:0!important;text-align:left!important}
.header-currency .ib-select-value{width:auto!important;overflow:visible;text-overflow:clip;text-align:left!important}
.header-currency .ib-select-chevron{right:7px!important;width:auto!important;height:auto!important;padding:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;line-height:1;color:var(--muted)}
.header-currency .ib-select.open .ib-select-chevron{color:var(--accent)}
.header-currency .ib-select-menu{left:auto!important;right:0!important;min-width:94px!important}

:root:not(.dark) .product-card,:root:not(.dark) .product-card .product-body{background:#fffdf9!important;color:#171713!important}
:root:not(.dark) .product-card .product-name,:root:not(.dark) .product-card .product-price{color:#171713!important}
:root:not(.dark) .product-card .product-meta,:root:not(.dark) .product-card .seller-source-badge>small{color:#6d6a63!important}
:root.dark .product-card,:root.dark .product-card .product-body{background:#1b1b18!important;color:#f7f2e8!important}

.site-footer>div>strong{display:inline-block;width:max-content;max-width:100%;background-size:190% 100%;background-position:0 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:itembaseLogoWash 3.9s ease-in-out infinite alternate}
:root:not(.dark) .hero-copy h1,:root:not(.dark) .page-heading h1,:root:not(.dark) .section-head h2,:root:not(.dark) .guide-hero-v2 h1{background-image:linear-gradient(100deg,#171713 0%,#5b2a19 17%,#ff8c50 37%,#e94713 50%,#ff9d66 64%,#71301b 82%,#171713 100%)}
:root:not(.dark) .brand-copy strong,:root:not(.dark) .site-footer>div>strong{background-image:linear-gradient(100deg,#171713 0%,#4b2418 20%,#ff7b42 44%,#e94713 55%,#ff9c68 76%,#171713 100%)}
:root:not(.dark) .quality-indicator.tier-4 strong{background-image:linear-gradient(100deg,#b82417 0%,#f05a2a 24%,#ff9a5f 44%,#cf351a 59%,#ff7c42 79%,#b82417 100%)}
:root.dark .site-footer>div>strong{background-image:linear-gradient(100deg,#fff5ed 0%,#ffd0b4 22%,#ff8c50 45%,#ff5c2b 54%,#ffac75 76%,#fff5ed 100%)}

/* Original utility icons and preferred order are retained. */
#infoButton{font-family:Georgia,serif!important;font-size:15px!important;font-weight:900!important;line-height:1!important;position:relative;isolation:isolate;overflow:visible;animation:guideButtonBreathe 5.2s ease-in-out infinite}
#weightButton{font-family:inherit!important;font-size:17px!important;line-height:1!important}
#randomButton{font-family:inherit!important;font-size:20px!important;font-weight:800!important;line-height:1!important}
#themeButton{font-family:inherit!important;font-size:18px!important;line-height:1!important}
.favorites-button>span{display:block!important;font-size:20px!important;line-height:1!important}
#infoButton,#weightButton,#randomButton,#themeButton,.favorites-button>span{color:currentColor!important}
#infoButton::before,#infoButton::after{content:"";position:absolute;z-index:-1;inset:-1px;border:1px solid rgba(var(--accent-rgb),.66);border-radius:inherit;opacity:0;pointer-events:none}
#infoButton::before{animation:guideBeaconRing 5.2s cubic-bezier(.2,.7,.2,1) infinite}
#infoButton::after{inset:5px;background:radial-gradient(circle,rgba(var(--accent-rgb),.18),transparent 68%);border:0;opacity:.5;animation:guideBeaconGlow 5.2s ease-in-out infinite}
@keyframes guideButtonBreathe{0%,58%,100%{transform:none;box-shadow:none}65%{transform:translateY(-2px) scale(1.08);border-color:rgba(var(--accent-rgb),.62);box-shadow:0 9px 28px rgba(var(--accent-rgb),.25)}72%{transform:translateY(0) scale(1.02)}}
@keyframes guideBeaconRing{0%,56%{opacity:0;transform:scale(.86)}62%{opacity:.85}78%,100%{opacity:0;transform:scale(1.72)}}
@keyframes guideBeaconGlow{0%,55%,100%{opacity:.16;transform:scale(.8)}66%{opacity:.9;transform:scale(1.18)}}

/* Preserve enough real box space for animated heading descenders. */
.home-section,.section-head,.section-head>div,.page-heading,.page-heading>div,.hero-copy,.guide-hero-copy,.related-head,.product-gallery-section{overflow:visible!important;contain:none!important}
.hero-copy h1,.page-heading h1,.section-head h2,.guide-hero-v2 h1,.related-head h2,.product-gallery-section .section-head h2{display:block!important;width:fit-content!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;margin-bottom:0!important;padding:.10em .15em .27em!important;line-height:1.08!important;overflow:visible!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero-copy h1{line-height:1.03!important}.page-heading h1{line-height:1.05!important}.section-head h2,.related-head h2,.product-gallery-section .section-head h2{line-height:1.10!important}.section-head>div,.page-heading>div{gap:6px!important}

/* Original category line icons. */
.category-art{position:relative!important;z-index:1!important;isolation:auto!important;width:104px;height:104px;display:grid!important;place-items:center!important;border:0!important;border-radius:28px!important;color:var(--text)!important;background:color-mix(in srgb,var(--surface2) 88%,var(--accent) 12%)!important;box-shadow:none!important;transform:none!important}
.category-art::before,.category-art::after{content:none!important;display:none!important}
.category-art svg{position:static!important;width:64px!important;height:64px!important;stroke-width:1.7!important;filter:none!important}
.category-art.large{width:92px!important;height:92px!important;border-radius:25px!important}.category-art.large svg{width:56px!important;height:56px!important}
.category-card:hover .category-art,.category-directory-card:hover .category-art{transform:none!important;border-color:transparent!important}
.category-symbol-dot{display:none!important}
.category-rail-summary{justify-content:flex-start!important;margin:-2px 0 17px!important}.category-rail-summary span:not(:first-child){display:none!important}.category-rail-summary::after{content:none!important}

/* Seller, selected currency, tier and report presentation. */
.seller-source-badge{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;gap:7px!important;padding:7px 10px!important}
.seller-source-badge>b{max-width:200px!important;font-size:10.5px!important}.seller-source-badge>small,.seller-source-tooltip>small,.product-seller-factory{display:none!important}
.seller-source-tooltip{width:min(270px,78vw)!important;padding:14px!important}.product-seller-title>span{font-size:9px!important}.product-seller-title>strong{font-size:18px!important}
#dialogPriceExtra,.price-extra{display:none!important}.dialog-price{margin:30px 0 22px!important;font-size:35px!important}
.product-quality-panel{margin:0!important}
.quality-indicator.large{display:block!important;margin:20px 0 24px!important;padding:0!important;overflow:hidden!important;border:1px solid var(--line)!important;border-left:4px solid var(--accent)!important;border-radius:19px!important;background:var(--surface2)!important;box-shadow:none!important}
.quality-indicator.large.tier-3{border-left-color:#f08d2f!important}.quality-indicator.large.tier-4{border-left-color:#ef4c55!important}.quality-indicator.large::before{content:none!important;display:none!important}
.quality-tier-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:22px!important;padding:19px 20px 17px!important}
.quality-tier-label{min-width:0;display:grid;gap:7px}.quality-tier-kicker{color:var(--muted)!important;font-size:9px!important;font-weight:950!important;letter-spacing:.15em!important;line-height:1!important;text-transform:uppercase!important}
.quality-tier-label>strong{display:block!important;background:none!important;background-image:none!important;color:var(--text)!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;animation:none!important;font-size:22px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.quality-tier-meter{display:grid;justify-items:end;gap:8px}.quality-tier-meter .quality-bars{min-width:0!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;justify-content:flex-end!important}
.quality-tier-meter .quality-bars i{width:19px!important;height:6px!important;border-radius:999px!important}.quality-tier-meter>small{margin:0!important;color:var(--muted)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.05em!important;line-height:1!important}.quality-tier-meter .unrated-dot{width:10px!important;height:10px!important;margin:0!important}
.quality-tier-description{max-width:none!important;margin:0!important;padding:16px 20px 18px!important;border-top:1px solid var(--line)!important;color:var(--muted)!important;font-size:13.5px!important;font-weight:550!important;line-height:1.6!important}
.product-page-details>.report-button{all:unset!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;margin-top:15px!important;padding:5px 0!important;color:var(--accent)!important;font:800 12px/1.35 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-decoration:underline!important;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent)!important;text-underline-offset:5px!important;cursor:pointer!important;transition:transform .2s ease,color .2s ease,text-decoration-color .2s ease!important}
.product-page-details>.report-button::before,.product-page-details>.report-button::after{content:none!important;display:none!important}.product-page-details>.report-button:hover{color:var(--accent2)!important;text-decoration-color:currentColor!important;transform:translateY(-2px)!important;background:none!important;box-shadow:none!important}.product-page-details>.report-button:disabled{opacity:.55!important;cursor:wait!important;transform:none!important}

/* Quiet actions use one coherent full-element lift. */
.hero-links button,.footer-actions button{position:relative!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:translate3d(0,0,0)!important;transform-origin:center!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),color .2s ease,text-decoration-color .2s ease!important}
.hero-links button::before,.footer-actions button::before,.footer-actions button::after{content:none!important;display:none!important}.hero-links button:hover,.footer-actions button:hover{color:var(--accent)!important;background:transparent!important;box-shadow:none!important;transform:translate3d(0,-3px,0)!important}.hero-links button:active,.footer-actions button:active{transform:translate3d(0,-1px,0) scale(.985)!important}
.secondary-button,.muted-action,.guide-tool-card button,.product-back,.subcategory-list button,.packaging-options button,.carousel-arrow,.text-button,.feature-card button{overflow:visible!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),color .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.secondary-button::before,.muted-action::before,.guide-tool-card button::before,.product-back::before,.subcategory-list button::before,.packaging-options button::before,.carousel-arrow::before{content:none!important;display:none!important}
.secondary-button:hover,.muted-action:hover,.guide-tool-card button:hover,.product-back:hover,.subcategory-list button:hover,.packaging-options button:hover,.carousel-arrow:hover,.text-button:hover,.feature-card button:hover{color:var(--accent)!important;border-color:rgba(var(--accent-rgb),.50)!important;transform:translateY(-3px)!important;box-shadow:0 12px 26px rgba(var(--accent-rgb),.09)!important}.dark-card .feature-card button:hover,.dark-card button:hover,.orange-card button:hover{color:#fff!important}


/* Complete twelve-step guide map. */
.guide-orbit-card{width:min(100%,540px);overflow:hidden}
.guide-orbit-card::after{content:"12 STEPS • ONE BUYING FLOW";position:absolute;left:50%;bottom:17px;transform:translateX(-50%);color:var(--muted);font-size:7px;font-weight:950;letter-spacing:.18em;white-space:nowrap;opacity:.65}
.guide-orbit-core{width:162px;height:142px;padding:18px;border-radius:35px;background:color-mix(in srgb,var(--surface) 92%,var(--text) 8%);color:var(--text);border:1px solid color-mix(in srgb,var(--text) 11%,transparent);box-shadow:0 25px 55px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.28)}
.guide-orbit-wordmark{display:inline-block;font-size:29px!important;line-height:1;font-weight:950;letter-spacing:-.065em!important;background:linear-gradient(100deg,var(--text),#ff6a38 36%,#ffc06f 54%,#8d72ff 70%,var(--text));background-size:240% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:itembaseTitlePhase 7s ease-in-out infinite}
.guide-orbit-core small{margin-top:8px;color:var(--muted);font-size:7px}.ring-one{width:52%;height:52%;animation-duration:16s}.ring-two{width:73%;height:73%;animation-duration:24s}.ring-three{width:88%;height:88%;animation:orbitSpin 34s linear infinite}
.guide-orbit-node{left:var(--x);top:var(--y);min-width:70px;min-height:52px;padding:8px 9px;display:grid;align-content:center;transform:translate(-50%,-50%);border-radius:15px;text-align:left;animation:guideNodeFloat 4.8s ease-in-out infinite;animation-delay:var(--delay)}
.guide-orbit-node b{font-size:16px}.guide-orbit-node span{margin-top:2px;font-size:6px;letter-spacing:.11em}@keyframes guideNodeFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}
.guide-side-head i{transition:width .2s linear}.guide-contents-v2 nav button.active{transform:translateX(2px)}

/* Audience and taxonomy UI. */
.audience-badge{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800}
.product-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.route-restored-indicator{position:fixed;z-index:120;right:18px;bottom:18px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow);color:var(--muted);font-size:10px;font-weight:800;opacity:0;pointer-events:none}


/* Itembase V8.9.1 — filter typography and catalog loading feedback. */
.filter-panel label:not(.check-label){
  line-height:1.42;
  padding-top:2px;
  overflow:visible;
  text-rendering:geometricPrecision;
}
.filter-panel label:not(.check-label)>.ib-select{
  margin-top:0;
  overflow:visible;
}
.filter-panel .ib-select-button{
  overflow:visible;
}
.filter-panel .ib-select-value,
.filter-panel .ib-select-menu button span{
  display:block;
  min-width:0;
  padding-block:2px 3px;
  line-height:1.32;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.filter-panel .ib-select-menu button{
  min-height:42px;
  padding-block:8px;
}
.filter-panel .ib-select-menu button i{
  align-self:center;
  line-height:1;
}

#catalogGrid[aria-busy="true"]{
  pointer-events:none;
}
.catalog-loading-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface);
  box-shadow:0 8px 28px rgba(20,18,14,.035);
}
.catalog-loading-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 28%,color-mix(in srgb,var(--text) 8%,transparent) 46%,transparent 64%);
  transform:translateX(-120%);
  animation:itembaseCatalogShimmer 1.15s linear infinite;
}
.catalog-loading-media{
  aspect-ratio:1/1;
  background:color-mix(in srgb,var(--surface2) 86%,var(--text) 3%);
}
.catalog-loading-body{
  padding:14px;
  display:grid;
  gap:10px;
}
.catalog-loading-line{
  display:block;
  height:10px;
  border-radius:999px;
  background:color-mix(in srgb,var(--surface2) 88%,var(--text) 4%);
}
.catalog-loading-line.short{width:43%;height:8px}
.catalog-loading-line.title{width:84%;height:14px}
.catalog-loading-line.medium{width:63%}
.catalog-loading-bottom{
  margin-top:10px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
}
.catalog-loading-bottom span,
.catalog-loading-bottom i{
  display:block;
  height:18px;
  border-radius:999px;
  background:color-mix(in srgb,var(--surface2) 88%,var(--text) 4%);
}
.catalog-loading-bottom span{width:34%}
.catalog-loading-bottom i{width:38%;height:34px;border-radius:12px}
@keyframes itembaseCatalogShimmer{
  to{transform:translateX(120%)}
}
@media(prefers-reduced-motion:reduce){
  .catalog-loading-card::after{animation:none}
}


/* Itembase V8.9.2 — compact rated toggle, stable carousel arrows. */
.catalog-toolbar{
  grid-template-columns:minmax(280px,1fr) 210px 132px auto!important;
  align-items:stretch;
}
.toolbar-rated-toggle{
  position:relative;
  min-width:132px;
  height:55px;
  padding:0 13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface);
  color:var(--muted);
  cursor:pointer;
  user-select:none;
  transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.toolbar-rated-toggle input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.toolbar-rated-icon{
  height:15px;
  display:flex;
  align-items:center;
  gap:2px;
}
.toolbar-rated-icon i{
  width:4px;
  height:5px;
  border-radius:99px;
  background:currentColor;
  opacity:.42;
  transition:height .2s ease,opacity .2s ease,background .2s ease;
}
.toolbar-rated-icon i:nth-child(2){height:8px}
.toolbar-rated-icon i:nth-child(3){height:11px}
.toolbar-rated-icon i:nth-child(4){height:14px}
.toolbar-rated-toggle strong{
  font-size:11px;
  line-height:1;
  white-space:nowrap;
}
.toolbar-rated-toggle:hover{
  color:var(--text);
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
  box-shadow:0 8px 22px rgba(var(--accent-rgb),.07);
}
.toolbar-rated-toggle:active{transform:scale(.98)}
.toolbar-rated-toggle:has(input:checked){
  color:#fff;
  border-color:var(--accent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,#ff8e52),var(--accent));
  box-shadow:0 10px 26px rgba(var(--accent-rgb),.18);
}
.toolbar-rated-toggle:has(input:checked) .toolbar-rated-icon i{
  opacity:1;
  background:#fff;
}
.toolbar-rated-toggle:focus-within{
  outline:2px solid color-mix(in srgb,var(--accent) 62%,transparent);
  outline-offset:2px;
}

/* The carousel controls stay anchored; hover only scales/glows them. */
.carousel-arrow{
  transform:translateY(-65%)!important;
  transform-origin:center!important;
  transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease!important;
}
.carousel-arrow:hover:not(:disabled){
  transform:translateY(-65%) scale(1.08)!important;
  color:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important;
  background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%)!important;
  box-shadow:0 14px 34px rgba(var(--accent-rgb),.14)!important;
}
.carousel-arrow:active:not(:disabled){
  transform:translateY(-65%) scale(.96)!important;
}
.carousel-arrow:disabled{
  transform:translateY(-65%)!important;
  box-shadow:none!important;
}

@media(max-width:1180px) and (min-width:681px){
  .catalog-toolbar{grid-template-columns:minmax(250px,1fr) 190px 118px auto!important}
  .toolbar-rated-toggle{min-width:118px;padding:0 10px;gap:7px}
}
@media(max-width:680px){
  .catalog-toolbar{grid-template-columns:1fr!important}
  .toolbar-rated-toggle{
    width:100%;
    min-width:0;
    justify-content:flex-start;
    padding:0 16px;
  }
}