.sh{ background:var(--v2-bg, #f6f1ec); padding-bottom:72px; }
.sh .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.sh-eyebrow{ display:inline-block; margin-bottom:6px; color:var(--v2-primary); font:600 .72rem 'Inter', sans-serif; letter-spacing:.09em; text-transform:uppercase; }
.sh-section{ margin-top:56px; }
.sh-link{ padding:0; border:0; background:none; color:var(--v2-primary); font:600 .84rem 'Inter', sans-serif; cursor:pointer; }
.sh-link:hover{ text-decoration:underline; text-underline-offset:3px; }

.sh-hero .v2-hero__inner{ padding-bottom:84px; }
.sh-search{ display:flex; align-items:center; gap:10px; width:min(560px, 100%); height:54px; margin-top:24px; padding:6px 6px 6px 18px; border:1px solid var(--v2-border-strong); border-radius:14px; background:var(--v2-card); box-shadow:0 10px 30px -18px rgba(43,10,17,.35); transition:border-color .15s, box-shadow .15s; }
.sh-search:focus-within{ border-color:var(--v2-primary); box-shadow:0 0 0 4px var(--v2-ring), 0 10px 30px -18px rgba(43,10,17,.35); }
.sh-search > i{ color:var(--v2-primary); }
.sh-search input{ flex:1; min-width:0; height:100%; border:0; outline:0; background:none; color:var(--v2-fg); font:400 1rem 'Inter', sans-serif; }
.sh-search input::placeholder{ color:#a8999a; }
.sh-search input::-webkit-search-cancel-button{ cursor:pointer; }
.sh-search .sv2-btn{ height:42px; padding:0 20px; }
.sh-hero__pills{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.sh-hero__pills span{ display:inline-flex; align-items:center; gap:7px; height:30px; padding:0 12px; border:1px solid var(--v2-border); border-radius:999px; background:rgba(255,253,248,.75); backdrop-filter:blur(4px); color:#3a2e30; font-size:.8rem; font-weight:500; }
.sh-hero__pills i{ color:var(--v2-primary); font-size:.74rem; }

.sh-explore{ position:relative; z-index:2; margin-top:-44px; }

.sh-explore__h{ margin:0; font:inherit; }
.sh-explore__toggle{ width:100%; display:flex; align-items:center; gap:14px; padding:12px 12px 12px 14px; border:1px solid var(--v2-border); border-radius:18px; background:var(--v2-surface); color:var(--v2-fg); font:inherit; text-align:left; cursor:pointer; box-shadow:0 10px 30px -18px rgba(43,10,17,.35); transition:border-color .2s, box-shadow .2s; }
.sh-explore__toggle:hover{ border-color:var(--v2-border-strong); box-shadow:0 14px 34px -18px rgba(43,10,17,.45); }
.sh-explore__toggle:focus-visible{ outline:2px solid var(--v2-primary); outline-offset:2px; }
.sh-explore__thumbs{ display:flex; flex:0 0 auto; padding-left:12px; }
.sh-explore__thumbs img{ width:48px; height:48px; margin-left:-12px; border:2px solid var(--v2-surface); border-radius:14px; object-fit:cover; object-position:60% 50%; background:#f6f1ec; box-shadow:0 2px 6px rgba(43,10,17,.15); }
.sh-explore__ttl{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.sh-explore__ttl strong{ font:700 1.12rem/1.25 'Inter', sans-serif; letter-spacing:-.02em; }
.sh-explore__ttl small{ color:var(--v2-muted); font-size:.84rem; }
.sh-explore__btn{ margin-left:auto; flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; height:42px; padding:0 18px; border-radius:10px; background:var(--v2-primary); color:#fff; font:600 .9rem 'Inter', sans-serif; box-shadow:var(--v2-shadow-sm); transition:background .15s; }
.sh-explore__toggle:hover .sh-explore__btn{ background:var(--v2-primary-hover); }
.sh-explore__btn i{ font-size:.72rem; transition:transform .3s cubic-bezier(.16,1,.3,1); }
.sh-explore__lbl.is-show, .sh-explore__short{ display:none; }
.sh-explore.is-collapsed .sh-explore__lbl.is-show{ display:inline; }
.sh-explore.is-collapsed .sh-explore__lbl.is-hide{ display:none; }
.sh-explore:not(.is-collapsed) .sh-explore__btn i{ transform:rotate(180deg); }
.sh-explore__panel{ display:grid; grid-template-rows:1fr; transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1); }
.sh-explore__inner{ min-height:0; overflow:hidden; margin:0 -8px; padding:14px 8px 10px; transition:visibility 0s; }
.sh-explore.is-collapsed .sh-explore__panel{ grid-template-rows:0fr; }
.sh-explore.is-collapsed .sh-explore__inner{ visibility:hidden; padding-bottom:0; transition:visibility 0s .4s, padding .4s; }
.sh-explore.no-anim .sh-explore__panel, .sh-explore.no-anim .sh-explore__inner, .sh-explore.no-anim .sh-explore__btn i{ transition:none; }
.sh-explore__grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
.sh-explore.is-sub .sh-explore__grid{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.sh-xcat{ position:relative; display:flex; flex-direction:column; overflow:hidden; transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s, border-color .2s; }
.sh-xcat:hover{ transform:translateY(-3px); border-color:var(--v2-border-strong); box-shadow:var(--v2-shadow-lg); }
.sh-xcat__media{ position:relative; aspect-ratio:16 / 7; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#f6f1ec; border-bottom:1px solid var(--v2-muted-bg); }
.sh-xcat__media img{ position:relative; z-index:1; width:100%; height:100%; object-fit:contain; padding:10px; mix-blend-mode:multiply; transition:transform .6s cubic-bezier(.16,1,.3,1); }
.sh-xcat__media.is-banner img{ object-fit:cover; object-position:82% 55%; padding:0; mix-blend-mode:normal; }
.sh-xcat__media.is-scene img{ object-position:60% 50%; }
.sh-xcat:hover .sh-xcat__media img{ transform:scale(1.05); }
.sh-xcat__ph{ position:absolute; color:#ddd0c8; font-size:1.6rem; }

.sh-xcat__media.has-products .sh-xcat__bg{ object-position:100% 55%; }
.sh-xcat__media.has-products::after{ content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg, rgba(250,248,242,.55) 0%, rgba(250,248,242,.15) 55%, rgba(250,248,242,0) 75%); pointer-events:none; }
.sh-xcat__products{ position:absolute; z-index:2; left:5%; bottom:8%; top:14%; width:60%; display:flex; align-items:flex-end; gap:2%; pointer-events:none; }
.sh-xcat__product{ display:block; max-width:46%; max-height:92%; height:auto; width:auto; object-fit:contain; filter:drop-shadow(0 10px 10px rgba(50,40,15,.28)) drop-shadow(0 2px 2px rgba(50,40,15,.18)); transform-origin:bottom center; transition:transform .5s cubic-bezier(.16,1,.3,1); }
.sh-xcat__product.is-2{ max-height:72%; margin-left:-5%; }
.sh-xcat:hover .sh-xcat__product.is-1{ transform:translateY(-3px) scale(1.04); }
.sh-xcat:hover .sh-xcat__product.is-2{ transform:translateY(-2px) scale(1.03); }
.sh-xcat:hover .sh-xcat__media.has-products .sh-xcat__bg{ transform:scale(1.03); }
.sh-xcat__media img + .sh-xcat__ph{ display:none; }
.sh-xcat__body{ flex:1; display:flex; flex-direction:column; justify-content:flex-start; gap:10px; padding:14px 40px 14px 16px; min-height:54px; }

.sh-xcat__media::before{ content:""; position:absolute; z-index:2; inset:auto 0 0 0; height:62%; background:linear-gradient(0deg, rgba(24,22,14,.82) 0%, rgba(24,22,14,.45) 50%, rgba(24,22,14,0) 100%); pointer-events:none; }
.sh-xcat__label{ position:absolute; z-index:3; left:16px; right:16px; bottom:12px; display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.sh-xcat__label h3{ margin:0; font:800 1.22rem/1.2 'Inter', sans-serif; letter-spacing:-.02em; text-shadow:0 2px 8px rgba(0,0,0,.45); }
.sh-xcat__label h3 a{ color:#fff; }
.sh-xcat__label span{ flex:0 0 auto; display:inline-flex; align-items:center; height:26px; padding:0 10px; border-radius:999px; background:rgba(255,255,255,.92); color:#2b0a11; font-size:.78rem; font-weight:700; }
.sh-xcat__hit{ position:absolute; inset:0; z-index:3; }
.sh-xcat__label{ pointer-events:none; }
.sh-xcat__label a{ pointer-events:auto; position:relative; z-index:4; }

.sh-xcat__media picture{ display:block; width:100%; height:100%; }
.sh-xcat.is-titled .sh-xcat__media img{ object-position:50% 40%; }
.sh-xcat.is-titled .sh-xcat__media::before{ display:none; }
.sh-xcat.is-titled .sh-xcat__label{ left:12px; right:12px; bottom:10px; align-items:center; }
.sh-xcat.is-titled .sh-xcat__label h3{ min-width:0; display:inline-flex; align-items:center; height:26px; padding:0 11px; border-radius:999px; background:rgba(255,253,247,.86); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); font:500 .8rem/1 'Inter', sans-serif; letter-spacing:0; text-shadow:none; box-shadow:0 2px 8px rgba(43,10,17,.14); }
.sh-xcat.is-titled .sh-xcat__label h3 a{ color:#2b0a11; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sh-xcat.is-titled .sh-xcat__label span{ box-shadow:0 2px 8px rgba(43,10,17,.14); }
.sh-xcat__subs li.is-extra{ display:none; }
.sh-xcat__mname{ display:none; }
.sh-xcat__cta{ color:var(--v2-primary); font-size:.86rem; font-weight:600; }
.sh-xcat__subs{ position:relative; z-index:4; list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.sh-xcat__subs a{ display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 10px; border:1px solid var(--v2-border); border-radius:999px; background:var(--v2-surface); color:#3a2e30; font-size:.78rem; font-weight:500; transition:background .15s, border-color .15s, color .15s; }
.sh-xcat__subs a b{ color:#a8999a; font-weight:500; font-size:.72rem; }
.sh-xcat__subs a:hover{ border-color:var(--v2-primary); background:var(--v2-primary-soft); color:var(--v2-primary); }
.sh-xcat__subs a.is-more{ border-style:dashed; color:var(--v2-muted); }
.sh-xcat__go{ position:absolute; z-index:1; right:16px; bottom:20px; color:#b3a3a0; font-size:.72rem; transition:transform .2s, color .2s; }
.sh-xcat:hover .sh-xcat__go{ color:var(--v2-primary); transform:translateX(3px); }

.sh-brand{ display:grid; grid-template-columns:minmax(0,1fr) 300px; overflow:hidden; }
.sh-brand__main{ padding:28px; }
.sh-brand__head{ display:flex; align-items:center; gap:16px; margin-bottom:14px; }
.sh-brand__logo{ width:72px; height:72px; flex:0 0 72px; display:flex; align-items:center; justify-content:center; padding:10px; border:1px solid var(--v2-border); border-radius:16px; background:#fff; color:var(--v2-primary); font:800 1.6rem 'Inter', sans-serif; }
.sh-brand__logo img{ max-width:100%; max-height:100%; object-fit:contain; }
.sh-brand h2{ margin:0; font:700 clamp(1.25rem, 2vw, 1.55rem)/1.25 'Inter', sans-serif; letter-spacing:-.025em; color:var(--v2-fg); }
.sh-brand__intro{ margin:0 0 16px; color:#5a4c4e; line-height:1.7; }
.sh-brand__features{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.sh-brand__features span{ display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 12px; border-radius:999px; background:var(--v2-primary-soft); color:var(--v2-primary); font-size:.82rem; font-weight:600; }
.sh-brand__list{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px 20px; }
.sh-brand__list li{ display:flex; gap:9px; color:#3a2e30; font-size:.88rem; line-height:1.55; }
.sh-brand__list li > i{ margin-top:4px; color:var(--v2-primary); font-size:.72rem; }
.sh-brand__list a{ color:var(--v2-primary) !important; font-weight:600; }
.sh-brand__side{ display:flex; flex-direction:column; gap:10px; padding:28px 24px; background:var(--v2-surface); border-left:1px solid var(--v2-border); }
.sh-brand__side .sv2-btn{ width:100%; }
.sh-brand__support{ display:flex; align-items:center; gap:12px; margin-top:auto; padding-top:14px; border-top:1px solid var(--v2-border); }
.sh-brand__support strong{ display:block; font-size:.9rem; }
.sh-brand__support small{ display:block; color:var(--v2-muted); font-size:.78rem; }
.sh-brand__support a{ color:var(--v2-fg); font-weight:600; font-size:.9rem; }

.sh-main{ margin-top:36px; transition:opacity .2s; }
.sh-main.is-loading{ opacity:.5; pointer-events:none; }
.sh-main.is-entering .sh-grid{ animation:shIn .45s cubic-bezier(.16,1,.3,1) both; }
@keyframes shIn{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
.sh-layout{ display:grid; grid-template-columns:260px minmax(0,1fr); gap:24px; align-items:start; }

.sh-filters{ position:sticky; top:96px; max-height:calc(100vh - 112px); overflow-y:auto; scrollbar-width:thin; padding:6px 18px 18px; border:1px solid var(--v2-border); border-radius:14px; background:var(--v2-card); box-shadow:var(--v2-shadow); }
.sh-filters__head, .sh-filters__apply{ display:none; }
.sh-fblock{ padding:16px 0; }
.sh-fblock + .sh-fblock{ border-top:1px solid var(--v2-muted-bg); }
.sh-fblock h3{ margin:0 0 10px; font:650 .86rem 'Inter', sans-serif; color:var(--v2-fg); }
.sh-flist{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:1px; }
.sh-flist a{ display:flex; align-items:center; gap:10px; padding:7px 8px; border-radius:8px; color:#3a2e30; font-size:.87rem; transition:background .12s, color .12s; }
.sh-flist a:hover{ background:var(--v2-muted-bg); color:var(--v2-fg); }
.sh-flist a span{ flex:1; min-width:0; }
.sh-flist a b{ color:#a8999a; font-size:.75rem; font-weight:500; font-variant-numeric:tabular-nums; }
.sh-flist a.is-active{ color:var(--v2-primary); font-weight:600; background:var(--v2-primary-soft); }
.sh-flist li.is-child a{ padding-left:22px; }
.sh-flist__back{ color:var(--v2-muted) !important; font-size:.82rem !important; }
.sh-flist__back i{ font-size:.7rem; }
.sh-check{ width:18px; height:18px; flex:0 0 18px; display:inline-flex; align-items:center; justify-content:center; border:1.5px solid var(--v2-border-strong); border-radius:5px; background:#fff; transition:background .12s, border-color .12s; }
.sh-check.is-radio{ border-radius:999px; }
.sh-flist a.is-active .sh-check{ border-color:var(--v2-primary); background:var(--v2-primary); }
.sh-flist a.is-active .sh-check::after{ content:"\f00c"; font:900 .6rem "Font Awesome 6 Free"; color:#fff; }
.sh-flist a.is-active .sh-check.is-radio::after{ content:""; width:6px; height:6px; border-radius:999px; background:#fff; }
.sh-flist.is-collapsible li.is-extra{ display:none; }
.sh-flist.is-collapsible.is-open li.is-extra{ display:block; }
.sh-fblock .sh-link{ margin:8px 0 0 8px; }
.sh-price{ display:flex; align-items:center; gap:6px; margin-top:10px; }
.sh-price input{ width:100%; min-width:0; height:36px; padding:0 10px; border:1px solid var(--v2-border); border-radius:8px; background:var(--v2-surface); color:var(--v2-fg); font:400 .85rem 'Inter', sans-serif; outline:0; -moz-appearance:textfield; }
.sh-price input::-webkit-outer-spin-button, .sh-price input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.sh-price input:focus{ border-color:var(--v2-primary); box-shadow:0 0 0 3px var(--v2-ring); }
.sh-price span{ color:#a8999a; }
.sh-price button{ width:36px; height:36px; flex:0 0 36px; border:0; border-radius:8px; background:var(--v2-fg); color:#fff; cursor:pointer; font-size:.78rem; }
.sh-toggle{ display:flex; align-items:center; justify-content:space-between; gap:10px; color:#3a2e30; font-size:.87rem; font-weight:500; }
.sh-toggle i{ position:relative; width:36px; height:20px; flex:0 0 36px; border-radius:999px; background:var(--v2-border-strong); transition:background .2s; }
.sh-toggle i::after{ content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:999px; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.2); transition:transform .2s cubic-bezier(.16,1,.3,1); }
.sh-toggle.is-on i{ background:var(--v2-primary); }
.sh-toggle.is-on i::after{ transform:translateX(16px); }
.sh-filters__clear{ width:100%; margin-top:6px; height:38px; font-size:.84rem; }

.sh-toolbar{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:16px; }
.sh-toolbar h2{ margin:4px 0 0; font:700 1.15rem 'Inter', sans-serif; letter-spacing:-.02em; color:var(--v2-fg); }
.sh-chips{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.sh-chips a{ display:inline-flex; align-items:center; gap:8px; height:30px; padding:0 8px 0 12px; border:1px solid var(--v2-border); border-radius:999px; background:var(--v2-card); color:#3a2e30; font-size:.8rem; font-weight:500; }
.sh-chips a i{ width:16px; height:16px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--v2-muted-bg); font-size:.6rem; }
.sh-chips a:hover{ border-color:var(--v2-border-strong); }
.sh-toolbar__actions{ display:flex; gap:8px; flex:0 0 auto; }
.sh-filter-btn{ display:none; height:40px; }
.sh-filter-btn b{ min-width:20px; height:20px; padding:0 6px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:var(--v2-primary); color:#fff; font-size:.72rem; }
.sh-sort{ position:relative; }
.sh-sort__btn{ display:inline-flex; align-items:center; gap:9px; height:40px; padding:0 12px 0 13px; border:1px solid var(--v2-border); border-radius:10px; background:var(--v2-card); color:var(--v2-fg); font:500 .86rem 'Inter', sans-serif; box-shadow:var(--v2-shadow-sm); cursor:pointer; white-space:nowrap; transition:border-color .15s, box-shadow .15s; }
.sh-sort__btn small{ color:var(--v2-muted); font-size:.86rem; }
.sh-sort__btn > i{ color:var(--v2-muted); font-size:.8rem; }
.sh-sort__chev{ font-size:.66rem !important; transition:transform .25s cubic-bezier(.16,1,.3,1); }
.sh-sort__btn:hover{ border-color:var(--v2-border-strong); }
.sh-sort.is-open .sh-sort__btn{ border-color:var(--v2-primary); box-shadow:0 0 0 3px var(--v2-ring); }
.sh-sort.is-open .sh-sort__chev{ transform:rotate(180deg); }
.sh-sort__menu{ position:absolute; z-index:30; right:0; top:calc(100% + 6px); min-width:220px; margin:0; padding:6px; list-style:none; border:1px solid var(--v2-border); border-radius:12px; background:var(--v2-card); box-shadow:0 18px 40px -16px rgba(43,10,17,.3); opacity:0; visibility:hidden; transform:translateY(-4px) scale(.98); transform-origin:top right; transition:opacity .15s, transform .2s cubic-bezier(.16,1,.3,1), visibility 0s linear .2s; }
.sh-sort.is-open .sh-sort__menu{ opacity:1; visibility:visible; transform:none; transition:opacity .15s, transform .2s cubic-bezier(.16,1,.3,1), visibility 0s; }
.sh-sort__menu a{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 10px; border-radius:8px; color:#3a2e30; font-size:.87rem; }
.sh-sort__menu a:hover{ background:var(--v2-muted-bg); color:var(--v2-fg); }
.sh-sort__menu a i{ font-size:.72rem; color:var(--v2-primary); opacity:0; }
.sh-sort__menu a.is-active{ color:var(--v2-primary); font-weight:600; background:var(--v2-primary-soft); }
.sh-sort__menu a.is-active i{ opacity:1; }

.sh-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
.sh-card{ position:relative; display:flex; flex-direction:column; overflow:hidden; transition:border-color .2s, box-shadow .25s, transform .25s cubic-bezier(.16,1,.3,1); }
.sh-card:hover{ border-color:var(--v2-border-strong); box-shadow:var(--v2-shadow-lg); transform:translateY(-3px); }
.sh-card__media{ position:relative; aspect-ratio:1 / 1; display:flex; align-items:center; justify-content:center; background:#f6f1ec; border-bottom:1px solid var(--v2-muted-bg); overflow:hidden; }

.sh-card__media img{ position:absolute; inset:0; z-index:1; width:100%; height:100%; padding:0; object-fit:cover; transition:transform .5s cubic-bezier(.16,1,.3,1); }
.sh-card:hover .sh-card__media img{ transform:scale(1.04); }
.sh-card__ph{ position:absolute; color:#ddd0c8; font-size:2rem; }
.sh-card__media img + .sh-card__ph{ display:none; }
.sh-card__badges{ position:absolute; z-index:2; left:10px; top:10px; display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.sh-badge{ display:inline-flex; align-items:center; height:24px; padding:0 9px; border-radius:7px; background:var(--v2-fg); color:#fff; font-size:.72rem; font-weight:600; }
.sh-badge.is-sale{ background:#b4432f; }
.sh-badge.is-out{ background:#7d6f6c; }
.sh-card.is-out .sh-card__media img{ opacity:.55; filter:grayscale(.6); }
.sh-card__body{ flex:1; display:flex; flex-direction:column; gap:6px; padding:14px 16px 16px; }
.sh-card__brand{ color:var(--v2-muted); font-size:.7rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase; }
.sh-card__title{ margin:0; font:600 .93rem/1.4 'Inter', sans-serif; letter-spacing:-.01em; min-height:2.8em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sh-card__title a{ color:var(--v2-fg); }
.sh-card__title a::after{ content:""; position:absolute; inset:0; z-index:1; }
.sh-card__price{ display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin-top:2px; }
.sh-card__price strong{ font:800 1.12rem 'Inter', sans-serif; letter-spacing:-.02em; color:var(--v2-fg); font-variant-numeric:tabular-nums; }
.sh-card__price s{ color:#a8999a; font-size:.84rem; }
.sh-card__meta{ display:flex; flex-direction:column; gap:5px; padding-top:8px; border-top:1px dashed var(--v2-muted-bg); font-size:.78rem; color:var(--v2-muted); }
.sh-card__row{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:18px; white-space:nowrap; }
.sh-card__row span{ min-width:0; overflow:hidden; text-overflow:ellipsis; }
.sh-card__meta .is-out{ color:#b42318; }

.sh-card__meta .sh-card__interest{ color:#8a6d1f; }
.sh-card__meta .sh-card__interest.is-hot{ color:#c2410c; font-weight:600; }
.sh-card__meta span{ display:inline-flex; align-items:center; gap:6px; }
.sh-card__meta i{ font-size:.72rem; }
.sh-card__meta .is-good{ color:#2f6b2f; }
.sh-card__meta .is-warn{ color:#b4552f; }
.sh-card__btn{ position:relative; z-index:2; width:100%; height:40px; margin-top:auto; font-size:.86rem; }
.sh-card__btn--cart{ background:var(--v2-primary-soft); color:var(--v2-primary); border-color:transparent; }
.sh-card__btn--cart:hover{ background:var(--v2-primary); color:#fff; }
.sh-card__btn--cart.is-busy{ opacity:.7; }
.sh-card__btn--cart.is-added{ background:var(--v2-primary); color:#fff; }
.sh-card .sh-card__meta + .sh-card__btn{ margin-top:8px; }

.sh-pager{ display:flex; justify-content:center; flex-wrap:wrap; gap:6px; margin-top:28px; }
.sh-pager a, .sh-pager span{ min-width:40px; height:40px; padding:0 12px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--v2-border); border-radius:10px; background:var(--v2-card); color:#3a2e30; font-weight:600; font-size:.9rem; box-shadow:var(--v2-shadow-sm); }
.sh-pager span{ border-color:transparent; background:none; box-shadow:none; color:#a8999a; }
.sh-pager a:hover{ background:var(--v2-muted-bg); }
.sh-pager a.is-active{ background:var(--v2-fg); border-color:var(--v2-fg); color:#fff; }
.sh-pager a.is-disabled{ opacity:.4; pointer-events:none; }
.sh-pager i{ font-size:.75rem; }

.sh-empty{ display:flex; flex-direction:column; align-items:center; gap:10px; padding:48px 24px; text-align:center; }
.sh-empty h3{ margin:6px 0 0; font:700 1.1rem 'Inter', sans-serif; color:var(--v2-fg); }
.sh-empty p{ margin:0; max-width:440px; color:var(--v2-muted); line-height:1.6; }
.sh-empty__actions{ display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:8px; }

.sh-help{ display:flex; align-items:center; gap:18px; padding:22px 26px; border-radius:16px; background:#2b0a11; color:rgba(255,255,255,.76); }
.sh-help .v2-tile__icon{ background:rgba(201,214,163,.16); color:#e8d3d2; }
.sh-help__text{ flex:1; min-width:0; }
.sh-help h3{ margin:0 0 3px; color:#fff; font:650 1.05rem 'Inter', sans-serif; }
.sh-help p{ margin:0; font-size:.9rem; line-height:1.55; }
.sh-help__actions{ display:flex; gap:8px; flex:0 0 auto; }
.sh-help__wa{ background:#fff; color:#2b0a11; }
.sh-help__wa i{ color:#25a55a; }
.sh-help__wa:hover{ background:#f6e8e8; }
.sh-help__call{ background:transparent; color:#fff; border-color:rgba(255,255,255,.28); }
.sh-help__call:hover{ background:rgba(255,255,255,.08); }

.sh-info{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
.sh-info__card{ padding:26px; }
.sh-info__card h2{ margin:0 0 12px; font:700 1.2rem 'Inter', sans-serif; letter-spacing:-.02em; color:var(--v2-fg); }
.sh-info__card p{ margin:0; color:#5a4c4e; line-height:1.75; font-size:.94rem; }
.sh-info__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.sh-info__list li{ display:flex; gap:10px; color:#3a2e30; font-size:.92rem; }
.sh-info__list i{ margin-top:4px; color:var(--v2-primary); font-size:.74rem; }
.sh-info__custom{ color:#5a4c4e; line-height:1.7; font-size:.94rem; }

.sh-faq__title{ margin:0 0 14px; font:700 1.3rem 'Inter', sans-serif; letter-spacing:-.025em; color:var(--v2-fg); }
.sh-faq{ padding:4px 20px; }
.sh-acc + .sh-acc{ border-top:1px solid var(--v2-border); }
.sh-acc__q{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:17px 2px; border:0; background:none; color:var(--v2-fg); font:600 .95rem 'Inter', sans-serif; text-align:left; cursor:pointer; }
.sh-acc__q i{ font-size:.74rem; color:var(--v2-muted); transition:transform .3s cubic-bezier(.16,1,.3,1); }
.sh-acc.is-open .sh-acc__q i{ transform:rotate(180deg); }
.sh-acc__a{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .32s cubic-bezier(.16,1,.3,1); }
.sh-acc.is-open .sh-acc__a{ grid-template-rows:1fr; }
.sh-acc__a > div{ overflow:hidden; }
.sh-acc__a p{ margin:0; padding:0 2px 17px; color:#5a4c4e; line-height:1.7; }

.sh-toast{ position:fixed; z-index:600; left:50%; bottom:24px; display:flex; align-items:center; gap:10px; padding:12px 14px 12px 16px; border-radius:12px; background:#1b1315; color:#fff; font:500 .9rem 'Inter', sans-serif; box-shadow:0 18px 40px -16px rgba(0,0,0,.45); opacity:0; visibility:hidden; transform:translate(-50%, 12px); transition:opacity .2s, transform .3s cubic-bezier(.16,1,.3,1), visibility 0s linear .3s; }
.sh-toast.is-visible{ opacity:1; visibility:visible; transform:translate(-50%, 0); transition:opacity .2s, transform .3s cubic-bezier(.16,1,.3,1), visibility 0s; }
.sh-toast > i{ color:#9fd08f; }
.sh-toast.is-error > i{ color:#f3a08f; }
.sh-toast a{ margin-left:6px; padding:6px 10px; border-radius:8px; background:rgba(255,255,255,.12); color:#fff; font-weight:600; font-size:.82rem; }
.sh-backdrop{ display:none; }

@media (max-width: 1180px){
    .sh-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
    .sh-explore.is-sub .sh-explore__grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width: 1080px){
    .sh-brand{ grid-template-columns:minmax(0,1fr); }
    .sh-brand__side{ border-left:0; border-top:1px solid var(--v2-border); }
}
@media (max-width: 900px){
    .sh-explore__grid, .sh-explore.is-sub .sh-explore__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
    .sh-layout{ grid-template-columns:minmax(0,1fr); }
    .sh-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
    .sh-filter-btn{ display:inline-flex; }

    .sh-filters{ position:fixed; z-index:400; left:0; right:0; bottom:0; top:auto; max-height:86dvh; padding:0 18px calc(18px + env(safe-area-inset-bottom)); border-radius:20px 20px 0 0; box-shadow:0 -20px 50px -20px rgba(0,0,0,.35); transform:translateY(105%); visibility:hidden; transition:transform .35s cubic-bezier(.16,1,.3,1), visibility 0s linear .35s; }
    .sh-filters-open .sh-filters{ transform:none; visibility:visible; transition:transform .35s cubic-bezier(.16,1,.3,1), visibility 0s; }
    .sh-filters__head{ position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; margin:0 -18px; padding:16px 18px 12px; background:var(--v2-card); border-bottom:1px solid var(--v2-muted-bg); font-size:1rem; }
    .sh-filters__close{ width:34px; height:34px; border:1px solid var(--v2-border); border-radius:10px; background:var(--v2-surface); cursor:pointer; }
    .sh-filters__apply{ display:flex; width:100%; margin-top:10px; }
    .sh-backdrop{ position:fixed; z-index:399; inset:0; display:block; background:rgba(31,30,26,.4); opacity:0; visibility:hidden; transition:opacity .25s, visibility 0s linear .25s; }
    .sh-filters-open .sh-backdrop{ opacity:1; visibility:visible; transition:opacity .25s, visibility 0s; }
    .sh-filters-open{ overflow:hidden; }
    .sh-info{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 760px){
    .sh-hero .v2-hero__inner{ padding-bottom:72px; }
    .sh-search{ height:50px; margin-top:18px; }
    .sh-search .sv2-btn{ padding:0 14px; }
    .sh-hero__pills span:nth-child(n+3){ display:none; }

    .sh-explore{ margin-top:-36px; }
    .sh-explore__toggle{ gap:10px; padding:10px 10px 10px 12px; border-radius:16px; }
    .sh-explore__thumbs img{ width:40px; height:40px; border-radius:12px; }
    .sh-explore__thumbs img:nth-child(3){ display:none; }
    .sh-explore__ttl strong{ font-size:1rem; }
    .sh-explore__ttl small{ font-size:.78rem; }
    .sh-explore__btn{ height:40px; padding:0 14px; }
    .sh-explore__long{ display:none; }
    .sh-explore__short{ display:inline; }
    .sh-explore__grid, .sh-explore.is-sub .sh-explore__grid{ grid-template-columns:minmax(0,1fr); gap:8px; }
    .sh-xcat{ flex-direction:row; align-items:stretch; }
    .sh-xcat:hover{ transform:none; }
    .sh-xcat__media{ flex:0 0 104px; width:104px; aspect-ratio:auto; min-height:104px; border-bottom:0; border-right:1px solid var(--v2-muted-bg); }
    .sh-xcat__media.is-banner img{ object-position:80% 60%; }
    .sh-xcat__media.is-scene img, .sh-xcat.is-titled .sh-xcat__media img{ object-position:62% 45%; }
    .sh-xcat__products{ left:8%; right:8%; top:10%; bottom:8%; width:auto; justify-content:center; }
    .sh-xcat__product.is-2{ display:none; }
    .sh-xcat__product.is-1{ max-width:100%; }
    .sh-xcat__media.has-products::after{ background:rgba(250,248,242,.35); }
    .sh-xcat__media::before, .sh-xcat__label{ display:none; }
    .sh-xcat__mname{ display:flex; flex-direction:column; gap:2px; color:var(--v2-fg); font:700 1rem/1.25 'Inter', sans-serif; }
    .sh-xcat__mname small{ color:var(--v2-muted); font-size:.78rem; font-weight:500; }
    .sh-xcat__cta{ display:none; }

    .sh-xcat__body{ padding:12px 14px 12px 14px; gap:8px; justify-content:center; }
    .sh-xcat__mname{ padding-right:22px; }
    .sh-xcat__subs{ flex-wrap:wrap; gap:6px; }
    .sh-xcat__subs li.is-extra{ display:block; }
    .sh-xcat__subs li.is-more-item{ display:none; }
    .sh-xcat__subs a{ height:auto; min-height:34px; padding:6px 11px; white-space:normal; line-height:1.25; font-size:.8rem; font-weight:600; color:#2b0a11; background:var(--v2-primary-soft); border-color:transparent; }
    .sh-xcat__subs a b{ color:var(--v2-primary); opacity:.7; }
    .sh-xcat__go{ right:14px; bottom:auto; top:16px; transform:none; }
    .sh-xcat:hover .sh-xcat__go{ transform:translateX(3px); }
    .sh-main{ margin-top:24px; }
    .sh-toolbar{ flex-direction:column; align-items:stretch; }
    .sh-toolbar__actions{ display:grid; grid-template-columns:1fr 1fr; }
    .sh-sort__btn{ width:100%; justify-content:space-between; }
    .sh-sort__menu{ left:0; right:0; min-width:0; }
    .sh-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
    .sh-card__body{ padding:11px 12px 12px; gap:4px; }
    .sh-card__title{ font-size:.84rem; }
    .sh-card__price strong{ font-size:1rem; }
    .sh-card__btn{ height:36px; font-size:.8rem; padding:0 8px; }
    .sh-badge{ height:21px; font-size:.66rem; padding:0 7px; }
    .sh-brand__main, .sh-brand__side{ padding:20px; }
    .sh-brand__list{ grid-template-columns:minmax(0,1fr); }
    .sh-help{ flex-direction:column; align-items:flex-start; padding:20px; }
    .sh-help__actions{ width:100%; display:grid; grid-template-columns:1fr 1fr; }
    .sh-section{ margin-top:44px; }
}
@media (prefers-reduced-motion: reduce){ .sh *{ transition:none !important; animation:none !important; } }
.sh-corrected{ display:flex; align-items:center; gap:7px; margin:4px 0 0; color:var(--v2-primary); font-size:.86rem; font-weight:500; }

/* Kategori rehberi (app/content/kategori/*.md) ve içerik tabloları */
.sh-guide{ max-width:none; padding:32px 36px; color:#382c2e; font-size:.98rem; line-height:1.78; }
.sh-guide > *:first-child{ margin-top:0; }
.sh-guide p{ margin:0 0 1em; max-width:80ch; }
.sh-guide h2, .sh-guide h3{ margin:1.6em 0 .55em; color:var(--v2-fg); font-family:'Inter', sans-serif; letter-spacing:-.015em; line-height:1.3; }
.sh-guide h2{ font-size:1.3rem; } .sh-guide h3{ font-size:1.06rem; }
.sh-guide ul, .sh-guide ol{ margin:0 0 1.1em; padding-left:1.3em; max-width:80ch; }
.sh-guide li{ margin:.3em 0; }
.sh-guide a, .gd-prose a, .pd-prose a{ color:var(--v2-primary); font-weight:600; text-decoration:underline; text-underline-offset:2px; }
.sh-guide table, .gd-prose table, .pd-prose table, .bd-prose table{ display:block; width:100%; max-width:100%; overflow-x:auto; margin:0 0 1.4em; border-collapse:collapse; font-size:.9rem; line-height:1.45; }
.sh-guide th, .sh-guide td, .gd-prose th, .gd-prose td, .pd-prose th, .pd-prose td, .bd-prose th, .bd-prose td{ padding:10px 14px; border-bottom:1px solid var(--v2-border); text-align:left; vertical-align:top; }
.sh-guide td:first-child, .gd-prose td:first-child, .pd-prose td:first-child, .bd-prose td:first-child{ min-width:170px; }
.sh-guide td:last-child, .gd-prose td:last-child, .pd-prose td:last-child, .bd-prose td:last-child{ white-space:nowrap; }
.sh-guide thead th, .gd-prose thead th, .pd-prose thead th, .bd-prose thead th{ background:var(--v2-primary-soft); color:var(--v2-primary); font-weight:700; border-bottom:2px solid var(--v2-border-strong); }
.sh-guide tbody tr:hover, .gd-prose tbody tr:hover{ background:var(--v2-surface); }
@media (max-width: 640px){ .sh-guide{ padding:22px 18px; } }