/* Farmax — mağaza sayfaları: ürün listesi (cat-/shop-), ürün detay (pdp-), karşılaştırma (cmp-). Yalnızca style.css token'larını kullanır. */

/* ================= ÜRÜN LİSTESİ ================= */
.cat-hero{position:relative;overflow:hidden;background:var(--forest);color:#e9efe6;padding:clamp(28px,4vw,52px) 0 clamp(84px,9vw,112px)}
.cat-hero::before{content:"";position:absolute;inset:auto -10% -40% auto;width:60vw;height:60vw;max-width:760px;max-height:760px;border-radius:50%;background:radial-gradient(circle,rgba(196,163,90,.22),transparent 65%);pointer-events:none}
.cat-hero__in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,72px);align-items:center}
.cat-hero .crumbs{margin-bottom:clamp(18px,3vw,36px)}
.cat-hero__eyebrow{margin:0 0 14px;font:600 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.cat-hero h1{color:#fff;font-size:clamp(34px,4.6vw,66px);margin:0 0 16px;max-width:20ch}
.cat-hero__lead{font-size:clamp(17px,1.4vw,20px);color:#d3dfd0;max-width:46ch;margin:0 0 24px}
.cat-hero__meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0;font-size:14.5px;color:#c4d3c1}
.cat-hero__meta span{display:inline-flex;align-items:center;gap:8px}
.cat-hero__meta .ico{color:var(--gold)}
.cat-hero__media{display:flex;justify-content:center}
.cat-hero__leaf{position:relative;width:100%;max-width:440px;aspect-ratio:1/1.04;border-radius:12% 50% 12% 50%;overflow:hidden;background:linear-gradient(145deg,var(--forest-2),var(--sage));box-shadow:0 30px 60px -30px rgba(0,0,0,.55);border:6px solid rgba(248,244,234,.14)}
.cat-hero__leaf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.cat-main{padding:0 0 clamp(48px,6vw,88px)}
.cat-finder{position:relative;z-index:2;margin-top:-56px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,2.4vw,30px);box-shadow:var(--shadow);scroll-margin-top:110px}
.cat-finder__h{display:flex;align-items:center;gap:10px;font:700 15px/1.2 var(--sans);letter-spacing:.02em;color:var(--forest);margin:0 0 14px}
.cat-finder__h .ico{color:var(--gold-d)}
.cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.cat-chips a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--forest);font:500 14.5px/1 var(--sans);text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.cat-chips a span{font-size:12px;color:var(--mute);background:var(--sage-l);border-radius:999px;padding:3px 8px}
.cat-chips a:hover{border-color:var(--forest)}
.cat-chips a.is-active{background:var(--forest);border-color:var(--forest);color:#fff}
.cat-chips a.is-active span{background:rgba(255,255,255,.18);color:#fff}
.cat-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:14px;align-items:end}
.cat-search{position:relative}
.cat-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--mute);pointer-events:none}
.cat-search__in,.cat-sort select{width:100%;min-height:52px;font:inherit;font-size:15.5px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:999px}
.cat-search__in{padding:0 20px 0 48px}
.cat-sort{display:flex;align-items:center;gap:10px}
.cat-sort label{font:600 14px/1 var(--sans);color:var(--mute);white-space:nowrap}
.cat-sort select{padding:0 40px 0 18px;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231c3a2a' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;cursor:pointer;min-width:176px}
.cat-search__in:focus,.cat-sort select:focus{border-color:var(--forest-2);outline:0;box-shadow:0 0 0 3px rgba(196,163,90,.4)}
.cat-check{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:52px;font:500 15px/1.2 var(--sans);color:var(--forest);cursor:pointer;white-space:nowrap}
.cat-check input{position:absolute;opacity:0;width:24px;height:24px;margin:0;cursor:pointer}
.cat-check__box{flex:none;width:24px;height:24px;border:1.5px solid var(--sage);border-radius:8px;background:#fff;display:grid;place-items:center;transition:background .2s,border-color .2s}
.cat-check input:checked+.cat-check__box{background:var(--forest);border-color:var(--forest)}
.cat-check input:checked+.cat-check__box::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.cat-check input:focus-visible+.cat-check__box{outline:3px solid var(--gold);outline-offset:3px}
.shop-js .cat-form__go{display:none}
.shop-js .cat-form{grid-template-columns:minmax(0,1fr) auto auto}

.cat-main .notice{margin-top:24px}
.cat-status{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0 20px}
.cat-count{margin:0;color:var(--mute)}.cat-count strong{color:var(--forest)}
.cat-reset{font-weight:600;font-size:14.5px;color:var(--forest)}
.shop-grid{gap:clamp(14px,2vw,24px)}
.cat-pager{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:40px}
.cat-pager a{display:grid;place-items:center;min-width:46px;height:46px;padding:0 10px;border:1.5px solid var(--line);border-radius:999px;background:#fff;color:var(--forest);font-weight:600;text-decoration:none}
.cat-pager a:hover{border-color:var(--forest)}
.cat-pager a.is-active{background:var(--forest);border-color:var(--forest);color:#fff}
.cat-empty{display:grid;justify-items:center;text-align:center;gap:6px;padding:clamp(40px,6vw,80px) 20px;background:var(--paper);border:1px dashed var(--sage);border-radius:var(--r)}
.cat-empty .ico{color:var(--sage)}
.cat-empty h2{font-size:clamp(26px,2.6vw,36px);margin:10px 0 0}
.cat-empty p{color:var(--mute);margin:0 0 16px}
.cat-empty__act{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.cat-about{padding:clamp(40px,5vw,72px) 0}
.cat-about__in{max-width:820px}
.cat-about__in p{margin:0;color:var(--ink)}

.cat-cmpbar{position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--forest);color:#fff;box-shadow:0 -12px 30px -16px rgba(0,0,0,.45);padding:12px var(--gut);padding-bottom:max(12px,env(safe-area-inset-bottom))}
.cat-cmpbar[hidden]{display:none}
.cat-cmpbar__in{max-width:var(--w);margin:0 auto;display:flex;align-items:center;gap:16px}
.cat-cmpbar__txt{margin:0 auto 0 0;font-size:15px}
.cat-cmpbar__txt strong{display:inline-grid;place-items:center;min-width:28px;height:28px;margin-right:8px;border-radius:50%;background:var(--gold);color:var(--forest)}
.cat-cmpbar__txt span{color:#c4d3c1}
.cat-cmpbar__clear{background:none;border:0;color:#d9e3d6;font:500 14px var(--sans);text-decoration:underline;cursor:pointer;min-height:44px;padding:0 6px}
.cat-cmpbar__go{min-height:46px}
.cat-cmpbar__go[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}
body.cat-has-bar{padding-bottom:76px}

/* ================= ÜRÜN DETAY ================= */
.pdp-crumbs{padding:20px 0 6px;font-size:14px;color:var(--mute)}
.pdp-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px}
.pdp-crumbs li+li::before{content:"/";margin-right:10px;color:var(--sage)}
.pdp-crumbs a{color:var(--forest);text-decoration:none}.pdp-crumbs a:hover{color:var(--gold-d);text-decoration:underline}
.pdp-crumbs [aria-current]{color:var(--mute)}
.pdp{padding:clamp(12px,2vw,24px) 0 clamp(48px,6vw,88px)}
.pdp__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.pdp-stage{position:sticky;top:150px}
.pdp-stage__frame{position:relative;aspect-ratio:1/1;display:grid;place-items:center;border-radius:28px;border:1px solid var(--line);background:radial-gradient(circle at 50% 38%,#fffdf8 0,#f4efdd 55%,#ebe5cf 100%);overflow:hidden}
.pdp-stage__frame::after{content:"";position:absolute;left:24%;right:24%;bottom:11%;height:7%;border-radius:50%;background:radial-gradient(ellipse,rgba(28,58,42,.22),transparent 70%);pointer-events:none}
.pdp-stage__rot{position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center}
.pdp-stage__rot img{width:72%;height:72%;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(28,58,42,.18));-webkit-user-drag:none;user-select:none}
.pdp-stage__badge{position:absolute;left:20px;top:20px;z-index:2}
.pdp-stage__hint{display:flex;justify-content:center;align-items:center;gap:8px;margin:14px 0 0;font-size:13.5px;color:var(--mute)}
.pdp-info__cat{margin:0 0 10px;font:600 12.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.pdp-info__cat a{color:var(--gold-d);text-decoration:none}.pdp-info__cat a:hover{text-decoration:underline}
.pdp-info__h{font-size:clamp(25px,2.5vw,38px);line-height:1.1;margin:0 0 14px}
.pdp-info__stock{margin:0 0 14px}
.pdp-info__price{margin:0 0 18px;font:700 34px/1 var(--sans);color:var(--forest)}
.pdp-info__price small{font-size:13.5px;font-weight:500;color:var(--mute);margin-left:6px}
.pdp-info__desc{color:var(--mute);max-width:56ch;margin-bottom:24px}
.pdp-buy{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.pdp-buy__main{flex:1 1 260px}
.pdp-buy__main[disabled]{background:#c9ccc4;color:#4a514b}
.pdp-cmp{display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:0 24px;border:1.5px solid var(--line);border-radius:999px;background:var(--paper);color:var(--forest);font:600 15px/1 var(--sans);cursor:pointer;transition:border-color .2s,background .2s}
.pdp-cmp:hover{border-color:var(--forest)}
.pdp-cmp i{width:20px;height:20px;border:1.5px solid var(--sage);border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:12px;color:transparent;background:#fff}
.pdp-cmp.is-on{background:var(--sage-l);border-color:var(--forest-2)}
.pdp-cmp.is-on i{background:var(--forest);border-color:var(--forest);color:#fff}
.pdp-info__note{font-size:13.5px;color:var(--mute);margin:10px 0 24px}
.pdp-trust{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.pdp-trust li{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--paper);font-size:13.5px;line-height:1.35;color:var(--mute)}
.pdp-trust .ico{flex:none;color:var(--gold-d)}
.pdp-trust strong{display:block;color:var(--forest);font-size:14.5px}
.pdp-specs{display:grid;gap:0;margin:0;border-top:1px solid var(--line)}
.pdp-specs div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.pdp-specs dt{color:var(--mute)}.pdp-specs dd{margin:0;font-weight:500;text-align:right;color:var(--forest)}

.pdp-info-sec .section__head{margin-bottom:24px}
.pdp-tabs__list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.pdp-tabs:not(.is-tabs) .pdp-tabs__list{display:none}
.pdp-tabs__list button{min-height:46px;padding:0 22px;border:1.5px solid var(--sage);border-radius:999px;background:transparent;color:var(--forest);font:600 15px/1 var(--sans);cursor:pointer;transition:background .2s,color .2s}
.pdp-tabs__list button:hover{background:#fff}
.pdp-tabs__list button[aria-selected=true]{background:var(--forest);border-color:var(--forest);color:#fff}
.pdp-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2.6vw,34px)}
.pdp-panel[hidden]{display:none}
.pdp-tabs:not(.is-tabs) .pdp-panel+.pdp-panel{margin-top:16px}
.pdp-panel__h{font-size:clamp(22px,2vw,28px);margin:0 0 14px}
.pdp-panel__serv{color:var(--mute);margin:0 0 14px}
.pdp-table-wrap{position:relative;overflow-x:auto}
.pdp-table{width:100%;border-collapse:collapse;font-size:15.5px}
.pdp-table th,.pdp-table td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line)}
.pdp-table thead th{font:600 12.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);background:var(--sage-l)}
.pdp-table thead th:first-child{border-radius:12px 0 0 12px}.pdp-table thead th:last-child{border-radius:0 12px 12px 0}
.pdp-table tbody th{font-weight:500;color:var(--forest)}
.pdp-table td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pdp-table thead th:last-child{text-align:right}
.pdp-warn{margin:0;padding:16px 20px;background:var(--sage-l);border-left:4px solid var(--forest-2);border-radius:0 12px 12px 0;color:var(--forest)}
.pdp-panel .pdp-warn{margin-top:12px}
.pdp-docs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pdp-docs a{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--forest);font-weight:600;text-decoration:none}
.pdp-docs a span{flex:1}.pdp-docs a:hover{border-color:var(--forest)}
.pdp-docs .ico{color:var(--gold-d)}
.pdp-fallback{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pdp-fallback__card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.pdp-fallback__card .ico{color:var(--gold-d);margin-bottom:6px}
.pdp-fallback__card h3{margin:0 0 6px}
.pdp-fallback__card p{color:var(--mute)}
.pdp-fallback__card .pdp-warn{color:var(--forest)}
.pdp-related .carousel__track{grid-auto-columns:minmax(240px,calc((100% - 72px)/4))}

.pdp-sticky{display:none}

/* ================= KARŞILAŞTIRMA ================= */
.cmp-hero{background:var(--sage-l);padding:clamp(28px,4vw,56px) 0}
.cmp-hero .crumbs{color:var(--mute)}.cmp-hero .crumbs a{color:var(--forest)}
.cmp-hero h1{font-size:clamp(34px,4.2vw,56px);margin:0 0 8px}
.cmp-hero__lead{margin:0;color:var(--mute)}
.cmp-main{padding:clamp(28px,4vw,48px) 0 clamp(56px,7vw,96px)}
.cmp-scroll{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);-webkit-overflow-scrolling:touch}
.cmp-table{width:100%;min-width:calc(130px + var(--cols,2)*220px);border-collapse:separate;border-spacing:0;font-size:15px}
.cmp-table th,.cmp-table td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp-table tbody th{position:sticky;left:0;z-index:1;width:130px;min-width:130px;background:var(--ivory);color:var(--mute);font:600 13.5px/1.3 var(--sans);border-right:1px solid var(--line)}
.cmp-corner{position:sticky;left:0;z-index:2;background:var(--ivory);border-right:1px solid var(--line);width:130px;min-width:130px}
.cmp-prod{min-width:220px;font-weight:400}
.cmp-prod__img{display:grid;place-items:center;width:140px;height:140px;margin-bottom:12px;border-radius:16px;background:linear-gradient(180deg,#f3eedd,#ebe6d2)}
.cmp-prod__img img{width:80%;height:80%;object-fit:contain}
.cmp-prod__img.is-out img{filter:grayscale(1);opacity:.5}
.cmp-prod__name{display:block;font:600 16px/1.35 var(--sans);color:var(--forest);text-decoration:none;margin-bottom:8px}
.cmp-prod__name:hover{color:var(--gold-d);text-decoration:underline}
.cmp-remove{background:none;border:0;padding:6px 0;min-height:36px;font:500 14px var(--sans);color:var(--mute);text-decoration:underline;cursor:pointer}
.cmp-remove:hover{color:#b3392b}
.cmp-price{font:700 20px/1.2 var(--sans);color:var(--forest)}
.cmp-long{font-size:14px;color:var(--ink);line-height:1.55}
.cmp-actions td,.cmp-actions th{border-bottom:0}
.cmp-actions .btn-primary{width:100%;min-height:48px;padding:0 16px;font-size:14.5px;text-align:center;line-height:1.2}
.cmp-actions .btn-primary[disabled]{background:#c9ccc4;color:#4a514b}
.cmp-foot{margin:18px 0 0;color:var(--mute);font-size:14px;max-width:80ch}
.cmp-foot-act{margin:18px 0 0}
.cmp-empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:clamp(44px,7vw,88px) 20px;background:var(--paper);border:1px dashed var(--sage);border-radius:var(--r)}
.cmp-empty .ico{color:var(--sage)}
.cmp-empty h2{font-size:clamp(28px,3vw,40px);margin:8px 0 0}
.cmp-empty p{color:var(--mute);max-width:52ch;margin:0 0 14px}
.cmp-suggest{margin-top:clamp(40px,5vw,72px)}
.cmp-suggest__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.cmp-suggest__card{display:flex;flex-direction:column;gap:6px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s}
.cmp-suggest__card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--sage)}
.cmp-suggest__card strong{font:600 26px/1.1 var(--serif);color:var(--forest)}
.cmp-suggest__card span{color:var(--mute);font-size:15px}
.cmp-suggest__card em{font-style:normal;font-size:13.5px;color:var(--mute);margin-top:4px}
.cmp-suggest__card b{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:14px;color:var(--forest);font-size:15px}

/* ================= DUYARLI ================= */
@media (max-width:1024px){
  .cat-hero__in{grid-template-columns:1fr .7fr}
  .pdp-related .carousel__track{grid-auto-columns:minmax(240px,calc((100% - 48px)/3))}
  .cmp-suggest__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .pdp__grid{grid-template-columns:1fr}
  .pdp-stage{position:static}
  .pdp-stage__frame{aspect-ratio:1/.9;max-height:460px}
  .pdp-fallback{grid-template-columns:1fr}
  .pdp-related .carousel__track{grid-auto-columns:minmax(230px,64%)}
  .cat-form,.shop-js .cat-form{grid-template-columns:1fr 1fr}
  .cat-search{grid-column:1/-1}
}
@media (max-width:760px){
  .pdp-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:45;background:rgba(255,253,248,.97);backdrop-filter:blur(8px);border-top:1px solid var(--line);box-shadow:0 -12px 28px -18px rgba(28,58,42,.5);padding:10px var(--gut);padding-bottom:max(10px,env(safe-area-inset-bottom));transition:transform .3s}
  .pdp-sticky.is-js.is-off{transform:translateY(110%)}
  .pdp-sticky__in{display:flex;align-items:center;gap:12px}
  .pdp-sticky__txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
  .pdp-sticky__txt strong{font:600 14px/1.25 var(--sans);color:var(--forest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pdp-sticky__txt span{font:700 16px var(--sans);color:var(--forest)}
  .pdp-sticky .btn-primary{min-height:48px;padding:0 24px;flex:none}
  .pdp-sticky .btn-primary[disabled]{background:#c9ccc4;color:#4a514b}
}
@media (max-width:640px){
  .cat-hero{padding-bottom:80px}
  .cat-hero__in{grid-template-columns:1fr;gap:22px}
  .cat-hero h1{max-width:none}
  .cat-hero__media{order:-1;justify-content:flex-start}
  .cat-hero__leaf{max-width:none;width:100%;aspect-ratio:16/9;border-radius:10% 44% 10% 44%}
  .cat-hero__media{margin-bottom:-4px}
  .cat-hero .crumbs{margin-bottom:14px}
  .cat-hero__eyebrow{margin-bottom:10px}
  .cat-hero__lead{margin-bottom:16px}
  .cat-finder{margin-top:-48px;padding:18px 16px}
  .cat-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 16px;padding:2px 16px 8px;scrollbar-width:none;scroll-snap-type:x proximity}
  .cat-chips::-webkit-scrollbar{display:none}
  .cat-chips a{flex:none;scroll-snap-align:start}
  .cat-form,.shop-js .cat-form{grid-template-columns:1fr;gap:12px}
  .cat-sort{display:grid;grid-template-columns:auto 1fr}
  .cat-sort select{min-width:0}
  .cat-check{min-height:44px}
  .cat-form__go{width:100%}
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .shop-grid .product{padding:10px}
  .shop-grid .product .badge{left:18px;top:18px;font-size:11.5px;padding:4px 9px}
  .shop-grid .product__name{font-size:14.5px}
  .shop-grid .product__cat{font-size:12.5px;margin-bottom:6px}
  .shop-grid .product__price{font-size:16px}
  .shop-grid .product__buy{width:40px;height:40px}
  .shop-grid .product__cmp{font-size:12.5px}
  .cat-cmpbar__in{flex-wrap:wrap;gap:6px 10px}
  .cat-cmpbar__txt{flex:1 1 100%;font-size:14px}
  .cat-cmpbar__go{flex:1}
  body.cat-has-bar{padding-bottom:128px}
  .pdp-info__h{font-size:22px;line-height:1.15}
  .pdp-info__price{font-size:30px}
  .pdp-buy__main{flex-basis:100%}
  .pdp-cmp{flex:1;justify-content:center;min-height:52px}
  .pdp-tabs__list{flex-wrap:nowrap;overflow-x:auto;margin:0 -2px 16px;padding-bottom:6px;scrollbar-width:none}
  .pdp-tabs__list::-webkit-scrollbar{display:none}
  .pdp-tabs__list button{flex:none}
  .cmp-suggest__grid{grid-template-columns:1fr}
  .cmp-table{min-width:calc(104px + var(--cols,2)*190px);font-size:14px}
  .cmp-table th,.cmp-table td{padding:12px}
  .cmp-table tbody th,.cmp-corner{width:104px;min-width:104px;font-size:12.5px;box-shadow:6px 0 10px -8px rgba(28,58,42,.25)}
  .cmp-prod{min-width:190px}
  .cmp-prod__img{width:104px;height:104px}
}
@media (prefers-reduced-motion:reduce){
  .pdp-stage__hint{display:none}
  .pdp-sticky,.cmp-suggest__card,.cat-chips a{transition:none}
  .cmp-suggest__card:hover{transform:none}
}

.shop-grid .product{padding:0!important}
.shop-grid .product__name{font-size:15px}