:root{--ink:#15181d;--line:#e2e3e5;--muted:#73777e;--shell:1272px;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.shop-shell{width:min(var(--shell),calc(100% - 40px));margin:0 auto}
.shop-topbar{height:49px;background:#171a1f;color:#fff;display:flex;align-items:center}.topbar-inner{display:flex;justify-content:center;align-items:center;gap:9px;font-size:14px;font-weight:500}.topbar-inner svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.shop-header{height:100px;display:flex;align-items:center;background:#fff}.header-row{display:grid;grid-template-columns:245px minmax(360px,650px) 300px;gap:30px;align-items:center;justify-content:space-between}.shop-brand{display:inline-flex;align-items:center;gap:13px;width:max-content}.brand-mark{width:48px;height:48px;border-radius:50%;background:#15181d;display:grid;place-items:center;color:#fff}.brand-mark svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.brand-word{font-size:29px;font-weight:800;letter-spacing:-1.15px}.shop-search{height:51px;border:1px solid #dedfe1;border-radius:9px;display:flex;align-items:center;overflow:hidden}.shop-search input{border:0;outline:0;width:100%;height:100%;padding:0 0 0 34px;color:#15181d;font-size:14px}.shop-search input::placeholder{color:#c1c4c9}.shop-search button{width:58px;height:100%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.shop-search button svg{width:23px;height:23px;fill:none;stroke:#12151a;stroke-width:2.2;stroke-linecap:round}.header-actions{display:flex;justify-content:flex-end;gap:29px}.header-actions a{min-width:56px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:14px}.header-actions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mobile-nav-btn{display:none}
.shop-nav{height:60px;background:#171a1f;color:#fff;position:relative;z-index:20}.nav-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.nav-links{height:100%;display:flex;align-items:center;gap:40px}.nav-links>a,.nav-drop>a{height:100%;display:flex;align-items:center;gap:7px;font-size:15px;font-weight:600;white-space:nowrap}.nav-drop{height:100%;position:relative}.nav-drop>a svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.nav-dropdown{position:absolute;left:-18px;top:100%;min-width:190px;background:#fff;color:#15181d;border:1px solid #e5e5e5;box-shadow:0 15px 35px rgba(0,0,0,.1);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}.nav-drop:hover .nav-dropdown{opacity:1;visibility:visible;transform:none}.nav-dropdown a{display:block;padding:11px 12px;border-radius:5px;font-size:13px}.nav-dropdown a:hover{background:#f4f4f4}.nav-contact{display:flex;align-items:center;gap:38px;font-size:14px;font-weight:600}.nav-contact a{display:flex;align-items:center;gap:9px;white-space:nowrap}.nav-contact svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.shop-hero{height:344px;position:relative;overflow:hidden;background:linear-gradient(90deg,#0c0b09 0%,#19130f 44%,#563a28 72%,#a87952 100%)}.hero-photo{position:absolute;right:0;top:0;width:58%;height:100%;background-image:url('../images/shop-hero.png');background-size:cover;background-position:center center;background-repeat:no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,4,.96) 0%,rgba(7,6,5,.82) 25%,rgba(17,12,8,.46) 49%,rgba(24,14,8,.08) 70%,rgba(0,0,0,0) 100%)}.hero-inner{height:100%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;color:#fff}.hero-inner h1{font-size:50px;line-height:1.05;letter-spacing:-1.7px;margin:0 0 13px;font-weight:800}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}.breadcrumb a:hover{text-decoration:underline}
.catalog-section{padding:100px 0 112px}.catalog-layout{display:grid;grid-template-columns:276px minmax(0,1fr);gap:49px;align-items:start}.filter-sidebar{min-width:0}.filter-head{height:48px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.filter-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700}.filter-title svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.filter-head button{border:0;background:none;color:#777b81;cursor:pointer;font-size:14px;padding:2px 0}.filter-head button:hover{color:#111}.filter-group{padding:29px 0 28px;border-bottom:1px solid var(--line)}.filter-group:last-child{border-bottom:0}.filter-group h2{font-size:20px;letter-spacing:-.55px;margin:0 0 20px;font-weight:700}.filter-group label{display:flex;align-items:center;gap:10px;margin:0 0 17px;cursor:pointer;font-size:14px;color:#34383e}.filter-group label:last-child{margin-bottom:0}.filter-group input{appearance:none;width:20px;height:20px;flex:0 0 20px;border:1px solid #9ca0a5;border-radius:2px;display:grid;place-items:center;margin:0;background:#fff;cursor:pointer}.filter-group input:checked{background:#16191e;border-color:#16191e}.filter-group input:checked:after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}
.catalog-toolbar{min-height:48px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-top:7px;margin-bottom:21px}.catalog-toolbar strong{font-size:16px;line-height:38px;font-weight:700}.toolbar-right{display:flex;align-items:center;gap:17px}.view-count{display:flex;align-items:center;gap:5px;color:#7c7f85;font-size:14px}.view-count i{font-style:normal;color:#a0a3a7}.toolbar-right select{height:40px;min-width:190px;border:1px solid #1e2227;border-radius:4px;background:#fff;padding:0 38px 0 14px;color:#171a1f;outline:none}.mobile-filter-button{display:none}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 15px}.product-card{text-align:center;min-width:0}.product-image-link{display:block;position:relative;height:390px;border-radius:10px;overflow:hidden;background:#f1f1f1}.product-image-target{position:absolute;inset:0;display:block;z-index:0}.product-image-link img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;transition:transform .45s var(--ease)}.product-card:hover .product-image-link img{transform:scale(1.025)}.product-actions{position:absolute;left:50%;bottom:14px;z-index:5;transform:translate(-50%,20px) scale(.96);display:flex;align-items:center;justify-content:center;gap:7px;opacity:0;visibility:hidden;transition:opacity .28s ease,transform .34s var(--ease),visibility .28s ease}.product-card:hover .product-actions,.product-card:focus-within .product-actions{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.product-actions button{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.78);border-radius:50%;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 20px rgba(0,0,0,.13);display:grid;place-items:center;cursor:pointer;color:#15181d;transition:transform .25s var(--ease),background .25s,color .25s,box-shadow .25s}.product-actions button:hover{transform:translateY(-3px);background:#15181d;color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.18)}.product-actions button:disabled{opacity:.42!important;cursor:not-allowed!important;transform:none!important}.product-actions button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.product-meta{padding-top:20px}.stars{height:21px;display:flex;align-items:center;justify-content:center;gap:3px;margin-bottom:7px;color:#080b10;font-size:20px;line-height:1}.product-name{margin:0 0 7px;font-size:20px;line-height:1.18;font-weight:700;letter-spacing:-.55px}.product-price{display:flex;justify-content:center;align-items:baseline;gap:5px}.product-price .current{font-size:19px;font-weight:700}.product-price .old{font-size:13px;color:#777b81;text-decoration:line-through}.product-card.hidden{display:none}.load-more-wrap{display:flex;justify-content:center;padding-top:68px}.load-more{height:52px;border:1px solid #16191e;border-radius:5px;background:#fff;padding:0 4px 0 18px;display:inline-flex;align-items:center;gap:15px;font-weight:700;font-size:16px;cursor:pointer}.load-arrow{width:43px;height:43px;border-radius:3px;background:#171a1f;color:#fff;display:grid;place-items:center}.load-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.load-more:hover .load-arrow svg{transform:translateX(2px)}.load-more[hidden]{display:none}
.shop-footer{background:#14171c;color:#fff;padding:68px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:55px;padding-bottom:54px}.footer-logo .brand-mark{background:#fff;color:#15181d}.footer-brand p{max-width:360px;color:#afb3ba;line-height:1.75;font-size:14px}.footer-grid h3{font-size:16px;margin:5px 0 20px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px}.footer-grid>div:not(.footer-brand) a{color:#c8cbd0;font-size:14px}.footer-grid>div:not(.footer-brand) a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:22px 0 25px;color:#b8bbc0;font-size:13px}.filter-backdrop{display:none}
@media(max-width:1180px){.header-row{grid-template-columns:210px minmax(300px,1fr) 255px;gap:20px}.header-actions{gap:18px}.nav-links{gap:27px}.nav-contact{gap:20px}.catalog-layout{grid-template-columns:250px minmax(0,1fr);gap:35px}.product-image-link{height:360px}}
@media(max-width:980px){.shop-header{height:auto;padding:16px 0}.header-row{grid-template-columns:auto 1fr auto}.header-actions{display:none}.mobile-nav-btn{display:flex;width:44px;height:44px;border:0;background:#171a1f;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}.mobile-nav-btn span{width:21px;height:2px;background:#fff}.shop-search{grid-row:2;grid-column:1/-1;margin-top:5px}.shop-nav{height:auto}.nav-row{min-height:54px}.nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:#171a1f;flex-direction:column;align-items:stretch;height:auto;gap:0;padding:8px 20px 20px}.shop-nav.open .nav-links{display:flex}.nav-links>a,.nav-drop>a{height:46px}.nav-drop{height:auto}.nav-dropdown{display:none}.nav-contact{min-height:54px;width:100%;justify-content:center}.shop-hero{height:300px}.hero-photo{width:72%}.hero-inner h1{font-size:43px}.catalog-section{padding-top:70px}.catalog-layout{grid-template-columns:1fr}.filter-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:120;width:min(360px,88vw);background:#fff;padding:24px 26px;overflow:auto;transform:translateX(-105%);transition:transform .3s var(--ease);box-shadow:14px 0 40px rgba(0,0,0,.14)}.filter-sidebar.open{transform:none}.filter-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:110}.filter-backdrop.open{display:block}.mobile-filter-button{height:40px;border:1px solid #1b1e23;border-radius:4px;background:#fff;display:inline-flex;align-items:center;gap:7px;padding:0 12px;font-weight:600}.mobile-filter-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.catalog-toolbar{align-items:center}.catalog-toolbar strong{line-height:40px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.shop-shell{width:calc(100% - 28px)}.shop-topbar{height:40px}.topbar-inner{font-size:11.5px;gap:6px;white-space:nowrap}.topbar-inner svg{width:16px;height:16px}.shop-header{padding:11px 0}.brand-mark{width:42px;height:42px}.brand-word{font-size:25px}.shop-search{height:45px}.shop-search input{padding-left:14px}.nav-contact{font-size:12px;gap:14px;justify-content:space-between}.nav-contact a:last-child{display:none}.shop-hero{height:240px}.hero-photo{width:90%;background-position:42% center}.hero-overlay{background:linear-gradient(90deg,rgba(5,5,4,.94),rgba(9,7,5,.66) 54%,rgba(0,0,0,.08))}.hero-inner h1{font-size:34px;letter-spacing:-1px;margin-bottom:10px}.breadcrumb{font-size:13px}.catalog-section{padding:46px 0 70px}.catalog-toolbar{flex-wrap:wrap;margin-bottom:18px}.catalog-toolbar strong{font-size:14px;order:-1;width:100%;line-height:1.4}.toolbar-right{margin-left:auto;gap:9px}.view-count{display:none}.toolbar-right select{height:38px;min-width:157px;font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 10px}.product-image-link{height:auto;aspect-ratio:.76/1}.product-meta{padding-top:13px}.stars{font-size:15px;margin-bottom:5px;height:16px}.product-name{font-size:15px;min-height:36px;display:flex;align-items:flex-start;justify-content:center}.product-price .current{font-size:15px}.product-price .old{font-size:11px}.product-actions{display:flex;bottom:9px;gap:clamp(3px,1.2vw,5px);transform:translate(-50%,0) scale(1);opacity:1;visibility:visible}.product-actions button{width:clamp(25px,7.6vw,31px);height:clamp(25px,7.6vw,31px);flex-basis:clamp(25px,7.6vw,31px)}.product-actions button svg{width:clamp(12px,3.8vw,14px);height:clamp(12px,3.8vw,14px)}.load-more-wrap{padding-top:45px}.load-more{height:47px;font-size:14px}.load-arrow{height:38px;width:38px}.footer-grid{grid-template-columns:1fr;gap:28px}.shop-footer{padding-top:48px}.footer-grid>div:not(.footer-brand){gap:9px}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-image-link{aspect-ratio:.85/1}.product-name{font-size:17px;min-height:auto}}

/* ===== Refined sticky scrolling behaviour ===== */
.shop-nav{
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 7px 20px rgba(10,12,16,.08);
}

@media (min-width:981px){
  .catalog-layout{align-items:start}
  .filter-sidebar{
    position:sticky;
    top:82px;
    align-self:start;
    max-height:calc(100vh - 102px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#d5d7da transparent;
    padding-right:8px;
  }
  .filter-sidebar::-webkit-scrollbar{width:5px}
  .filter-sidebar::-webkit-scrollbar-track{background:transparent}
  .filter-sidebar::-webkit-scrollbar-thumb{background:#d5d7da;border-radius:20px}
}

/* Shop hero title refinement: keep the ThemeForest inner-page composition,
   but make the Shop heading slightly more compact so it never feels cropped. */
.shop-page .hero-inner h1{font-size:46px;line-height:1.06;letter-spacing:-1.45px}
@media(max-width:980px){.shop-page .hero-inner h1{font-size:39px;letter-spacing:-1.15px}}
@media(max-width:680px){.shop-page .hero-inner h1{font-size:30px;letter-spacing:-.75px}}