/* =========================================================
   PHUNKTEE OPTIMIZED STYLE.CSS
   Cleaned duplicate declarations, grouped by page/section.
   Keep this as a full replacement after taking backup.
   ========================================================= */

/* ROOT / RESET / GLOBAL CSS START */
body,html{
  width:100%;
  overflow-x:hidden;
}
.brand span,.footer__col h4,body{
  font-family:var(--font-body);
}
.co-step,.empty-state__icon,.footer__social a,.nav-icon b,.nav-toggle,.nk-steps b,.qty-btn,.qty-pill{
  place-items:center;
}
.testi__track,html{
  scroll-behavior:smooth;
}
.acc summary,.chip,.chip input,.filter-radio,.nk-chip span,.nk-heart,.nk-qty button,.nk-tabs button,.nk-thumbs button,.pay-method,.product-card__fav,button{
  cursor:pointer;
}
:root{
  --ink:#172627;
  --ink-2:#242133;
  --muted:#6f7180;
  --muted-2:#9592A9;
  --canvas:#f7f8f4;
  --paper:#ffffff;
  --paper-2:#f1f4ee;
  --line:#e5e8df;
  --green:#095A08;
  --green-2:#133D3B;
  --gold:#a97f0d;
  --gold-2:#FAA911;
  --bronze:#A68314;
  --purple:#3B1882;
  --brown:#3B1212;
  --danger:#dc2626;
  --success:#0a8a31;
  --star:#f5a400;
  --grad:linear-gradient(135deg,#095A08 0%,#133D3B 58%,#FEBA00 100%);
  --grad-dark:linear-gradient(135deg,#003F3A 0%,#106662 58%,#156c65 100%);
  --grad-gold:linear-gradient(135deg,#a97f0d 0%,#a76f06 52%,#A68314 100%);
  --grad-soft:linear-gradient(135deg,#fff7d6 0%,#eef9ef 60%,#f7f8f4 100%);
  --shadow-sm:0 8px 22px rgba(23,38,39,.06);
  --shadow:0 18px 52px rgba(23,38,39,.10);
  --shadow-lg:0 32px 80px rgba(23,38,39,.16);
  --r-sm:12px;
  --r:20px;
  --r-lg:30px;
  --container:1240px;
  --pad-x:clamp(18px,4vw,48px);
  --section-y:clamp(58px,7vw,98px);
  --header-h:82px;
  --font-body:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:"Fraunces",Georgia,serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --nk-purple:#3B1882;
  --nk-green:#095A08;
  --nk-gold:#FAA911;
  --nk-ink:#172627;
  --nk-line:#e5e8df;
  --nk-muted:#6f7180;
  --nk-shadow:0 18px 52px rgba(23,38,39,.10);
  --nk-container:1240px;
  --t:.25s var(--ease);
  --px-black:#070707;
  --px-dark:#111111;
  --px-soft:#f6f3ee;
  --px-white:#ffffff;
  --px-muted:#777777;
  --px-line:#e7e3dc;
  --px-orange:#ff5a1f;
  --px-blue:#0ea5ff;
  --px-radius:22px;
  --px-shadow:0 22px 60px rgba(0,0,0,.12);
}
*,::after,::before{
  box-sizing:border-box;
  margin:0;
  padding:0;
}
html{
  -webkit-text-size-adjust:100%;
}
body{
  min-width:0;
  font-size:16px;
  line-height:1.65;
  color:var(--px-black);
  background:#fff;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-family:"Inter",system-ui,sans-serif !important;
}
body.nav-open .nav-toggle span,button{
  background:0 0;
}
img{
  max-width:100%;
  display:block;
  height:auto;
}
a{
  color:inherit;
  text-decoration:none;
}
button,input,select,textarea{
  font:inherit;
  color:inherit;
}
h1,h2,h3{
  font-weight:650;
}
.acc summary::after,.pdp__price button{
  border:0;
}
ol,ul{
  padding-left:0;
}
::selection{
  background:var(--gold);
  color:var(--ink);
}
.container,.nk-container,.page-head__inner,.section .container,.site-header__inner{
  width:min(100% - 32px,var(--container));
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:0;
  padding:60px 0;
}
.announce,.nk-hero,.nk-process,.nk-trust,.page-head,.site-footer,.site-header{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.section{
  padding-block:var(--section-y);
}
.section--tight{
  padding-block:clamp(36px,5vw,72px);
}
footer,header,main,section{
  max-width:100%;
}
h1,h2,h3,h4{
  line-height:1.06;
  letter-spacing:-.035em;
}
h1{
  font-size:clamp(42px,7vw,82px);
}
h2{
  font-size:clamp(30px,4.5vw,52px);
}
h3{
  font-size:clamp(20px,2.2vw,28px);
}
.eyebrow.center::after,.eyebrow::before{
  content:"";
  width:28px;
  height:2px;
  border-radius:99px;
  background:var(--grad);
  opacity:1;
}
.btn,.text-link{
  align-items:center;
  font-weight:800;
  display:inline-flex;
}
.stars{
  color:var(--star);
  letter-spacing:2px;
  font-size:.9em;
}
.btn{
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:12px 24px;
  border-radius:999px;
  font-size:14px;
  letter-spacing:.01em;
  color:#fff;
  box-shadow:0 14px 28px rgba(9,90,8,.2);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);
}
.announce,.nk-badge{
  text-transform:uppercase;
  letter-spacing:.08em;
}
.btn--ghost,.btn--light{
  background:#fff;
}
.btn--ghost,.btn--light,.site-header nav a:hover{
  color:var(--green);
}
.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(9,90,8,.28);
}
.btn.big{
  min-height:54px;
  padding:15px 30px;
}
.btn--ghost{
  border:1px solid var(--line);
  box-shadow:none;
}
.btn--ghost:hover{
  border-color:var(--green);
}
.announce{
  background:var(--grad-dark);
  color:#fff;
  overflow:hidden;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
}
.announce__track{
  display:inline-flex;
  gap:34px;
  min-width:200%;
  padding-block:8px;
  animation:30s linear infinite marquee;
}
.announce__track span{
  display:inline-flex;
  align-items:center;
  gap:34px;
}
.brand small,.brand span{
  display:block;
  line-height:1;
}
.announce__track span::after{
  content:"•";
  opacity:.65;
  color:var(--gold);
}
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  height:var(--header-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:#eaf5f4;
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(229,232,223,.8);
  transition:.25s var(--ease);
}
.nav-icon,.nav-toggle{
  height:44px;
  background:#fff;
}
.nk-chip input:checked+span,.nk-thumbs button.active{
  border-color:var(--nk-purple);
}
.site-header.scrolled{
  height:68px;
  box-shadow:0 14px 34px rgba(23,38,39,.06);
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
}
.brand span{
  font-size:20px;
  font-weight:900;
  letter-spacing:-.04em;
  color:var(--ink);
}
.brand small{
  margin-top:5px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--muted);
  font-weight:800;
}
.site-header nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  margin-left:auto;
}
.site-header nav a{
  font-size:14px;
  font-weight:800;
  color:var(--ink-2);
  transition:.2s var(--ease);
}
.nav-icon{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:44px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
}
.nav-icon svg{
  width:19px !important;
  height:19px !important;
  max-width:19px !important;
  max-height:19px !important;
  stroke-width:1.8;
}
.nav-icon b{
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:99px;
  display:grid;
  background:var(--gold);
  color:var(--ink);
  font-size:11px;
  font-weight:900;
}
.nav-admin{
  display:flex !important;
}
.nav-toggle{
  display:none;
  width:44px;
  border-radius:50%;
  border:1px solid var(--line);
  flex:none;
}
.nav-toggle span,.nav-toggle span::after,.nav-toggle span::before{
  content:"";
  display:block;
  width:20px;
  height:2px;
  background:var(--ink);
  border-radius:99px;
  transition:.25s var(--ease);
}
.nav-toggle span::before{
  transform:translateY(-7px);
}
.nav-toggle span::after{
  transform:translateY(5px);
}
.acc[open] summary::after,body.nav-open .nav-toggle span::before{
  transform:rotate(45deg);
}
body.nav-open .nav-toggle span::after{
  transform:rotate(-45deg) translateY(-2px);
}
.nk-stats{
  display:flex;
  gap:52px;
}
.nk-stats strong{
  display:block;
  font-size:22px;
  font-weight:950;
}
.nk-floating-card,.nk-stats small{
  font-size:12px;
  color:var(--nk-muted);
}
.nk-stats small{
  display:block;
  font-weight:700;
}
.nk-hero-card{
  position:relative;
  border-radius:34px;
  padding:24px;
  background:linear-gradient(135deg,var(--nk-purple),var(--nk-green));
  box-shadow:0 28px 60px rgba(23,38,39,.22);
}
.nk-hero-card img{
  width:100%;
  aspect-ratio:1.08/1;
  object-fit:cover;
  border-radius:24px;
  background:#fff;
}
.nk-floating-card{
  position:absolute;
  background:#fff;
  border-radius:16px;
  padding:14px 16px;
  box-shadow:var(--nk-shadow);
}
.nk-cat-tile,.nk-product-img{
  position:relative;
  overflow:hidden;
}
.nk-breadcrumb strong,.nk-floating-card strong{
  color:var(--nk-ink);
}
.nk-card-top{
  left:-26px;
  top:36px;
}
.nk-card-bottom{
  right:-28px;
  bottom:42px;
}
.nk-category-grid,.nk-products{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
.px-section-head.center.categrid {
    display: flex;
    justify-content: space-between;
}
.nk-category-grid{
  gap:14px;
}
.nk-cat-tile{
  min-height:128px;
  border-radius:18px;
  padding:24px;
  color:#fff;
  box-shadow:0 18px 40px rgba(23,38,39,.12);
}
.nk-cat-tile:after{
  content:"";
  position:absolute;
  right:-28px;
  top:-34px;
  width:118px;
  height:118px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
}
.nk-cat-tile small{
  display:block;
  font-size:11px;
  opacity:.86;
  font-weight:800;
  margin-bottom:10px;
}
.nk-cat-tile strong{
  display:block;
  font-size:22px;
  line-height:1.1;
  font-weight:950;
}
.nk-cat-tile span{
  display:inline-block;
  margin-top:16px;
  font-size:13px;
  font-weight:900;
}
.nk-products{
  gap:26px;
}
.nk-products.four,.nk-steps{
  grid-template-columns:repeat(4,1fr);
}
.nk-product-card{
  background:#fff;
  border:1px solid var(--nk-line);
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--nk-shadow);
  transition:.25s;
}
.nk-product-card:hover{
  transform:translateY(-5px);
}
.nk-product-img{
  display:block;
  background:#f4f4f1;
  aspect-ratio:1/1.08;
}
.nk-product-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.35s;
}
.nk-product-card:hover .nk-product-img img{
  transform:scale(1.04);
}
.nk-badge{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
  border-radius:999px;
  background:var(--nk-purple);
  color:#fff;
  padding:7px 11px;
  font-size:10px;
  font-weight:950;
}
.form-label,.nk-product-body small{
  letter-spacing:.12em;
  text-transform:uppercase;
}
.nk-product-body{
  padding:22px;
}
.nk-product-body small{
  display:block;
  color:var(--nk-muted);
  font-size:11px;
  font-weight:900;
}
.nk-product-body h3{
  font-size:20px;
  line-height:1.16;
  margin:7px 0 8px;
  font-weight:950;
  letter-spacing:-.03em;
}
.nk-rating{
  color:#d98e00;
  font-size:13px;
  font-weight:900;
}
.nk-rating span{
  color:var(--nk-muted);
  font-weight:700;
}
.nk-swatches{
  display:flex;
  gap:8px;
  margin:12px 0 18px;
}
.nk-swatches i{
  width:14px;
  height:14px;
  border-radius:50%;
  background:#111;
}
.nk-swatches i:nth-child(2){
  background:var(--nk-green);
}
.nk-swatches i:nth-child(3){
  background:var(--nk-gold);
}
.nk-price-row{
  display:flex;
  align-items:flex-end;
  gap:8px;
}
.nk-price-row strong{
  font-size:22px;
  font-weight:950;
}
.nk-price-row del{
  color:#9aa0a6;
  font-size:13px;
}
.nk-price-row span{
  margin-left:auto;
  color:var(--nk-green);
  font-size:11px;
  font-weight:950;
}
.nk-process{
  background:#f0f3ef;
}
.nk-steps{
  display:grid;
  gap:18px;
}
.nk-steps div{
  background:#fff;
  border-radius:22px;
  padding:26px;
  box-shadow:var(--nk-shadow);
}
.nk-steps b{
  display:inline-grid;
  width:38px;
  height:38px;
  border-radius:50%;
  background:var(--nk-purple);
  color:#fff;
  margin-bottom:18px;
}
.nk-steps strong{
  display:block;
  font-size:19px;
  font-weight:950;
  margin-bottom:8px;
}
.nk-steps p{
  color:var(--nk-muted);
  margin:0;
}
.nk-bulk{
  margin:30px 0 80px;
  border-radius:28px;
  padding:46px;
  background:linear-gradient(135deg,var(--nk-purple),var(--nk-green) 58%,var(--nk-gold));
  color:#fff;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:30px;
  align-items:center;
  box-shadow:0 28px 70px rgba(23,38,39,.18);
}
.nk-bulk-card,.nk-main-image,.nk-testimonials figure{
  box-shadow:var(--nk-shadow);
}
.nk-bulk h2{
  font-size:clamp(30px,4vw,48px);
  line-height:1.03;
  margin:18px 0;
  color:#fff;
}
.nk-bulk p{
  opacity:.86;
  max-width:520px;
  color:#d3d3d3;
  margin-bottom:14px;
}
.nk-bulk-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.nk-bulk-stats span{
  border-radius:18px;
  background:rgba(255,255,255,.14);
  padding:24px;
}
.nk-bulk-stats b{
  display:block;
  font-size:26px;
}
.nk-testimonials{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.nk-testimonials figure{
  background:#fff;
  border:1px solid var(--nk-line);
  border-radius:22px;
  padding:26px;
}
.nk-pdp-rating span,.nk-testimonials figure div{
  color:#d98e00;
  letter-spacing:2px;
}
.nk-testimonials blockquote{
  margin:12px 0 18px;
  color:#424a4f;
}
.nk-breadcrumb,.nk-breadcrumb a,.nk-newsletter p,.nk-option-head small,.nk-pdp-rating small{
  color:var(--nk-muted);
}
.nk-testimonials figcaption{
  font-weight:950;
}
.nk-newsletter h2{
  font-size:34px;
  margin:0 0 8px;
  font-weight:950;
}
.nk-newsletter p{
  margin-bottom:22px;
}
.nk-newsletter input{
  flex:1;
  border:1px solid var(--nk-line);
  border-radius:999px;
  padding:0 20px;
  font-size:14px;
}
.nk-breadcrumb{
  padding:28px 0 16px;
  display:flex;
  gap:10px;
  font-size:13px;
}
.nk-pdp,.nk-thumbs{
  display:grid;
}
.nk-pdp{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(24px,4vw,58px);
  padding:28px 0 72px;
  align-items:start;
}
.nk-pdp-gallery{
  position:sticky;
  top:96px;
}
.nk-main-image{
  position:relative;
  border-radius:30px;
  background:linear-gradient(135deg,#fff8df,#edf8f3);
  padding:clamp(12px,2.5vw,28px);
  width:100%;
}
.nk-main-image img{
  aspect-ratio:1/1;
  object-fit:contain;
  border-radius:22px;
  width:100%;
  background:#f7f0f8;
}
.nk-thumbs button{
  box-shadow:0 8px 22px rgba(23,38,39,.06);
  width:100%;
  aspect-ratio:1/1;
  padding:6px;
  border-radius:16px;
  border:2px solid transparent;
  background:#fff;
  overflow:hidden;
}
.nk-thumbs img{
  aspect-ratio:1/1;
  object-fit:contain;
  width:100%;
  height:100%;
  border-radius:12px;
  background:#f7f0f8;
}
.nk-pdp-info h1{
  font-size:clamp(42px,5vw,64px);
  line-height:1;
  margin:8px 0 16px;
  font-weight:950;
  letter-spacing:-.05em;
}
.nk-pdp-rating{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  font-size:14px;
}
.nk-pdp-rating em{
  font-style:normal;
  color:var(--nk-green);
  font-weight:900;
}
.nk-pdp-price strong,.nk-tabs button.active{
  color:var(--nk-purple);
}
.nk-pdp-price{
  display:flex;
  align-items:center;
  gap:12px;
  margin:22px 0;
}
.nk-pdp-price strong{
  font-size:48px;
  font-weight:950;
}
.nk-pdp-price del{
  color:#9aa0a6;
}
.nk-pdp-price span{
  background:#dcfce7;
  color:var(--nk-green);
  font-size:12px;
  font-weight:900;
  border-radius:999px;
  padding:7px 10px;
}
.nk-pdp-short{
  font-size:16px;
  line-height:1.7;
  color:#4e555b;
  max-width:560px;
  margin-bottom:28px;
}
.nk-option,.nk-qty-wrap{
  margin:24px 0;
}
.nk-option-head{
  display:flex;
  justify-content:space-between;
  margin-bottom:12px;
}
.nk-option-head b{
  font-size:14px;
}
.nk-chip-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.nk-chip input{
  display:none;
}
.nk-chip span,.nk-qty{
  display:inline-flex;
  background:#fff;
}
.nk-chip span{
  min-width:48px;
  height:48px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px solid var(--nk-line);
  font-weight:900;
}
.nk-chip input:checked+span{
  background:var(--nk-purple);
  color:#fff;
}
.chip.is-oos span,.nk-chip.disabled span{
  opacity:.45;
  text-decoration:line-through;
  cursor:not-allowed;
}
.nk-qty-wrap>b{
  display:block;
  margin-bottom:10px;
}
.nk-qty button{
  width:46px;
  height:46px;
  border:0;
  background:#fff;
  font-size:20px;
}
.nk-qty input{
  width:60px;
  border:0;
  text-align:center;
  font-weight:950;
  background:#fff;
}
.nk-pdp-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:24px 0;
}
.nk-pdp-actions .nk-btn{
  min-width:210px;
}
.nk-heart{
  width:54px;
  height:54px;
  border-radius:50%;
  border:1px solid var(--nk-line);
  background:#fff;
  font-size:24px;
  flex:none;
}
.nk-pdp-trust{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  border:1px solid var(--nk-line);
  border-radius:20px;
  padding:20px;
  background:#fff;
}
.nk-pdp-trust span{
  font-size:13px;
  font-weight:800;
}
.nk-pdp-tabs{
  padding-bottom:76px;
}
.nk-tabs{
  display:flex;
  gap:26px;
  border-bottom:1px solid var(--nk-line);
  margin-bottom:24px;
}
.nk-tabs button{
  border:0;
  background:0 0;
  padding:18px 6px;
  font-weight:900;
  color:var(--nk-muted);
  position:relative;
}
.nk-tabs button.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:3px;
  border-radius:5px;
  background:var(--nk-purple);
}
.nk-tab-panel{
  display:none;
  grid-template-columns:1.5fr .7fr;
  gap:40px;
  align-items:start;
}
.nk-tab-panel.active{
  display:grid;
}
.nk-tab-panel p{
  color:#3f474d;
  line-height:1.8;
}
.nk-tab-panel li{
  margin:12px 0;
  color:#3f474d;
}
.nk-bulk-card{
  border-radius:24px;
  background:linear-gradient(135deg,#fff8df,#eef8f1);
  padding:28px;
}
.nk-bulk-card h3{
  margin:0 0 6px;
  font-size:24px;
}
.nk-bulk-card p{
  color:var(--nk-muted);
  margin:0 0 14px;
}
.nk-bulk-card table{
  width:100%;
  border-collapse:collapse;
}
.nk-bulk-card td{
  padding:12px 0;
  border-bottom:1px solid rgba(23,38,39,.1);
  font-weight:900;
}
.cart-line__remove,.nk-bulk-card td:last-child{
  text-align:right;
}
.cart-card__head span:nth-child(2),.cart-card__head span:nth-child(3),.cart-line__qty,.cart-line__total,.empty-state,.filters__clear,.nk-empty,.success-card{
  text-align:center;
}
.nk-empty{
  padding:100px 0;
}
.footer__top{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:clamp(1.6rem,1rem + 3vw,3.5rem);
  padding-block:clamp(3rem,2rem + 4vw,5rem);
}
.footer__brand .brand span{
  font-size:1.7rem;
}
.footer__brand p{
  color:var(--muted);
  margin:1rem 0 1.4rem;
  max-width:34ch;
}
.footer__social{
  display:flex;
  gap:.6rem;
}
.footer__social a{
  width:40px;
  height:40px;
  display:grid;
  border-radius:50%;
  border:1px solid var(--line);
  color:var(--ink);
  transition:all var(--t);
}
.footer__social a:hover{
  background:var(--ink);
  color:var(--canvas);
  transform:translateY(-2px);
}
.pdp__frame:hover img,.product-card:hover .product-card__media img{
  transform:scale(1.04);
}
.footer__social svg{
  width:17px;
  height:17px;
}
.footer__col h4{
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:1.1rem;
  font-weight:700;
}
.footer__col a,.footer__contact p{
  font-size:.92rem;
  color:var(--ink-soft);
}
.footer__col ul{
  display:flex;
  flex-direction:column;
  gap:.7rem;
}
.footer__col a{
  transition:color var(--t),padding var(--t);
}
.footer__col a:hover{
  color:var(--gold);
  padding-left:4px;
}
.footer__contact p{
  margin-bottom:.6rem;
}
.breadcrumb a:hover,.co-secure svg,.footer__contact a:hover{
  color:var(--gold);
}
.footer__pay{
  display:flex;
  gap:.5rem;
  align-items:center;
}
.footer__pay span{
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.06em;
  padding:.35rem .55rem;
  border:1px solid var(--line);
  border-radius:6px;
  color:var(--muted);
  background:var(--paper);
}
[data-reveal]{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);
}
[data-reveal].in{
  opacity:1;
  transform:none;
}
[data-reveal][data-delay="1"]{
  transition-delay:.08s;
}
[data-reveal][data-delay="2"]{
  transition-delay:.16s;
}
[data-reveal][data-delay="3"]{
  transition-delay:.24s;
}
[data-reveal][data-delay="4"]{
  transition-delay:.32s;
}
.hero-copy>*{
  opacity:0;
  transform:translateY(20px);
  animation:rise .9s var(--ease-out) forwards;
}
.hero-copy>:first-child{
  animation-delay:.1s;
}
.hero-copy>:nth-child(2){
  animation-delay:.2s;
}
.hero-copy>:nth-child(3){
  animation-delay:.3s;
}
.hero-copy>:nth-child(4){
  animation-delay:.4s;
}
.hero-copy>:nth-child(5){
  animation-delay:.5s;
}
.hero-card{
  opacity:0;
  animation:rise 1.1s var(--ease-out) .35s forwards;
}
.buy-box select,.checkout-wrap input,.checkout-wrap select,.checkout-wrap textarea,.filters input,.filters select,.input,.summary-card input,.summary-coupon input{
  width:100%;
  background:var(--paper);
  color:var(--ink);
  border:1px solid var(--line);
  border-radius:12px;
  padding:.85rem 1rem;
  font:inherit;
  line-height:1.4;
  transition:border-color var(--t),box-shadow var(--t),background var(--t);
}
.filter-radio,.qty-btn{
  transition:background var(--t);
}
.input:hover{
  border-color:var(--muted-2);
}
.checkout-wrap input:focus,.checkout-wrap select:focus,.checkout-wrap textarea:focus,.filters input:focus,.filters select:focus,.input:focus,.summary-coupon input:focus{
  outline:0;
  border-color:var(--gold);
  box-shadow:0 0 0 4px var(--gold-tint);
}
.acc:last-child,.page-head{
  border-bottom:1px solid var(--line);
}
.pdp__frame,.product-card:hover,.success-card{
  box-shadow:var(--shadow);
}
textarea.input{
  resize:vertical;
  min-height:96px;
}
.checkout-wrap select,.filters select,select.input{
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
  padding-right:2.4rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%2316130f' stroke-width='1.6' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 1rem center;
}
.form-label{
  font-size:.74rem;
  font-weight:700;
  color: #464646;
}
.breadcrumb span,.filter-price span,.optional{
  color:var(--muted-2);
}
.field{
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.optional{
  text-transform:none;
  letter-spacing:0;
  font-weight:500;
}
.btn.full{
  width:100%;
  background:var(--px-orange);
  border:0px;
}
.breadcrumb{
  display:flex;
  align-items:center;
  gap:.6rem;
  flex-wrap:wrap;
  padding-top:1.6rem;
  font-size:.82rem;
  color:var(--muted);
}
.breadcrumb a{
  transition:color var(--t);
}
.breadcrumb .current{
  color:var(--ink);
  font-weight:600;
}
.page-head{
  background:radial-gradient(120% 130% at 90% -20%,var(--gold-tint),transparent 55%),var(--paper);
}
.page-head__inner{
  padding-block:clamp(2.4rem,1.6rem + 3vw,4rem);
}
.page-head h1{
  font-size:var(--fs-h2);
  margin-top:.5rem;
  margin:12px 0 8px;
  font-size:clamp(30px,4.5vw,45px) !important;
  line-height:1;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-.035em;
  color:#111;
}
.page-head p{
  color:var(--muted);
  margin-top:.6rem;
}
.empty-state{
  padding-block:clamp(3.5rem,2rem + 6vw,7rem);
  max-width:520px;
}
.empty-state__icon{
  width:76px;
  height:76px;
  margin:0 auto 1.4rem;
  border-radius:50%;
  display:grid;
  background:var(--gold-tint);
  color:var(--gold);
}
.filter-radio:hover,.pdp__frame,.qty-btn:hover{
  background:var(--paper-2);
}
.empty-state__icon svg{
  width:32px;
  height:32px;
}
.empty-state h1,.empty-state h2{
  font-size:var(--fs-h3);
}
.empty-state p{
  color:var(--muted);
  margin:.7rem 0 1.8rem;
}
.acc{
  border-top:1px solid var(--line);
}
.acc summary{
  list-style:none;
  padding:1.1rem 0;
  font-weight:600;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.acc summary::-webkit-details-marker{
  display:none;
}
.acc summary::after{
  content:"+";
  font-size:1.3rem;
  color:var(--gold);
  transition:transform var(--t);
}
.acc__body{
  padding-bottom:1.2rem;
  color:var(--muted);
}
.acc__body p{
  max-width:60ch;
}
.pdp{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(2rem,1rem + 4vw,4.5rem);
  align-items:start;
  padding-block:clamp(2rem,1.4rem + 2vw,3.5rem) var(--section-y);
}
.pdp__gallery{
  position:sticky;
  top:calc(var(--header-h) + 1.5rem);
}
.pdp__frame{
  position:relative;
  border-radius:var(--r-lg);
  overflow:hidden;
  aspect-ratio:4/5;
}
.chip span,.pdp__badge,.pdp__save{
  border-radius:100px;
}
.pdp__frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 1s var(--ease-out);
}
.pdp__badge{
  position:absolute;
  top:1.1rem;
  left:1.1rem;
  z-index:2;
  font-size:.66rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
  padding:.45rem .85rem;
  background:var(--sale);
  color:#fff;
}
.chip,.shop-wrap{
  position:relative;
}
.chip span,.filters,.qty-stepper{
  background:var(--paper);
}
.pdp__title{
  font-size:clamp(2rem,1.4rem + 2vw,3rem);
  margin:.8rem 0 .9rem;
}
.pdp__meta{
  display:flex;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:.86rem;
}
.cart-line__remove a:hover,.pdp__price .now.is-sale,.pdp__save,.summary-row.discount strong{
  color:var(--sale);
}
.pdp__meta .stars{
  color:var(--gold);
  letter-spacing:1px;
}
.pdp__sku{
  padding-left:1rem;
  border-left:1px solid var(--line);
}
.pdp__price{
  display:flex;
  align-items:baseline;
  gap:.8rem;
  flex-wrap:wrap;
  margin:1.4rem 0;
}
.pdp__price .now{
  font-size:2rem;
}
.pdp__price del{
  color:var(--muted-2);
  font-size:1.2rem;
}
.pdp__save{
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.04em;
  padding:.35rem .7rem;
  color:var(--sale);
  background:#fde7f3;
}
.cart-card__head,.filter-title{
  letter-spacing:.12em;
  text-transform:uppercase;
}
.pdp__desc{
  color:var(--muted);
  margin-bottom:1.8rem;
  max-width:56ch;
}
.variant-group{
  margin-bottom:1.6rem;
}
.variant-group .form-label{
  display:block;
  margin-bottom:.7rem;
}
.chips{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}
.chip input{
  position:absolute;
  opacity:0;
  inset:0;
}
.chip span{
  display:inline-flex;
  align-items:center;
  padding:.6rem 1.1rem;
  border:1px solid var(--line);
  font-size:.88rem;
  font-weight:600;
  transition:all var(--t);
}
.chip:hover span{
  border-color:var(--ink);
}
.chip input:checked+span{
  background:var(--ink);
  color:var(--paper);
  border-color:var(--ink);
}
.chip input:focus-visible+span{
  box-shadow:0 0 0 4px var(--gold-tint);
}
.qty-stepper{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--line);
  border-radius:100px;
  overflow:hidden;
}
.qty-stepper input{
  width:48px;
  height:52px;
  text-align:center;
  border:none;
  background:0 0;
  font:inherit;
  font-weight:700;
  -moz-appearance:textfield;
}
.cart-line__info h3,.co-step,.product-card__name,.product-card__price .now,.success-order strong,.summary-row.grand strong{
  font-family:var(--font-display);
}
.qty-stepper input::-webkit-inner-spin-button,.qty-stepper input::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.buy-box__add{
  flex:1 1 220px;
}
.pdp__trust{
  display:flex;
  flex-direction:column;
  gap:.7rem;
  margin:1.8rem 0;
}
.pdp__trust li{
  display:flex;
  align-items:center;
  gap:.7rem;
  font-size:.9rem;
  color:var(--ink-soft);
}
.pdp__trust svg{
  width:20px;
  height:20px;
  color:var(--gold);
  flex:none;
}
.filters__clear:hover,.shop-toolbar__count strong{
  color:var(--ink);
}
.pdp__accordions{
  margin-top:.5rem;
}
.shop-wrap{
  display:grid;
  grid-template-columns:270px 1fr;
  gap:clamp(1.5rem,1rem + 2vw,3rem);
  align-items:start;
  padding-block:var(--section-y);
}
.filters__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:1.2rem;
}
.filters__head h2{
  font-size:1.3rem;
}
.filter-block:first-of-type{
  border-top:none;
  padding-top:0;
}
.filter-cats{
  display:flex;
  flex-direction:column;
  gap:.15rem;
}
.filter-radio{
  display:flex;
  align-items:center;
  gap:.6rem;
  padding:.5rem .2rem;
  border-radius:8px;
  font-size:.92rem;
}
.filter-radio input{
  accent-color:var(--gold);
  width:16px;
  height:16px;
}
.filter-price{
  display:flex;
  align-items:center;
  gap:.5rem;
}
.filters .btn{
  margin-top:1.2rem;
}
.filters__clear{
  display:block;
  margin-top:.9rem;
  font-size:.85rem;
  color:var(--muted);
  text-decoration:underline;
}
.shop-toolbar{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-bottom:1.6rem;
  flex-wrap:wrap;
}
.shop-toolbar__count{
  color:var(--muted);
  font-size:.9rem;
}
.shop-toolbar__sort{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:.6rem;
}
.shop-toolbar__sort>span{
  font-size:.8rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:600;
}
.shop-toolbar__sort select{
  width:auto;
  min-width:180px;
}
.shop-toolbar__filter{
  display:none;
  padding:.65rem 1.1rem;
}
.filters__backdrop{
  position:fixed;
  inset:0;
  background:rgba(22,19,15,.5);
  z-index:95;
  opacity:0;
  transition:opacity var(--t);
}
.cart-wrap{
  display:grid;
  grid-template-columns:1fr 380px;
  gap:clamp(1.5rem,1rem + 2vw,3rem);
  align-items:start;
  padding-block:var(--section-y);
}
.cart-card__head,.cart-line{
  display:grid;
  grid-template-columns:1fr 90px 110px 40px;
  border-bottom:1px solid var(--line);
}
.cart-card{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:.5rem 1.6rem 1.6rem;
}
.cart-card__head{
  gap:1rem;
  padding:1.2rem 0;
  font-size:.72rem;
  color:var(--muted);
  font-weight:700;
}
.cart-line{
  gap:1rem;
  align-items:center;
  padding:1.3rem 0;
}
.cart-line__product{
  display:flex;
  gap:1rem;
  align-items:center;
}
.cart-line__media{
  width:84px;
  aspect-ratio:4/5;
  border-radius:12px;
  overflow:hidden;
  background:var(--paper-2);
  flex:none;
}
.cart-line__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.cart-line__info h3{
  font-size:1.1rem;
  line-height:1.2;
}
.cart-line__variant{
  display:block;
  font-size:.82rem;
  color:var(--muted);
  margin-top:.2rem;
}
.cart-line__unit{
  display:block;
  font-size:.8rem;
  color:var(--muted-2);
  margin-top:.3rem;
}
.qty-pill{
  display:inline-grid;
  min-width:40px;
  height:40px;
  padding:0 .6rem;
  border:1px solid var(--line);
  border-radius:100px;
  font-weight:700;
}
.cart-line__total{
  font-weight:700;
}
.cart-line__remove a{
  color:var(--muted);
  transition:color var(--t);
}
.cart-card__continue{
  margin-top:1.4rem;
}
.checkout-summary,.summary-card{
  position:sticky;
  top:calc(var(--header-h) + 1.5rem);
  background:#111;
  color:#fff;
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:1.8rem;
}
.summary-card h2{
  font-size:1.5rem;
  margin-bottom:1.2rem;
}
.summary-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.55rem 0;
  font-size:.94rem;
  color:#fff;
}
.summary-coupon,.summary-trust{
  padding-top:1.2rem;
  border-top:1px solid var(--line);
  display:flex;
}
.summary-row strong,.summary-row.grand span{
  color:#fff;
  font-weight:700;
}
.summary-coupon{
  margin-top:1rem;
  flex-direction:column;
  gap:.6rem;
}
.summary-coupon .form-label{
  margin-bottom:.1rem;
}
.summary-coupon .btn{
  margin-top:.6rem;
}
.summary-trust{
  margin-top:1.4rem;
  flex-direction:column;
  gap:.7rem;
}
.summary-trust li{
  display:flex;
  align-items:center;
  gap:.6rem;
  font-size:.82rem;
  color:var(--muted);
}
.summary-trust svg{
  width:18px;
  height:18px;
  color:var(--gold);
  flex:none;
}
.checkout-wrap{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:clamp(1.5rem,1rem + 2vw,3rem);
  align-items:start;
  padding-block:var(--section-y);
}
.checkout-main{
  display:flex;
  flex-direction:column;
  gap:1.2rem;
}
.co-section__head{
  display:flex;
  align-items:center;
  gap:.9rem;
  margin-bottom:1.5rem;
}
.co-step{
  width:34px;
  height:34px;
  flex:none;
  display:grid;
  border-radius:50%;
  background:var(--ink);
  color:var(--paper);
  font-size:.95rem;
  background:linear-gradient(135deg,#FF9800 0%,#FF5722 58%,#FEBA00 100%) !important;
}
.co-section__head h2{
  font-size:1.4rem;
}
.co-grid .span-2{
  grid-column:1/-1;
}
.pay-methods,.success-steps{
  display:flex;
  flex-direction:column;
  gap:.8rem;
}
.pay-method{
  position:relative;
  display:block;
}
.pay-method input{
  position:absolute;
  opacity:0;
}
.pay-method__body{
  display:block;
  border:1px solid var(--line);
  border-radius:14px;
  padding:1.1rem 1.2rem 1.1rem 3rem;
  transition:border-color var(--t),background var(--t),box-shadow var(--t);
}
.pay-method__body::before{
  content:"";
  position:absolute;
  left:1.2rem;
  top:1.35rem;
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid var(--muted-2);
  transition:all var(--t);
}
.pay-method input:checked+.pay-method__body{
  border-color:var(--ink);
  background:var(--gold-tint);
  box-shadow:0 0 0 1px var(--ink) inset;
}
.pay-method input:checked+.pay-method__body::before{
  border-color:var(--gold);
  background:radial-gradient(circle at center,var(--gold) 0 5px,transparent 6px);
}
.co-totals,.summary-row.grand{
  border-top:1px solid var(--line);
}
.pay-method input:focus-visible+.pay-method__body{
  box-shadow:0 0 0 4px var(--gold-tint);
}
.pay-method__title{
  display:flex;
  align-items:center;
  gap:.8rem;
  flex-wrap:wrap;
  font-weight:700;
}
.pay-method__icons{
  display:inline-flex;
  gap:.35rem;
}
.pay-method__icons i{
  font-style:normal;
  font-size:.6rem;
  font-weight:800;
  letter-spacing:.04em;
  padding:.25rem .4rem;
  border:1px solid var(--line);
  border-radius:5px;
  color:var(--muted);
  background:var(--paper);
}
.pay-method__desc{
  display:block;
  font-size:.84rem;
  color:var(--muted);
  margin-top:.3rem;
}
.checkout-summary h2{
  font-size:1.4rem;
  margin-bottom:1.2rem;
}
.co-item__media{
  position:relative;
  width:56px;
  aspect-ratio:4/5;
  border-radius:10px;
  overflow:visible;
  background:var(--paper-2);
  flex:none;
  display:inline-block;
}
.co-item__qty,.success-steps span{
  background:var(--ink);
  place-items:center;
}
.co-item__media img{
  width:70px;
  height:auto;
  object-fit:cover;
  display:block;
  border-radius:5px;
}
.co-item__name{
  display:block;
  font-weight:600;
  font-size:.9rem;
  line-height:1.25;
}
.co-item__variant{
  display:block;
  font-size:.78rem;
  color:#fff;
}
.co-item__price{
  font-weight:700;
  font-size:.9rem;
  white-space:nowrap;
}
.co-totals{
  margin-top:1.2rem;
  padding-top:1rem;
}
.summary-row.grand{
  margin-top:.4rem;
  padding-top:.8rem;
  font-size:1.05rem;
}
.chip input:checked+span,.product-card__fav:hover{
  border-color:transparent;
}
.summary-row.grand strong{
  font-size:1.5rem;
}
.checkout-summary .btn{
  margin-top:1.3rem;
}
.co-instructions .acc__body a{
  color:var(--gold);
  text-decoration:underline;
}
.success-wrap{
  display:grid;
  place-items:center;
  padding-block:clamp(3rem,2rem + 5vw,6rem);
}
.success-card{
  width:100%;
  max-width:620px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  padding:clamp(2rem,1.4rem + 3vw,3.5rem);
}
.success-check path{
  stroke:var(--gold);
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:48;
  stroke-dashoffset:48;
  animation:dash .5s .6s var(--ease-out) forwards;
}
.success-card h1{
  font-size:var(--fs-h2);
  margin:.6rem 0 .8rem;
}
.success-lead{
  color:var(--muted);
  max-width:44ch;
  margin:0 auto 1.8rem;
}
.success-order span{
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:700;
}
.success-summary{
  text-align:left;
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:1.4rem;
  margin-bottom:1.8rem;
}
.success-next h3{
  font-size:1.2rem;
  margin-bottom:1rem;
}
.success-steps li{
  display:flex;
  align-items:center;
  gap:.8rem;
  color:var(--ink-soft);
  font-size:.92rem;
}
.success-steps span{
  width:28px;
  height:28px;
  flex:none;
  display:grid;
  border-radius:50%;
  color:var(--paper);
  font-size:.82rem;
  font-weight:700;
}
.success-actions{
  display:flex;
  gap:.8rem;
  justify-content:center;
  flex-wrap:wrap;
}
.product-card__add,.product-card__fav{
  z-index:2;
  position:absolute;
  color:var(--ink);
}
body::before{
  opacity:.02;
}
.hero-tag .stars,.pdp__meta .stars,.product-card__rating .stars,.stars,.testi-card .stars{
  color:var(--star);
}
.chip input:checked+span,.hero-badge,.product-card__add:hover,.testi-card__av{
  color:#fff;
  background:var(--grad);
}
.co-step,.product-card__tag:not(.sale),.success-steps span{
  background:var(--grad);
}
.hero-disc textPath{
  fill:var(--gold-soft);
}
.testi__nav{
  display:flex;
  align-items:center;
  gap:1.1rem;
  flex-wrap:wrap;
}
.testi__avg{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-size:.9rem;
  font-weight:600;
  color:var(--muted);
}
.testi__arrows{
  display:flex;
  gap:.55rem;
}
.testi__arrow{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1.5px solid var(--line);
  background:var(--paper);
  color:var(--ink);
  display:grid;
  place-items:center;
  transition:transform var(--t),background var(--t),color var(--t),border-color var(--t),box-shadow var(--t);
}
.testi__arrow svg{
  width:18px;
  height:18px;
}
.testi__arrow:hover:not(:disabled){
  background:var(--grad);
  color:#fff;
  border-color:transparent;
  transform:translateY(-2px);
  box-shadow:0 12px 26px -12px rgba(124,58,237,.6);
}
.testi__arrow:disabled{
  opacity:.3;
  cursor:not-allowed;
}
.shop-main .grid{
  grid-template-columns:repeat(3,1fr);
}
.product-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--r);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.product-card:hover{
  transform:translateY(-5px);
}
.product-card__media{
  position:relative;
  display:block;
  aspect-ratio:1/1.08;
  background:var(--paper-2);
  overflow:hidden;
}
.product-card__media>a:not(.product-card__add){
  display:block;
  width:100%;
  height:100%;
}
.product-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s var(--ease);
}
.product-card__tag{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
  border-radius:999px;
  background:var(--ink);
  color:#fff;
  padding:6px 11px;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.product-card__tag.sale{
  background:var(--danger);
}
.product-card__fav{
  top:12px;
  right:12px;
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid var(--line);
  background:rgba(255,255,255,.9);
  display:grid;
  place-items:center;
  transition:background var(--t),color var(--t),border-color var(--t);
}
.product-card__fav:hover{
  background:var(--ink);
  color:#fff;
}
.product-card__fav svg{
  width:17px;
  height:17px;
}
.product-card__add{
  left:14px;
  right:14px;
  bottom:14px;
  text-align:center;
  padding:.7rem 1rem;
  border-radius:999px;
  background:var(--paper);
  font-weight:700;
  font-size:.85rem;
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  opacity:0;
  transform:translateY(10px);
  transition:opacity .25s var(--ease),transform .25s var(--ease),background .25s,color .25s;
}
.product-card:hover .product-card__add{
  opacity:1;
  transform:none;
}
.product-card__body{
  display:flex;
  flex-direction:column;
  gap:.25rem;
  padding:1.1rem 1.2rem 1.3rem;
}
.product-card__cat{
  font-size:.66rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  color:var(--muted);
}
.product-card__name{
  font-size:1.12rem;
  line-height:1.2;
  font-weight:500;
  letter-spacing:-.01em;
  margin:.1rem 0 .15rem;
}
.product-card__name a{
  color:var(--ink);
}
.product-card__name a:hover{
  color:var(--gold);
}
.product-card__rating{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.82rem;
  color:var(--muted);
  font-weight:600;
}
.product-card__rating .stars{
  color:var(--star);
  letter-spacing:1px;
}
.product-card__price{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  margin-top:.55rem;
  flex-wrap:wrap;
}
.product-card__price del{
  color:var(--muted-2);
  font-size:.9rem;
}
.product-card__price .now{
  font-size:1.2rem;
  font-weight:600;
  color:var(--ink);
}
.product-card__price .now.is-sale{
  color:var(--danger);
}
.product-card__discount{
  color:var(--success);
  font-weight:700;
  font-size:.75rem;
}
.product-card__stock{
  color:var(--muted);
  margin-left:auto;
  font-size:.75rem;
}
.nk-pdp-rating em.is-oos{
  color:#dc2626;
}
.nk-btn:active{
  transform:translateY(0);
}
.nk-section-head{
  display:flex;
  justify-content:space-between;
  margin-bottom:30px;
}
.nk-section-head.center p{
  margin:10px 0;
}
.hero-product-price{
  color:#fff;
}
.site-header__inner{
  display:flex;
  justify-content:space-between;
}
.nk-pdp-gallery,.nk-pdp-info{
  min-width:0;
}
.nk-thumbs button.active{
  border-color:var(--nk-purple,#3b1882);
}
a.brand.brand-with-logo img{
  max-width:268px;
}
.nk-hero-premium{
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#fff;
}
.nk-hero-premium .nk-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:clamp(24px,0vw,60px);
}
.nk-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 18px;
  border:1px solid rgba(9,90,8,.22);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#00736e;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  box-shadow:0 10px 28px rgba(9,90,8,.07);
}
.nk-pill-icon{
  width:26px;
  height:26px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:#e7f6ef;
  color:#00736e;
  font-size:13px;
}
.nk-hero-premium .nk-hero-copy h1{
  margin:24px 0 20px;
  max-width:690px;
  font-size:clamp(46px,6vw,60px);
  line-height:1.10;
  letter-spacing:-.055em;
  color:#172627;
  font-weight:900;
}
.nk-hero-premium .nk-hero-copy h1 span{
  display:block;
  color:#1d5d62;
}
.nk-hero-premium .nk-hero-copy h1:after{
  content:"";
  display:block;
  width:160px;
  height:3px;
  margin-top:16px;
  border-radius:99px;
  background:linear-gradient(90deg,#008a83,#f7c945);
}
.nk-hero-premium .nk-hero-copy p{
  max-width:610px;
  margin:0 0 26px;
  color:#536268;
  font-size:18px;
  line-height:1.72;
}
.nk-hero-premium .nk-hero-actions{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  margin:28px 0 42px;
}
.nk-hero-premium .nk-btn{
  min-height:56px;
  padding:15px 28px;
  border-radius:18px;
  background:linear-gradient(135deg,#006b62,#008579);
  color:#fff;
  box-shadow:0 18px 34px rgba(0,107,98,.24);
  font-weight:900;
}
.nk-hero-premium .nk-btn i{
  font-style:normal;
  font-size:20px;
  line-height:1;
}
.nk-hero-premium .nk-btn-outline{
  background:rgba(255,255,255,.78);
  color:#172627;
  border:1px solid rgba(0,107,98,.28);
  box-shadow:none;
}
.nk-hero-premium .nk-btn-outline:hover{
  background:#fff;
  box-shadow:0 16px 32px rgba(23,38,39,.08);
}
.nk-stats-premium{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:620px;
  gap:0;
}
.nk-stats-premium div{
  position:relative;
  padding-right:30px;
}
.nk-stats-premium div + div{
  padding-left:30px;
  border-left:1px solid rgba(9,90,8,.14);
}
.nk-stat-icon{
  width:52px;
  height:52px;
  margin-bottom:12px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#dff2ea;
  color:#006b62;
  font-size:22px;
  box-shadow:inset 0 0 0 1px rgba(9,90,8,.12);
}
.nk-stats-premium strong{
  display:block;
  font-size:30px;
  line-height:1;
  color:#172627;
  font-weight:950;
}
.nk-stats-premium small{
  display:block;
  margin-top:7px;
  color:#536268;
  font-size:13px;
  font-weight:700;
}
.announce-premium{
  height:38px;
  background:linear-gradient(90deg,#004d48,#006b62,#073f3d);
  color:#fff;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 8px 24px rgba(0,77,72,.18);
}
.announce-premium .announce__track{
  height:38px;
  display:flex;
  align-items:center;
  gap:0;
  min-width:max-content;
  padding:0;
  animation:announceSlide 28s linear infinite;
}
.announce-premium span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 42px;
  height:38px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
  position:relative;
}
.announce-premium span:after{
  content:"";
  position:absolute;
  right:0;
  width:1px;
  height:18px;
  background:rgba(255,255,255,.22);
}
.announce-premium i{
  width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  background:rgba(250,169,17,.16);
  color:#ffd45a;
  font-style:normal;
  font-size:13px;
}
.nk-trust-premium{
  position:relative;
  background:linear-gradient(90deg,#004d48,#006b62,#073f3d);
  border-top:1px solid rgba(23,38,39,.08);
  border-bottom:1px solid rgba(23,38,39,.08);
  overflow:hidden;
}
.nk-trust-premium:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 12% 50%,rgba(9,90,8,.07),transparent 24%),radial-gradient(circle at 88% 50%,rgba(250,169,17,.10),transparent 24%);
  pointer-events:none;
}
.nk-trust-premium .nk-container{
  padding:0;
}
.nk-trust-row span{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#fff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.nk-trust-row span:before{
  content:"✓";
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  background:#e6f7ef;
  color:#00756f;
  font-size:15px;
}
.px-topbar{
  height:34px;
  background:#070707;
  color:#fff;
  overflow:hidden;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.px-topbar-track{
  height:34px;
  display:flex;
  align-items:center;
  width:max-content;
  animation:pxMarquee 26s linear infinite;
}
.px-topbar span{
  padding:0 44px;
  white-space:nowrap;
  opacity:.92;
}
.px-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(0,0,0,.08);
}
.px-header-inner{
  width:min(100% - 40px,1320px);
  min-height:82px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.px-logo{
  display:inline-flex;
  align-items:center;
  min-width:max-content;
}
.px-logo img{
  max-height:54px;
  max-width:210px;
  width:auto;
  object-fit:contain;
}
.px-logo strong{
  font-size:26px;
  font-weight:900;
  letter-spacing:.08em;
}
.px-nav{
  display:flex;
  align-items:center;
  gap:34px;
  margin-left:auto;
}
.px-nav a{
  position:relative;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.px-nav a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  background:var(--px-orange);
  transform:scaleX(0);
  transform-origin:left;
  transition:.25s ease;
}
.px-nav a:hover:after{
  transform:scaleX(1);
}
.px-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.px-icon-btn{
  width:46px;
  height:46px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid var(--px-line);
  box-shadow:0 10px 25px rgba(0,0,0,.05);
  position:relative;
  font-weight:900;
}
.px-icon-btn img{
  width:18px;
  height:18px;
  object-fit:contain;
}
.px-cart-link b{
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:99px;
  background:var(--px-orange);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:11px;
}
.px-menu-btn{
  display:none;
  width:46px;
  height:46px;
  border-radius:50%;
  background:#111;
  position:relative;
}
.px-menu-btn span,
.px-menu-btn span:before,
.px-menu-btn span:after{
  content:"";
  width:18px;
  height:2px;
  background:#fff;
  display:block;
  margin:auto;
  border-radius:99px;
}
.px-menu-btn span:before{
  transform:translateY(-6px);
}
.px-menu-btn span:after{
  transform:translateY(4px);
}
.px-mobile-drawer{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:min(390px,88vw);
  z-index:2000;
  background:#fff;
  padding:24px;
  transform:translateX(110%);
  transition:.32s ease;
  box-shadow:-30px 0 70px rgba(0,0,0,.22);
}
body.drawer-open .px-mobile-drawer{
  transform:none;
}
.px-mobile-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:26px;
}
.px-mobile-head strong{
  font-size:22px;
}
.px-mobile-head button{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:24px;
}
.px-mobile-drawer a{
  display:flex;
  justify-content:space-between;
  padding:18px 0;
  border-bottom:1px solid var(--px-line);
  font-size:18px;
  font-weight:800;
}
.px-drawer-backdrop{
  position:fixed;
  inset:0;
  z-index:1900;
  background:rgba(0,0,0,.55);
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
}
body.drawer-open .px-drawer-backdrop{
  opacity:1;
  pointer-events:auto;
}
.px-search-modal{
  position:fixed;
  inset:0;
  z-index:2500;
  background:rgba(0,0,0,.70);
  backdrop-filter:blur(8px);
  display:none;
  place-items:center;
  padding:20px;
}
.px-search-modal.show{
  display:grid;
}
.px-search-box{
  width:min(720px,100%);
  background:#fff;
  border-radius:28px;
  padding:36px;
  position:relative;
  box-shadow:var(--px-shadow);
}
.px-search-box > button{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#111;
  color:#fff;
  font-size:24px;
}
.px-search-box h3{
  font-size:35px;
  margin-bottom:18px;
}
.px-search-box form{
  display:flex;
  gap:12px;
}
.px-search-box input{
  flex:1;
  min-height:58px;
  border:1px solid var(--px-line);
  border-radius:18px;
  padding:0 18px;
}
.px-search-box form button{
  min-height:58px;
  padding:0 28px;
  border-radius:18px;
  background:#111;
  color:#fff;
  font-weight:900;
}
.px-footer{
  background:#090909;
  color:#fff;
  padding-top:74px;
}
.px-footer-inner{
  width:min(100% - 40px,1320px);
  margin:auto;
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1fr;
  gap:44px;
}
.px-footer-brand p{
  color:#b9b9b9;
  max-width:360px;
  margin:20px 0;
}
.px-footer .px-logo img{
  max-height:58px;
  filter:none;
}
.px-social{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.px-social a,
.px-footer-col a{
  color:#b9b9b9;
  transition:.25s ease;
}
.px-social a:hover,
.px-footer-col a:hover{
  color:var(--px-orange);
}
.px-footer-col{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.px-footer-col h4{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:8px;
}
.px-footer-bottom{
  width:min(100% - 40px,1320px);
  margin:54px auto 0;
  padding:24px 0;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#aaa;
  font-size:13px;
}
.px-footer-bottom div{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.px-footer-bottom div span{
  border:1px solid rgba(255,255,255,.18);
  border-radius:7px;
  padding:5px 9px;
  color:#fff;
}
.px-bottom-nav{
  display:none;
}
.px-backtop{
  position:fixed;
  right:22px;
  bottom:22px;
  width:46px;
  height:46px;
  border-radius:50%;
  background:#111;
  color:#fff;
  z-index:999;
  opacity:0;
  pointer-events:none;
  transition:.25s ease;
}
.px-backtop.show{
  opacity:1;
  pointer-events:auto;
}
.px-footer-brand .px-logo{
  background:#fff;
  padding:10px;
}
.px-home-container{
  width:min(100% - 36px,1320px);
  margin:auto;
}
.px-home-hero{
  position:relative;
  display:flex;
  align-items:center;
  background:#111;
  color:#fff;
  overflow:hidden;
}
.px-hero-bg{
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 80% 30%,rgba(255,90,31,.18),transparent 30%),linear-gradient(90deg,#080808 0%,#161616 45%,#2b261f 100%);
}
.px-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0px;
  align-items:center;
  margin-bottom:0px;
  margin-top:30px;
  justify-content:space-between;
}
.px-label{
  display:inline-flex;
  color:#FE7135;
  text-transform:uppercase;
  font-weight:900;
  font-size:12px;
  letter-spacing:.24em;
  margin-bottom:20px;
}
.px-hero-copy h1{
  font-size:clamp(40px,7vw,60px);
  text-transform:uppercase;
  margin:0 0 22px;
  color:#fff;
}
.px-hero-copy h1 strong{
  display:block;
  color:#FE7135;
  font-weight:400;
}
.px-hero-copy p{
  max-width:520px;
  color:#dfdfdf;
  font-size:18px;
  line-height:1.75;
  margin-bottom:26px;
}
.px-hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.px-main-btn,.px-outline-btn{
  min-height:54px;
  padding:0 26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:3px;
  font-weight:900;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.06em;
}
.px-main-btn {
    background: #ff5a1f;
    color: #fff;
}
.px-main-btn:hover{
  background:#000;
  color:#fff;
}
.px-outline-btn{
  border:1px solid rgba(255,255,255,.35);
  color:#fff;
}
.px-hero-image{
  align-self:end;
}
.px-hero-image img{
  width:100%;
  object-fit:contain;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,.45));
}
.px-category-section,.px-products-section,.px-lookbook{
  padding:70px 0;
  background:#fff;
  color:#111;
}
.px-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:34px;
}
.px-section-head.center{
  text-align:left;
  justify-content:center;
  display:block;
}
.px-section-head span{
  color:#FE7135;
  text-transform:uppercase;
  font-weight:900;
  font-size:12px;
  letter-spacing:.14em;
}
.px-section-head h2{
  font-size:clamp(24px,4vw,25px);
  text-transform:uppercase;
  margin:8px 0 0;
  color:#111;
}
.px-section-head a{
  font-weight:900;
  text-transform:uppercase;
  font-size:13px;
}
.px-category-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:24px;
}
.px-cat-card{
  display:block;
  background:#f5f5f5;
  padding-bottom:16px;
  text-align:center;
  transition:.25s ease;
}
.px-cat-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.10);
}
.px-cat-img{
  aspect-ratio:1/1;
  background:#e9e9e9;
  margin-bottom:16px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.px-cat-card h3{
  text-transform:uppercase;
  font-size:14px;
  margin-bottom:5px;
}
.px-cat-card p{
  font-size:12px;
  color:#777;
  margin-bottom:8px;
}
.px-cat-card span{
  font-size:12px;
  font-weight:900;
}
.px-product-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
}
.px-product-card{
  position:relative;
  background:#fff;
}
.px-product-media{
  position:relative;
  background:#f4f4f4;
  /*aspect-ratio:.82/1;*/
  overflow:hidden;
}
.px-product-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:.45s ease;
}
.px-product-card:hover img{
  transform:scale(1.06);
}
.px-sale-badge{
  position:absolute;
  top:12px;
  left:12px;
  background:#ff5a1f;
  color:#fff;
  font-size:11px;
  font-weight:900;
  padding:7px 10px;
  z-index:2;
  text-transform:uppercase;
}
.px-wish{
  position:absolute;
  top:12px;
  right:12px;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#fff;
  z-index:3;
  font-size:20px;
  border:none;
}
.px-product-actions{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  opacity:0;
  transform:translateY(12px);
  transition:.25s ease;
}
.px-product-card:hover .px-product-actions{
  opacity:1;
  transform:none;
}
.px-product-actions button,.px-product-actions a{
  background:#111;
  color:#fff;
  min-height:42px;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.px-product-actions a{
  background:#fff;
  color:#111;
}
.px-product-info{
  padding:16px 2px;
}
.px-product-info small{
  text-transform:uppercase;
  color:#777;
  font-size:11px;
  font-weight:800;
}
.px-product-info h3{
  font-size:16px;
  margin:4px 0 8px;
  color:#111;
  line-height:1.3;
}
.px-rating{
  font-size:12px;
  color:#FE7135;
  margin-bottom:8px;
}
.px-rating span{
  color:#777;
}
.px-price{
  display:flex;
  gap:10px;
  align-items:center;
}
.px-price strong{
  font-size:16px;
}
.px-price del{
  color:#999;
}
.px-feature-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:45px;
}
.px-feature-item{
  position:relative;
  text-align:left;
}
.px-feature-item:not(:last-child)::after{
  content:"";
  position:absolute;
  right:30%;
  top:50%;
  width:1px;
  height:120px;
  background:rgba(255,255,255,.12);
  transform:translateY(-50%);
}
.px-icon{
  width:36px;
  stroke:#ff6428;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.px-feature-item b{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:0px;
  margin-bottom:0px;
}
.px-feature-item span{
  display:block;
  color:#8e8e8e;
  font-size:15px;
  font-weight:400;
}
.px-benefit-strip .px-home-container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:40px;
  background:#0f0f0f;
  padding:43px 20px;
  margin-bottom:30px;
  border-radius:10px;
}
.px-benefit-item{
  display:flex;
  align-items:center;
  gap:18px;
  position:relative;
}
.px-benefit-item:not(:last-child)::after{
  content:"";
  position:absolute;
  right:-20px;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:78px;
  background:rgba(255,255,255,.08);
}
.px-benefit-icon{
  width:56px;
  height:56px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.px-benefit-icon svg{
  width:34px;
  height:34px;
  stroke:#c99a4b;
}
.px-benefit-item b{
  display:block;
  color:#fff;
  font-size:15px;
  letter-spacing:.08em;
  margin-bottom:4px;
  font-weight:700;
}
.px-benefit-item span{
  display:block;
  color:#bfbfbf;
  font-size:14px;
}
.px-banner-duo{
  padding:70px 0;
  background:#fff;
}
.px-duo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.px-offer-card{
  min-height:300px;
  padding:24px;
  background:#111;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background-image:linear-gradient(to right,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 49%,rgba(0,0,0,0) 62%),url("https://phunktee.com.au/assets/img/offer-img.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:10px;
}
.px-offer-card.light{
  background:#eee;
  color:#111;
  background-image:linear-gradient(to right,rgba(245,240,232,0.98) 0%,rgba(245,240,232,0.95) 42%,rgba(245,240,232,0.70) 52%,rgba(245,240,232,0) 57%),url("https://phunktee.com.au/assets/img/collect-img.jpg");
  background-repeat:no-repeat;
  background-size:cover;
}
.px-offer-card span{
  color:#FE7135;
  text-transform:uppercase;
  font-size:12px;
  font-weight:900;
}
.px-offer-card h2{
  font-size:27px;
  text-transform:uppercase;
  margin:10px 0;
}
.px-offer-card p{
  max-width:360px;
  margin-bottom:20px;
}
.px-offer-card a{
  font-weight:900;
}
.px-offer-card.dark .px-offer-card p{
  color:#fff;
}
.px-lookbook-grid{
  display:grid;
  grid-template-columns:1.1fr repeat(3,1fr);
  gap:18px;
}
.px-lookbook-copy{
  background:#f6f3ee;
  padding:20px 20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  height:100%;
}
.px-lookbook-copy .px-eyebrow{
  display:inline-block;
  font-size:25px;
  font-weight:700;
  color:#9d8a63;
  margin-bottom:0px;
  letter-spacing:0;
}
.px-lookbook-copy h2{
  margin:0;
  font-size:30px;
  line-height:1.3;
  font-weight:700;
  text-transform:uppercase;
  color:#111;
  letter-spacing:0px;
}
.px-lookbook-copy p{
  margin:17px 0 17px;
  font-size:16px;
  line-height:1.6;
  color:#555;
}
.px-look-list{
  list-style:none;
  margin:0;
  padding:0;
}
.px-look-list li{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:14px;
  font-size:16px;
  color:#444;
  font-weight:500;
}
.px-look-list li i{
  width:26px;
  height:26px;
  border-radius:50%;
  background:#f4ead4;
  color:#b58a38;
  display:flex;
  align-items:center;
  justify-content:center;
  font-style:normal;
  font-weight:900;
  font-size:15px;
  flex:none;
}
.px-look-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:22px;
  width:max-content;
  padding:15px 28px;
  border:2px solid #d8d8d8;
  background:#fff;
  color:#111;
  text-transform:uppercase;
  font-size:13px;
  font-weight:800;
  letter-spacing:.05em;
  transition:.35s;
}
.px-look-btn span{
  font-size:18px;
  transition:.35s;
}
.px-look-btn:hover{
  background:#111;
  color:#fff;
  border-color:#111;
}
.px-look-btn:hover span{
  transform:translateX(5px);
}
.px-look-card{
  position:relative;
  min-height:360px;
  overflow:hidden;
  background:#111;
}
.px-look-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.85;
}
.px-look-card b{
  position:absolute;
  left:18px;
  right:18px;
  bottom:18px;
  color:#fff;
  text-transform:uppercase;
}
.px-newsletter{
  padding:70px 0;
  background:#fff;
}
.px-news-card{
  background:#111;
  color:#fff;
  padding:44px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:center;
  border-radius:10px;
}
.px-news-card span{
  color:#FE7135;
  text-transform:uppercase;
  font-weight:900;
}
.px-news-card h2{
  font-size:35px;
  margin:10px 0px;
  color:#fff;
  text-transform:uppercase;
}
.px-news-card p{
  color:#bbb;
}
.px-news-card form{
  display:flex;
}
.px-news-card input{
  flex:1;
  min-height:56px;
  border:0;
  padding:0 18px;
}
.px-news-card button{
  min-height:56px;
  border:0;
  background:#FE7135;
  color:#111;
  font-weight:900;
  padding:0 24px;
  text-transform:uppercase;
}
.px-quick-modal{
  position:fixed;
  inset:0;
  z-index:4000;
  display:none;
}
.px-quick-modal.show{
  display:block;
}
.px-quick-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.72);
}
.px-quick-box{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(950px,94vw);
  background:#fff;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  border-radius:18px;
  overflow:hidden;
}
.px-quick-close{
  position:absolute;
  right:18px;
  top:18px;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#fff;
  z-index:5;
  font-size:26px;
}
.px-quick-img{
  background:#f4f4f4;
  padding:40px;
  display:grid;
  place-items:center;
}
.px-quick-img img{
  max-height:520px;
  object-fit:contain;
}
.px-quick-info{
  padding:48px;
}
.px-quick-info small{
  text-transform:uppercase;
  color:#FE7135;
  font-weight:900;
}
.px-quick-info h2 {
    font-size: clamp(30px,3.8vw,30px);
    line-height: 1.1;
    letter-spacing: 0px;
}
.px-quick-price{
  font-size:28px;
  font-weight:900;
  margin:14px 0;
}
.px-size-row{
  display:flex;
  gap:10px;
  margin:24px 0;
}
.px-size-row button{
  width:46px;
  height:42px;
  border:1px solid #ddd;
  background:#fff;
  font-weight:900;
}
.px-product-card h3 a{
  color:#111;
  text-decoration:none;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
  overflow:hidden;
}
.px-shop-container{
  width:min(100% - 40px,1320px);
  margin:auto;
}
.px-shop-hero{
  padding:58px 0 54px;
  background:#fafafa;
  border-bottom:1px solid #eee;
}
.px-shop-hero span{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#ff5a1f;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.px-shop-hero span:before{
  content:"";
  width:32px;
  height:2px;
  background:#ff5a1f;
}
.px-shop-hero h1{
  margin:12px 0 10px;
  font-size:clamp(26px,4vw,40px);
  line-height:1.04;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-.035em;
  color:#111;
}
.px-shop-hero p{
  max-width:560px;
  color:#68707d;
  font-size:16px;
  font-weight:400;
}
.px-shop-page{
  padding:54px 0;
  background:#fff;
}
.px-shop-layout{
  display:grid;
  grid-template-columns:292px 1fr;
  gap:44px;
  align-items:start;
}
.px-filter-panel{
  position:sticky;
  top:112px;
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:18px;
  padding:24px;
  box-shadow:0 16px 40px rgba(0,0,0,.035);
}
.px-filter-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:22px;
}
.px-filter-head small{
  color:#ff5a1f;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.px-filter-head h2{
  margin:5px 0 0;
  font-size:24px;
  font-weight:700;
}
.px-filter-head button{
  display:none;
  width:38px;
  height:38px;
  border-radius:50%;
  border:0;
  background:#111;
  color:#fff;
  font-size:24px;
}
.px-filter-block{
  padding-bottom:22px;
  margin-bottom:22px;
  border-bottom:1px solid #eee;
}
.px-filter-block label,
.px-filter-block > label{
  display:block;
  margin-bottom:13px;
  color:#6b7280;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.px-search-field{
  border:1px solid #ddd;
  border-radius:13px;
  overflow:hidden;
  background:#fff;
}
.px-search-field input{
  width:100%;
  border:0;
  height:50px;
  padding:0 15px;
  font-weight:400;
}
.px-category-filter{
  display:grid;
  gap:12px;
  overflow:auto;
  padding-right:6px;
}
.px-radio{
  display:flex !important;
  align-items:center;
  cursor:pointer;
  margin:0 !important;
  color:#111 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  font-size:15px !important;
  font-weight:400 !important;
}
.px-radio input{
  display:none;
}
.px-radio span{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#111;
}
.px-radio span:before{
  content:"";
  width:17px;
  height:17px;
  border-radius:50%;
  border:1.5px solid #b9b9b9;
  background:#fff;
  flex:none;
}
.px-radio input:checked + span:before{
  border-color:#ff5a1f;
  box-shadow:inset 0 0 0 4px #fff;
  background:#ff5a1f;
}
.px-radio em{
  margin-left:auto;
  color:#9ca3af;
  font-size:12px;
  font-style:normal;
}
.px-price-filter{
  display:grid;
  gap:12px;
}
.px-price-filter input{
  height:48px;
  border:1px solid #ddd;
  border-radius:13px;
  padding:0 14px;
  font-weight:400;
}
.px-clear-btn{
  display:flex;
  justify-content:center;
  margin-top:8px;
  color:#111;
  font-weight:600;
}
.px-apply-btn{
  display:none !important;
}
.px-shop-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:26px;
}
.px-filter-toggle{
  display:none;
  height:46px;
  padding:0 18px;
  border:1px solid #ddd;
  border-radius:13px;
  background:#fff;
  font-weight:600;
}
.px-result-count{
  display:flex;
  align-items:center;
  gap:8px;
  color:#6b7280;
  font-weight:400;
}
.px-result-count strong{
  color:#111;
  font-size:18px;
  font-weight:600;
}
.px-sort-form{
  display:flex;
  align-items:center;
  gap:14px;
}
.px-sort-form label{
  color:#6b7280;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.px-sort-form select{
  min-width:190px;
  height:50px;
  border:1px solid #ddd;
  border-radius:13px;
  padding:0 16px;
  background:#fff;
  font-weight:400;
}
.px-active-filters{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:26px;
}
.px-active-filters span{
  color:#6b7280;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.px-active-filters b,
.px-active-filters a{
  padding:8px 12px;
  border-radius:999px;
  background:#f3f4f6;
  color:#111;
  font-size:13px;
  font-weight:400;
}
.px-active-filters a{
  background:#111;
  color:#fff;
}
.px-shop-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}
.px-shop-card{
  background:#fff;
}
.px-shop-img{
  position:relative;
  /*aspect-ratio:.9/1;*/
  border-radius:18px;
  overflow:hidden;
  background:#f7f3f7;
  border:1px solid #eee;
}
.px-shop-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:.45s ease;
}
.px-shop-card:hover .px-shop-img img{
  transform:scale(1.055);
}
.px-new-badge{
  position:absolute;
  top:14px;
  left:14px;
  background:#ff5a1f;
  color:#fff;
  border-radius:999px;
  padding:7px 12px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.px-card-heart{
  position:absolute;
  top:14px;
  right:14px;
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid #ddd;
  background:#fff;
  font-size:21px;
  transition:.25s;
}
.px-card-heart:hover{
  background:#111;
  color:#fff;
}
.px-card-hover{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  opacity:0;
  transform:translateY(12px);
  transition:.25s;
}
.px-shop-card:hover .px-card-hover{
  opacity:1;
  transform:none;
}
.px-card-hover a,
.px-card-hover button{
  display:flex;
  align-items:center;
  justify-content:center;
  height:44px;
  border-radius:12px;
  background:#111;
  color:#fff;
  border:0;
  font-weight:600;
  text-transform:uppercase;
  font-size:11px;
}
.px-card-hover button{
  background:#fff;
  color:#111;
}
.px-card-info{
  padding:16px 2px 0;
}
.px-card-info small{
  display:block;
  color:#6b7280;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  margin-bottom:8px;
}
.px-card-info h3{
  min-height:44px;
  margin:0 0 8px;
  font-size:16px;
  line-height:1.35;
  font-weight:600;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.px-card-info h3 a{
  color:#111;
}
.px-card-rating{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:8px;
}
.px-card-rating span{
  color:#ff5a1f;
  font-size:12px;
  letter-spacing:1px;
}
.px-card-rating em{
  color:#6b7280;
  font-size:13px;
  font-style:normal;
}
.px-card-price{
  display:flex;
  align-items:center;
  gap:10px;
}
.px-card-price strong{
  font-size:18px;
  font-weight:700;
}
.px-card-price del{
  color:#999;
}
.px-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:46px;
  flex-wrap:wrap;
}
.px-pagination a,
.px-pagination span{
  min-width:42px;
  height:42px;
  padding:0 13px;
  display:grid;
  place-items:center;
  border:1px solid #e5e7eb;
  border-radius:12px;
  color:#111;
  font-weight:500;
}
.px-pagination a.active,
.px-pagination a:hover{
  background:#ff5a1f;
  color:#fff;
  border-color:#ff5a1f;
}
.px-empty{
  min-height:360px;
  display:grid;
  place-items:center;
  text-align:center;
  background:#fafafa;
  border-radius:22px;
  padding:38px;
}
.px-empty h2{
  font-size:30px;
  font-weight:700;
  margin-bottom:8px;
}
.px-empty p{
  color:#6b7280;
  margin-bottom:20px;
}
.px-empty a{
  display:inline-flex;
  min-height:46px;
  padding:0 22px;
  align-items:center;
  background:#111;
  color:#fff;
  border-radius:13px;
  font-weight:600;
}
.px-filter-backdrop{
  display:none;
}
.px-qv-modal{
  position:fixed;
  inset:0;
  z-index:5000;
  display:none;
}
.px-qv-modal.show{
  display:block;
}
.px-qv-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.68);
}
.px-qv-box{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(940px,94vw);
  max-height:90vh;
  overflow:auto;
  background:#fff;
  border-radius:22px;
  display:grid;
  grid-template-columns:1fr 1fr;
}
.px-qv-close{
  position:absolute;
  right:18px;
  top:18px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:0;
  background:#111;
  color:#fff;
  font-size:24px;
  z-index:4;
}
.px-qv-image{
  background:#f7f3f7;
  display:grid;
  place-items:center;
  padding:42px;
}
.px-qv-image img{
  max-height:520px;
  object-fit:contain;
}
.px-qv-info{
  padding:48px;
}
.px-qv-info small{
  color:#ff5a1f;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}
.px-qv-info h2{
  margin:10px 0;
  font-size:34px;
  line-height:1.15;
  font-weight:700;
}
.px-qv-price{
  display:flex;
  align-items:center;
  gap:12px;
  margin:18px 0;
}
.px-qv-price strong{
  font-size:26px;
  font-weight:700;
}
.px-qv-price del{
  color:#999;
}
.px-qv-info p{
  color:#6b7280;
  line-height:1.7;
}
.px-qv-sizes{
  margin:24px 0;
}
.px-qv-sizes b{
  display:block;
  margin-bottom:10px;
  font-weight:600;
}
.px-qv-sizes div{
  display:flex;
  gap:8px;
}
.px-qv-sizes span{
  width:44px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid #ddd;
  border-radius:10px;
}
.px-qv-btn{
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  border-radius:13px;
  background:#111;
  color:#fff;
  font-weight:600;
}
.px-pdp-container{
  width:min(100% - 40px,1240px);
  margin:auto;
}
.px-pdp-breadcrumb{
  display:flex;
  gap:10px;
  align-items:center;
  padding:28px 0;
  color:#777;
  font-size:14px;
}
.px-pdp-breadcrumb a{
  color:#777;
}
.px-pdp-breadcrumb strong{
  color:#111;
  font-weight:500;
}
.px-pdp{
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:58px;
  align-items:start;
  padding:24px 0 70px;
}
.px-pdp-gallery{
  position:sticky;
  top:110px;
}
.px-pdp-main-img{
  position:relative;
  /*min-height:620px;*/
  /*border-radius:28px;*/
  background:linear-gradient(135deg,#fff7f3,#f7f7f7);
  display:grid;
  /*place-items:center;*/
  overflow:hidden;
}
.px-pdp-main-img img{
  /*max-height:540px;*/
  object-fit:contain;
  transition:.35s ease;
}
.px-pdp-main-img:hover img{
  transform:scale(1.04);
}
.px-pdp-badge{
  position:absolute;
  top:22px;
  left:22px;
  background:#ff5a1f;
  color:#fff;
  padding:8px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}
.px-pdp-thumbs{
  display:flex;
  gap:14px;
  margin-top:18px;
  overflow:auto;
  padding-bottom:4px;
}
.px-pdp-thumbs button{
  width:88px;
  height:88px;
  border-radius:16px;
  border:1px solid #e5e7eb;
  background:#fff;
  padding:8px;
  flex:none;
}
.px-pdp-thumbs button.active{
  border-color:#ff5a1f;
  box-shadow:0 0 0 2px rgba(255,90,31,.12);
}
.px-pdp-thumbs img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.px-pdp-info{
  padding-top:10px;
}
.px-pdp-category{
  display:inline-flex;
  color:#ff5a1f;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:14px;
}
.px-pdp-info h1{
  margin:0 0 16px;
  font-size:clamp(36px,4.8vw,45px);
  line-height:1.3;
  letter-spacing:0px;
  font-weight:700;
  color:#111;
}
.px-pdp-rating{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:26px;
}
.px-pdp-rating span{
  color:#ff5a1f;
  letter-spacing:1px;
  font-size:13px;
}
.px-pdp-rating b{
  font-weight:600;
}
.px-pdp-rating small{
  color:#777;
}
.px-pdp-rating em{
  font-style:normal;
  font-weight:600;
}
.px-pdp-rating .is-instock{
  color:#078122;
}
.px-pdp-rating .is-oos{
  color:#dc2626;
}
.px-pdp-price{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:28px;
}
.px-pdp-price strong{
  font-size:46px;
  line-height:1;
  color:#ff5a1f;
  font-weight:700;
}
.px-pdp-price del{
  color:#999;
  font-size:24px;
}
.px-pdp-short{
  max-width:590px;
  color:#4b5563;
  font-size:17px;
  line-height:1.75;
  margin-bottom:30px;
}
.px-pdp-option{
  margin-bottom:26px;
}
.px-pdp-option-head{
  display:flex;
  justify-content:space-between;
  margin-bottom:12px;
}
.px-pdp-option-head b{
  font-weight:600;
}
.px-pdp-option-head small{
  color:#777;
}
.px-pdp-chip-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.px-pdp-chip input{
  display:none;
}
.px-pdp-chip span{
  min-width:52px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid #ddd;
  border-radius:14px;
  font-weight:600;
  cursor:pointer;
}
.px-pdp-chip input:checked + span{
  background:#ff5a1f;
  color:#fff;
  border-color:#ff5a1f;
}
.px-pdp-chip.disabled{
  opacity:.35;
  pointer-events:none;
}
.px-pdp-qty-wrap>b{
  display:block;
  margin-bottom:12px;
  font-weight:600;
}
.px-pdp-buy-row{
  display:grid;
  grid-template-columns:156px 1fr 54px;
  gap:14px;
  align-items:center;
}
.px-pdp-qty{
  height:52px;
  display:grid;
  grid-template-columns:44px 1fr 44px;
  border:1px solid #ddd;
  border-radius:999px;
  overflow:hidden;
}
.px-pdp-qty button{
  border:0;
  background:#fff;
  font-size:22px;
}
.px-pdp-qty input {
    border: 0;
    text-align: center;
    font-weight: 600;
    width: 100%;
}
.px-pdp-cart-btn{
  height:52px;
  border:0;
  border-radius:14px;
  background:#ff5a1f;
  color:#fff;
  font-weight:700;
  font-size:16px;
  box-shadow:0 16px 32px rgba(255,90,31,.2);
}
.px-pdp-cart-btn.disabled{
  background:#aaa;
  box-shadow:none;
}
.px-pdp-heart{
  width:54px;
  height:54px;
  border-radius:50%;
  border:1px solid #ddd;
  background:#fff;
  font-size:24px;
}
.px-pdp-trust{
  margin-top:28px;
  border:1px solid #e5e7eb;
  border-radius:20px;
  padding:22px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  font-size:14px;
  font-weight:500;
}
.px-pdp-tabs-section{
  padding:35px 0 70px;
}
.px-pdp-tabs{
  display:flex;
  gap:34px;
  border-bottom:1px solid #e5e7eb;
}
.px-pdp-tabs button{
  border:0;
  background:none;
  padding:0 0 18px;
  font-weight:600;
  color:#6b7280;
}
.px-pdp-tabs button.active{
  color:#ff5a1f;
  box-shadow:0 3px 0 #ff5a1f;
}
.px-pdp-tab-panel{
  display:none;
  padding-top:28px;
}
.px-pdp-tab-panel.active{
  display:block;
}
.px-pdp-desc{
  max-width:820px;
  color:#374151;
  font-size:16px;
  line-height:1.8;
}
.px-pdp-desc h3{
  font-size:28px;
  margin:0 0 14px;
  font-weight:700;
  color:#111;
}
.px-pdp-desc ul{
  margin-top:18px;
  padding-left:18px;
}
.px-pdp-desc li{
  margin:10px 0;
}
.px-related{
  padding:50px 0 90px;
}
.px-related-head{
  margin-bottom:28px;
}
.px-related-head span{
  color:#ff5a1f;
  font-size:12px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.px-related-head h2{
  margin:8px 0 0;
  font-size:clamp(34px,4vw,54px);
  font-weight:700;
  letter-spacing:-.04em;
}
.px-related-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px;
}
.px-cart-container{
  width:min(100% - 40px,1240px);
  margin:auto;
}
.px-cart-hero{
  padding:58px 0 48px;
  background:#fafafa;
  border-bottom:1px solid #eee;
}
.px-cart-hero span{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#ff5a1f;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.px-cart-hero span:before{
  content:"";
  width:32px;
  height:2px;
  background:#ff5a1f;
}
.px-cart-hero h1{
  margin:20px 0 20px;
  font-size:clamp(30px,4.5vw,45px);
  line-height:1;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-.035em;
  color:#111;
}
.px-cart-hero p{
  color:#6b7280;
  font-size:16px;
}
.px-cart-page{
  padding:58px 0 90px;
  background:#fff;
}
.px-cart-layout{
  display:grid;
  grid-template-columns:1fr 380px;
  gap:36px;
  align-items:start;
}
.px-cart-main{
  background:#fff;
}
.px-cart-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:22px;
}
.px-cart-top h2{
  font-size:26px;
  font-weight:700;
  margin:0;
  color:#111;
}
.px-cart-top span{
  color:#6b7280;
  font-size:14px;
}
.px-cart-list{
  display:grid;
  gap:16px;
}
.px-cart-item{
  display:grid;
  grid-template-columns:1fr 100px 120px 44px;
  align-items:center;
  gap:20px;
  padding:18px;
  border:1px solid #e5e7eb;
  border-radius:22px;
  background:#fff;
  transition:.25s ease;
}
.px-cart-item:hover{
  box-shadow:0 18px 42px rgba(0,0,0,.06);
  transform:translateY(-2px);
}
.px-cart-product{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.px-cart-img{
  width:104px;
  height:104px;
  border-radius:18px;
  background:#f7f3f7;
  border:1px solid #eee;
  padding:12px;
  flex:none;
}
.px-cart-img img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.px-cart-info{
  min-width:0;
}
.px-cart-info h3{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.35;
  font-weight:600;
  color:#111;
}
.px-cart-variant{
  display:inline-flex;
  margin-bottom:7px;
  padding:5px 10px;
  border-radius:999px;
  background:#fff3ed;
  color:#ff5a1f;
  font-size:12px;
  font-weight:600;
}
.px-cart-info small{
  display:block;
  color:#6b7280;
  font-size:13px;
}
.px-cart-qty{
  display:flex;
  justify-content:center;
}
.px-cart-qty span{
  width:48px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #e5e7eb;
  border-radius:999px;
  font-weight:600;
  color:#111;
  background:#fafafa;
}
.px-cart-price{
  text-align:right;
}
.px-cart-price strong{
  font-size:18px;
  font-weight:700;
  color:#111;
}
.px-cart-remove{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff3f3;
  color:#ef4444;
  transition:.25s;
}
.px-cart-remove svg{
  width:18px;
  height:18px;
}
.px-cart-remove:hover{
  background:#ef4444;
  color:#fff;
}
.px-cart-continue{
  margin-top:24px;
  display:inline-flex;
  align-items:center;
  color:#111;
  font-weight:600;
}
.px-cart-continue:hover{
  color:#ff5a1f;
}
.px-cart-summary{
  position:sticky;
  top:112px;
  padding:28px;
  border-radius:24px;
  background:#111;
  color:#fff;
  box-shadow:0 24px 55px rgba(0,0,0,.16);
}
.px-cart-summary h2{
  margin:0 0 24px;
  font-size:26px;
  font-weight:700;
  color:#fff;
}
.px-summary-row{
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.px-summary-row span{
  color:#c7c7c7;
}
.px-summary-row strong{
  font-weight:600;
  text-align:right;
}
.px-summary-row.total{
  margin-top:4px;
  border-bottom:0;
}
.px-summary-row.total span,
.px-summary-row.total strong{
  color:#fff;
  font-size:22px;
  font-weight:700;
}
.px-coupon-form{
  margin-top:24px;
}
.px-coupon-form label{
  display:block;
  margin-bottom:10px;
  color:#c7c7c7;
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.px-coupon-form input{
  width:100%;
  height:50px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:0 15px;
  margin-bottom:14px;
}
.px-coupon-form input::placeholder{
  color:#9ca3af;
}
.px-coupon-form button{
  width:100%;
  height:52px;
  border:0;
  border-radius:14px;
  background:#ff5a1f;
  color:#fff;
  font-size:15px;
  font-weight:700;
  box-shadow:0 14px 30px rgba(255,90,31,.22);
}
.px-cart-trust{
  margin-top:22px;
  display:grid;
  gap:12px;
}
.px-cart-trust div{
  display:flex;
  align-items:center;
  gap:10px;
  color:#d1d5db;
  font-size:14px;
}
.px-cart-trust svg{
  width:20px;
  height:20px;
  stroke:#ff5a1f;
  stroke-width:1.8;
}
.px-empty-cart{
  min-height:520px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:80px 0;
}
.px-empty-cart-icon{
  width:110px;
  height:110px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff3ed;
  color:#ff5a1f;
  margin-bottom:24px;
}
.px-empty-cart-icon svg{
  width:52px;
  height:52px;
}
.px-empty-cart h2{
  margin:0 0 10px;
  font-size:36px;
  font-weight:700;
  color:#111;
}
.px-empty-cart p{
  color:#6b7280;
  margin-bottom:24px;
}
.px-empty-cart a{
  height:52px;
  padding:0 26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#111;
  color:#fff;
  font-weight:700;
}
.px-empty-cart a:hover{
  background:#ff5a1f;
}
.px-checkout-container{
  width:min(100% - 40px,1240px);
  margin:auto;
}
.px-checkout-hero{
  padding:56px 0 44px;
  background:#fafafa;
  border-bottom:1px solid #eee;
}
.px-checkout-hero span{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#ff5a1f;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.px-checkout-hero span:before{
  content:"";
  width:32px;
  height:2px;
  background:#ff5a1f;
}
.px-checkout-hero h1{
  margin:12px 0 8px;
  font-size:clamp(34px,4.5vw,58px);
  font-weight:700;
  line-height:1;
  color:#111;
  text-transform:uppercase;
  letter-spacing:-.035em;
}
.px-checkout-hero p{
  color:#6b7280;
  font-size:16px;
}
.px-checkout-page{
  padding:56px 0 90px;
  background:#fff;
}
.px-checkout-layout{
  display:grid;
  grid-template-columns:1fr 390px;
  gap:36px;
  align-items:start;
}
.px-checkout-main{
  display:grid;
  gap:18px;
}
.px-co-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:24px;
  padding:28px;
  box-shadow:0 16px 42px rgba(0,0,0,.035);
}
.px-co-head{
  display:flex;
  gap:16px;
  align-items:flex-start;
  margin-bottom:24px;
}
.px-co-head>span{
  width:38px;
  height:38px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#ff5a1f;
  color:#fff;
  font-weight:700;
  flex:none;
}
.px-co-head h2{
  margin:0 0 5px;
  font-size:24px;
  font-weight:700;
  color:#111;
}
.px-co-head p{
  margin:0;
  color:#6b7280;
  font-size:14px;
}
.px-co-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.px-field.span-2{
  grid-column:1 / -1;
}
.px-field label{
  display:block;
  margin-bottom:8px;
  color:#374151;
  font-size:13px;
  font-weight:600;
}
.px-field input,
.px-field textarea{
  width:100%;
  border:1px solid #dfe3e8;
  background:#fff;
  border-radius:14px;
  min-height:50px;
  padding:0 15px;
  color:#111;
  font-size:15px;
  outline:none;
  transition:.2s;
}
.px-field textarea{
  min-height:96px;
  padding-top:13px;
  resize:vertical;
}
.px-field input:focus,
.px-field textarea:focus{
  border-color:#ff5a1f;
  box-shadow:0 0 0 4px rgba(255,90,31,.1);
}
.px-pay-methods{
  display:grid;
  gap:12px;
}
.px-pay-method{
  position:relative;
  display:block;
  cursor:pointer;
}
.px-pay-method input{
  position:absolute;
  opacity:0;
}
.px-pay-method>span{
  position:relative;
  display:block;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:18px 18px 18px 56px;
  transition:.2s;
}
.px-pay-method>span:before{
  content:"";
  position:absolute;
  left:20px;
  top:22px;
  width:18px;
  height:18px;
  border-radius:50%;
  border:2px solid #c7c7c7;
}
.px-pay-method input:checked+span{
  border-color:#ff5a1f;
  background:#fff6f1;
}
.px-pay-method input:checked+span:before{
  border-color:#ff5a1f;
  box-shadow:inset 0 0 0 4px #fff;
  background:#ff5a1f;
}
.px-pay-method b{
  display:block;
  color:#111;
  font-size:16px;
  font-weight:700;
  margin-bottom:5px;
}
.px-pay-method small{
  display:block;
  color:#6b7280;
  font-size:14px;
}
.px-pay-method em{
  display:inline-flex;
  margin:10px 6px 0 0;
  padding:5px 8px;
  border-radius:8px;
  background:#111;
  color:#fff;
  font-size:10px;
  font-style:normal;
  font-weight:700;
}
.px-checkout-summary{
  position:sticky;
  top:112px;
}
.px-summary-card{
  background:#111;
  color:#fff;
  border-radius:26px;
  padding:28px;
  box-shadow:0 24px 55px rgba(0,0,0,.16);
}
.px-summary-card h2{
  margin:0 0 22px;
  font-size:26px;
  color:#fff;
  font-weight:700;
}
.px-co-items{
  display:grid;
  gap:14px;
  margin:0 0 22px;
  padding:0 0 22px;
  list-style:none;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.px-co-item{
  display:grid;
  grid-template-columns:64px 1fr auto;
  gap:13px;
  align-items:center;
}
.px-co-media{
  position:relative;
  width:64px;
  height:64px;
  border-radius:14px;
  background:#fff;
  padding:8px;
}
.px-co-media img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.px-co-media span{
  position:absolute;
  top:-8px;
  right:-8px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#ff5a1f;
  color:#fff;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:700;
}
.px-co-info b{
  display:block;
  font-size:14px;
  line-height:1.35;
  color:#fff;
  font-weight:600;
}
.px-co-info small{
  display:block;
  margin-top:4px;
  color:#9ca3af;
  font-size:12px;
}
.px-co-item>strong{
  font-size:14px;
  font-weight:700;
  color:#fff;
}
.px-co-totals{
  display:grid;
  gap:12px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.px-co-totals div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:#c7c7c7;
  font-size:15px;
}
.px-co-totals b{
  color:#fff;
  font-weight:600;
}
.px-co-totals .discount span,
.px-co-totals .discount b{
  color:#86efac;
}
.px-co-totals .grand{
  margin-top:6px;
  font-size:22px;
  color:#fff;
}
.px-co-totals .grand b{
  color:#ff5a1f;
  font-size:26px;
  font-weight:700;
}
.px-place-order{
  width:100%;
  height:54px;
  border:0;
  border-radius:15px;
  margin-top:22px;
  background:#ff5a1f;
  color:#fff;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(255,90,31,.25);
}
.px-place-order:disabled{
  background:#555;
  cursor:not-allowed;
  box-shadow:none;
}
.px-summary-trust{
  display:grid;
  gap:10px;
  margin-top:20px;
}
.px-summary-trust span{
  color:#d1d5db;
  font-size:14px;
}
.px-checkout-error{
  margin-top:18px;
  padding:16px 18px;
  border-radius:14px;
  background:#fff1f1;
  color:#b91c1c;
  border:1px solid #fecaca;
  font-weight:600;
}
.checkout-summary{
  position:sticky;
  top:calc(var(--header-h) + 1.5rem);
  background:#111;
  color:#fff;
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:1.8rem;
}
/* ROOT / RESET / GLOBAL CSS END */

/* HOMEPAGE CSS START */
.nk-trust{
  background:#fff;
  border-block:1px solid var(--nk-line);
}
.nk-trust-row{
  min-height:112px;
  display:grid;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#8b9094;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  position:relative;
  z-index:2;
  grid-template-columns:1.5fr repeat(6,1fr);
}
.nk-newsletter{
  margin-bottom:84px;
  text-align:center;
  border-radius:26px;
  padding:48px;
  background:linear-gradient(135deg,#fff8df,#eef8f1);
  border:1px solid var(--nk-line);
}
.nk-newsletter form{
  display:flex;
  gap:10px;
  max-width:520px;
  margin:auto;
}
.hero-blob{
  position:relative;
  width:min(100%,690px);
  aspect-ratio:1.15/1;
  display:grid;
  place-items:center;
}
.nk-trust-row b{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:16px;
  background:#fff;
  color:#6d777b;
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
}
/* HOMEPAGE CSS END */

/* SHOP PAGE CSS START */
.filters{
  position:sticky;
  top:calc(var(--header-h) + 1.5rem);
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:1.6rem;
}
.filters__close{
  display:none;
  font-size:1.8rem;
  line-height:1;
  color:var(--muted);
}
.grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(1rem,.6rem + 1.2vw,1.8rem);
}
/* SHOP PAGE CSS END */

/* PRODUCT PAGE CSS START */
.nk-thumbs{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(82px,1fr));
  gap:14px;
  margin-top:18px;
}
/* PRODUCT PAGE CSS END */

/* CHECKOUT PAGE CSS START */
.co-section{
  background:#fff7f4;
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:clamp(1.4rem,1rem + 1.5vw,2.2rem);
}
/* CHECKOUT PAGE CSS END */

/* SUCCESS / FOOTER CSS START */
.footer__bottom,.site-footer{
  border-top:1px solid var(--line);
}
.site-footer{
  background:var(--canvas);
}
.footer__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
  padding-block:1.5rem;
  font-size:.82rem;
  color:var(--muted);
  padding:15px 0;
}
.success-check{
  width:84px;
  height:84px;
  margin:0 auto 1.4rem;
}
.success-check svg{
  width:100%;
  height:100%;
}
.success-check circle{
  stroke:var(--gold);
  stroke-width:2;
  stroke-dasharray:166;
  stroke-dashoffset:166;
  animation:dash .7s var(--ease-out) forwards;
}
.success-order{
  display:inline-flex;
  flex-direction:column;
  gap:.2rem;
  padding:1rem 2rem;
  border-radius:14px;
  background:var(--gold-tint);
  margin-bottom:1.8rem;
}
.success-order strong{
  font-size:1.4rem;
}
.success-next{
  text-align:left;
  margin-bottom:2rem;
}
/* SUCCESS / FOOTER CSS END */

/* MISC / RESPONSIVE CSS START */
:focus-visible{
  outline:rgba(254,186,0,.45) solid 3px;
  outline-offset:3px;
  border-radius:8px;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#ff5a1f;
}
.eyebrow.center{
  justify-content:center;
}
.text-link{
  gap:8px;
  color:var(--green);
  font-size:14px;
  transition:.25s var(--ease);
}
.text-link:hover{
  color:var(--bronze);
  transform:translateX(2px);
}
.nk-qty{
  align-items:center;
  border:1px solid var(--nk-line);
  border-radius:999px;
  overflow:hidden;
}
.nk-buy-row{
  display:grid;
  align-items:center;
  flex-wrap:wrap;
  grid-template-columns:155px minmax(180px,1fr) 54px;
  gap:14px;
}
.buy-box__row{
  display:flex;
  gap:.8rem;
  align-items:stretch;
  flex-wrap:wrap;
}
.qty-btn{
  width:46px;
  height:52px;
  display:grid;
  font-size:1.2rem;
  color:var(--ink);
}
.filter-block{
  padding-block:1.2rem;
  border-top:1px solid var(--line);
}
.filter-title{
  display:block;
  font-size:.74rem;
  font-weight:700;
  color:var(--muted);
  margin-bottom:.8rem;
}
.co-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.1rem;
}
.co-items{
  display:flex;
  flex-direction:column;
  gap:1rem;
  max-height:320px;
  overflow-y:auto;
  padding-right:.2rem;
}
.co-item{
  display:flex;
  align-items:center;
  gap:.9rem;
  overflow:visible !important;
}
.co-item__qty{
  position:absolute;
  top:-7px;
  right:-7px;
  width:20px;
  height:20px;
  border-radius:50%;
  color:#fff;
  font-size:.72rem;
  font-weight:700;
  display:flex;
  background:#ff6b35;
  place-items:center;
  position:absolute !important;
  top:2px !important;
  right:-7px !important;
  transform:none !important;
  z-index:9999 !important;
  align-items:center;
  justify-content:center;
}
.co-item__info{
  flex:1 1 auto;
  min-width:0;
}
.co-instructions{
  margin-top:1.5rem;
}
.co-secure{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  margin-top:1.2rem;
  font-size:.8rem;
  color:var(--muted);
}
.nk-btn-oos{
  opacity:.55;
  cursor:not-allowed;
  filter:grayscale(.3);
  background:#e7e5ea;
  color:#8a8a90;
  box-shadow:none;
}
.nk-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  padding:.95rem 1.9rem;
  border:1.5px solid transparent;
  border-radius:14px;
  background:var(--nk-purple);
  color:#fff;
  font-family:inherit;
  font-weight:800;
  font-size:1rem;
  line-height:1;
  cursor:pointer;
  text-decoration:none;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),filter .2s,background .2s;
  box-shadow:0 14px 30px -12px rgba(59,24,130,.55);
}
.nk-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px -12px rgba(59,24,130,.7);
  filter:brightness(1.07);
}
.nk-btn-outline{
  background:#fff;
  color:var(--nk-ink);
  border-color:var(--nk-line);
  box-shadow:none;
}
.nk-btn-outline:hover{
  border-color:var(--nk-purple);
  color:var(--nk-purple);
  filter:none;
}
.nk-btn.light{
  background:#fff;
  color:var(--nk-purple);
  box-shadow:0 14px 30px -14px rgba(0,0,0,.25);
}
.nk-buy-row .nk-btn{
  min-width:200px;
  width:100%;
}
/* MISC / RESPONSIVE CSS END */

/* KEYFRAMES CSS START */
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes dash{to{stroke-dashoffset:0}}
@keyframes announceSlide{from{transform:translateX(0);}
  to{transform:translateX(-50%);}}
@keyframes pxMarquee{to{transform:translateX(-50%);}}
/* KEYFRAMES CSS END */

/* RESPONSIVE / MEDIA CSS START */
@media (max-width:1050px){
  .nk-hero-visual{
    max-width:620px;
    }
  .nk-pdp-gallery{
    position:relative;
    top:auto;
    }
  .nk-category-grid,.nk-products,.nk-products.four,.nk-steps,.nk-testimonials{
    grid-template-columns:repeat(2,1fr);
    }
  .nk-hero{
    padding:0;
    }
  .nk-hero-copy p{
    font-size:15px;
    }
  .nk-btn{
    padding:.6rem .8rem !important;
    font-weight:400 !important;
    font-size:14px !important;
    }
  .nk-stats{
    gap:27px;
    }
}
@media (max-width:650px){
  .nk-container{
    width:min(100% - 24px,var(--nk-container));
    }
  .nk-hero{
    padding:0;
    }
  .nk-hero-grid{
    gap:32px;
    }
  .nk-hero-copy h1{
    font-size:44px;
    }
  .nk-stats{
    gap:18px;
    flex-wrap:wrap;
    }
  .nk-trust-row{
    height:auto;
    padding:22px 0;
    flex-wrap:wrap;
    justify-content:center;
    }
  .nk-section{
    padding:50px 0;
    }
  .nk-section-head{
    display:block;
    }
  .nk-bulk,.nk-bulk-stats,.nk-hero-grid,.nk-pdp-trust,.nk-products,.nk-products.four,.nk-steps,.nk-testimonials,.nk-thumbs{
    grid-template-columns:1fr;
    }
  .nk-bulk-stats{
    grid-template-columns:1fr 1fr;
    }
  .nk-category-grid{
    grid-template-columns:repeat(2,1fr);
    }
  .nk-cat-tile strong{
    font-size:18px;
    }
  .nk-bulk{
    padding:26px;
    }
  .nk-bulk-stats b{
    font-size:19px;
    }
  .nk-pdp-info h1,.nk-pdp-price strong{
    font-size:38px;
    }
  .nk-heart,.nk-pdp-actions .nk-btn{
    width:100%;
    }
  .nk-buy-row .nk-btn{
    flex:1 1 100%;
    }
  .nk-main-image{
    padding:14px;
    border-radius:22px;
    }
  .nk-newsletter{
    padding:30px;
    }
  .nk-newsletter h2{
    font-size:28px;
    }
}
@media (max-width:1100px){
  .cat-grid,.grid{
    grid-template-columns:repeat(3,1fr);
    }
  .cat-grid .cat:first-child{
    grid-column:span 2;
    grid-row:span 2;
    }
  .cat-grid .cat:nth-child(4){
    grid-column:span 1;
    }
  .shop-main .grid{
    grid-template-columns:repeat(2,1fr);
    }
}
@media (max-width:900px){
  .site-header nav,.site-header nav a{
    border-bottom:1px solid var(--line);
    }
  .hero__inner,.story__inner,.values{
    grid-template-columns:1fr;
    }
  .hero-card{
    order:-1;
    max-width:460px;
    }
  .hero-copy{
    max-width:100%;
    }
  .story__media{
    min-height:320px;
    }
  .usp-strip__grid{
    grid-template-columns:repeat(2,1fr);
    }
  .usp:nth-child(3){
    border-left:none;
    }
  .usp{
    border-top:1px solid var(--line);
    }
  .usp:nth-child(-n/**/+2){
    border-top:none;
    }
  .footer__top{
    grid-template-columns:1fr 1fr;
    }
  .footer__brand{
    grid-column:1/-1;
    }
  .nav-toggle{
    display:grid;
    order:3;
    z-index:100001;
    }
  .site-header nav{
    position:fixed;
    inset:var(--header-h) 0 auto 0;
    z-index:90;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:var(--canvas);
    padding:1rem var(--pad-x) 2rem;
    box-shadow:var(--shadow);
    transform:translateY(-12px);
    opacity:0;
    pointer-events:none;
    transition:opacity .3s var(--ease),transform .3s var(--ease);
    }
  body.nav-open .site-header nav{
    opacity:1;
    transform:none;
    pointer-events:auto;
    }
  .site-header nav a{
    padding:.95rem 0;
    font-size:1rem;
    }
  .nav-icon{
    justify-content:space-between;
    border:none !important;
    padding:.95rem 0 !important;
    border-radius:0;
    background:0 0;
    min-width:unset;
    height:unset;
    }
  .nav-icon:hover{
    transform:none;
    }
}
@media (max-width:680px){
  .cat-grid,.grid{
    grid-template-columns:repeat(2,1fr);
    }
  .cat-grid{
    grid-auto-rows:clamp(180px,44vw,240px);
    }
  .cat-grid .cat:first-child{
    grid-column:span 2;
    grid-row:span 1;
    }
  .hero-stats{
    flex-wrap:wrap;
    gap:1.4rem 2rem;
    }
  .footer__bottom{
    flex-direction:column;
    align-items:flex-start;
    }
  .footer__top{
    grid-template-columns:1fr;
    }
}
@media (max-width:460px){
  .cat-grid,.grid,.usp-strip__grid{
    grid-template-columns:1fr;
    }
  .cat-grid .cat:first-child{
    grid-column:span 1;
    }
  .usp{
    border-left:none;
    border-top:1px solid var(--line);
    }
  .usp:first-child{
    border-top:none;
    }
  .nk-newsletter .nk-btn{
    font-size:12px !important;
    padding:7px 9px !important;
    }
  .nk-newsletter input{
    padding:0 14px;
    font-size:12px;
    }
  .shop-toolbar__sort select.input{
    font-size:13px;
    padding:12px 14px;
    }
  .shop-toolbar__sort{
    margin-left:unset !important;
    }
}
@media (max-width:980px){
  .checkout-summary,.pdp__gallery,.summary-card{
    position:static;
    }
  .cart-wrap,.checkout-wrap,.pdp,.shop-wrap{
    grid-template-columns:1fr;
    }
  .pdp__gallery{
    max-width:520px;
    }
  .shop-toolbar__filter{
    display:inline-flex;
    }
  .filters{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    width:min(340px,86vw);
    z-index:96;
    border-radius:0;
    border:none;
    box-shadow:var(--shadow-lg);
    overflow-y:auto;
    transform:translateX(-105%);
    transition:transform .4s var(--ease);
    }
  body.filters-open .filters{
    transform:none;
    z-index:999999;
    }
  body.filters-open .filters__backdrop{
    opacity:1;
    }
  .filters__close{
    display:block;
    }
}
@media (max-width:680px){
  .shop-main .grid{
    grid-template-columns:repeat(2,1fr);
    }
  .co-grid{
    grid-template-columns:1fr;
    }
  .co-grid .span-2{
    grid-column:auto;
    }
  .cart-card__head{
    display:none;
    }
  .cart-line{
    grid-template-columns:1fr 60px;
    grid-template-areas:"product remove" "meta meta";
    row-gap:.9rem;
    padding:1.1rem 0;
    }
  .cart-line__product{
    grid-area:product;
    }
  .cart-line__remove{
    grid-area:remove;
    align-self:center;
    }
  .cart-line__qty,.cart-line__total{
    text-align:left;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:.5rem;
    }
  .cart-line__qty::before{
    content:"Qty:";
    color:var(--muted);
    font-size:.82rem;
    }
  .cart-line__total::before{
    content:"Total:";
    color:var(--muted);
    font-size:.82rem;
    }
  .cart-line__qty{
    margin-right:1.5rem;
    }
  .nk-steps{
    display:grid;
    grid-template-columns:1fr 1fr;
    }
  .nk-steps strong{
    margin-bottom:0;
    }
  .cart-card{
    padding:8px 15px;
    }
}
@media (max-width:460px){
  .shop-main .grid{
    grid-template-columns:1fr;
    }
  .buy-box__row{
    flex-direction:column;
    align-items:stretch;
    }
  .qty-stepper{
    align-self:flex-start;
    }
}
@media (hover:none){
  .product-card__add{
    opacity:1;
    transform:none;
    position:static;
    margin:0 1.2rem;
    box-shadow:none;
    }
}
@media (max-width:900px){
  .cat-grid,.grid,.shop-main .grid{
    grid-template-columns:repeat(2,1fr);
    }
  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:999999 !important;
    }
  .site-header__inner{
    position:relative !important;
    z-index:999999 !important;
    }
  .nav-toggle{
    display:grid !important;
    position:relative !important;
    z-index:1000002 !important;
    }
  #primaryNav,.nav-icon{
    display:flex !important;
    }
  #primaryNav{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    bottom:0 !important;
    width:320px !important;
    max-width:85vw !important;
    height:100vh !important;
    min-height:100vh !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:12px 24px 30px !important;
    background:#fff !important;
    box-shadow:-10px 0 35px rgba(0,0,0,.25) !important;
    transform:translateX(100%) !important;
    transition:transform .35s !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    z-index:1000001 !important;
    }
  body.nav-open #primaryNav{
    transform:translateX(0) !important;
    visibility:visible !important;
    pointer-events:auto !important;
    }
  body.nav-open::before{
    content:"";
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1000000;
    }
  #primaryNav a{
    display:block !important;
    width:100% !important;
    padding:16px 0 !important;
    margin:0 !important;
    border-bottom:1px solid #e5e5e5 !important;
    color:#222 !important;
    font-size:16px !important;
    font-weight:600 !important;
    text-decoration:none !important;
    }
  #primaryNav a:last-child{
    border-bottom:none !important;
    display:flex !important;
    }
  .nav-icon{
    align-items:center !important;
    justify-content:space-between !important;
    }
  #primaryNav,.site-header,.site-header__inner,header,nav{
    clip-path:none !important;
    overflow:visible !important;
    }
  #primaryNav{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    }
  body.nav-open{
    overflow:hidden !important;
    }
}
@media (max-width:600px){
  .cat-grid,.grid,.shop-main .grid{
    grid-template-columns:1fr;
    }
}
@media (max-width:900px){
  .nk-pdp{
    grid-template-columns:1fr;
    padding-top:20px;
    }
  .nk-pdp-gallery{
    position:static;
    }
  .nk-pdp-info h1{
    font-size:clamp(34px,8vw,48px);
    }
}
@media (max-width:768px){
  .nk-card-bottom{
    right:10px;
    bottom:15px;
    }
  .nk-card-top{
    left:15px;
    top:15px;
    }
}
@media (max-width:560px){
  .nk-pdp{
    gap:28px;
    }
  .nk-thumbs{
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    }
  .nk-buy-row,.nk-pdp-trust,.nk-tab-panel.active{
    grid-template-columns:1fr;
    }
  .nk-qty{
    width:100%;
    justify-content:space-between;
    }
  .nk-qty input{
    flex:1;
    }
  .nk-heart{
    width:100%;
    border-radius:999px;
    }
  .nk-tabs{
    overflow-x:auto;
    gap:18px;
    }
}
@media (max-width:425px){
  .nk-hero-copy h1{
    font-size:34px;
    }
  .cart-line__info h3{
    font-size:14px;
    }
}
@media (max-width:375px){
  .nk-hero-copy h1{
    font-size:30px;
    }
  .nk-cat-tile{
    padding:20px;
    }
}
@media (max-width:1100px){
  .nk-hero-premium .nk-hero-copy h1{
    font-size:40px !important;
    }
  .nk-hero-premium .nk-hero-copy p{
    font-size:15px !important;
    }
  .nk-stats-premium div{
    padding-right:0px !important;
    }
  .nk-stat-icon{
    width:35px !important;
    height:35px !important;
    }
  .nk-stats-premium strong{
    font-size:20px !important;
    }
  .nk-pill{
    padding:3px 11px !important;
    font-size:10px !important;
    }
  .nk-stats-premium div + div{
    padding-left:18px;
    }
}
@media (max-width:850px){
  .nk-hero-premium .nk-hero-grid{
    grid-template-columns:1fr;
    padding-bottom:0px;
    }
  .nk-hero-premium .nk-btn{
    min-height:auto;
    padding:11px 8px !important;
    font-size:12px !important;
    }
  .nk-stats-premium div + div{
    padding-left:11px;
    }
  .nk-stats-premium strong{
    font-size:17px !important;
    }
  .nk-stats-premium small{
    font-size:12px;
    font-weight:600;
    }
}
@media (max-width:1000px){
  .nk-trust-row{
    grid-template-columns:1fr 1fr 1fr;
    padding:28px 0;
    }
  .nk-trust-row span{
    grid-column:1 / -1;
    justify-content:center;
    text-align:center;
    }
}
@media (max-width:640px){
  a.brand.brand-with-logo img{
    max-width:224px;
    }
  .announce-premium{
    height:34px;
    }
  .announce-premium .announce__track{
    height:34px;
    animation-duration:20s;
    }
  .announce-premium span{
    height:34px;
    padding:0 24px;
    font-size:10px;
    letter-spacing:.04em;
    }
  .announce-premium i{
    width:21px;
    height:21px;
    font-size:11px;
    }
  .nk-trust-row{
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding:24px 0;
    }
  .nk-trust-row span{
    font-size:10px;
    letter-spacing:.16em;
    }
  .nk-trust-row b{
    min-height:48px;
    font-size:12px;
    border-radius:14px;
    }
}
@media (max-width:980px){
  .px-header-inner{
    min-height:74px;
    }
  .px-nav{
    display:none;
    }
  .px-menu-btn{
    display:block;
    }
  .px-logo img{
    max-width:170px;
    max-height:46px;
    }
  .px-footer-inner{
    grid-template-columns:1fr 1fr;
    }
}
@media (max-width:640px){
  body{
    padding-bottom:72px;
    }
  .px-topbar{
    height:32px;
    }
  .px-topbar-track{
    height:32px;
    animation-duration:18s;
    }
  .px-topbar span{
    padding:0 24px;
    font-size:10px;
    }
  .px-header-inner{
    width:min(100% - 28px,1320px);
    }
  .px-logo img{
    max-width:145px;
    max-height:40px;
    }
  .px-icon-btn{
    width:42px;
    height:42px;
    }
  .px-actions .px-icon-btn:first-child{
    display:none;
    }
  .px-search-box{
    padding:28px 18px;
    }
  .px-search-box h3{
    font-size:36px;
    }
  .px-search-box form{
    display:grid;
    }
  .px-footer{
    padding-top:54px;
    }
  .px-footer-inner{
    grid-template-columns:1fr;
    }
  .px-footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    }
  .px-bottom-nav{
    position:fixed;
    left:12px;
    right:12px;
    bottom:12px;
    z-index:1500;
    height:58px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#111;
    color:#fff;
    border-radius:22px;
    box-shadow:0 18px 45px rgba(0,0,0,.28);
    overflow:hidden;
    }
  .px-bottom-nav a,
  .px-bottom-nav button{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    color:#fff;
    font-size:15px;
    background:transparent;
    }
  .px-bottom-nav span{
    font-size:10px;
    font-weight:800;
    }
  .px-backtop{
    bottom:86px;
    }
}
@media (max-width:991px){
  .px-benefit-strip .px-home-container{
    grid-template-columns:repeat(2,1fr);
    gap:30px;
    }
  .px-benefit-item:nth-child(2)::after{
    display:none;
    }
}
@media (max-width:991px){
  .px-lookbook-copy{
    padding:40px 30px;
    }
  .px-lookbook-copy h2{
    font-size:42px;
    }
}
@media (max-width:767px){
  .px-lookbook-copy{
    padding:32px 24px;
    }
  .px-lookbook-copy h2{
    font-size:34px;
    }
  .px-lookbook-copy p{
    font-size:16px;
    margin:18px 0 24px;
    }
  .px-look-list li{
    font-size:15px;
    margin-bottom:14px;
    }
  .px-look-btn{
    width:100%;
    justify-content:center;
    }
}
@media (max-width:1100px){
  .px-hero-grid{
    grid-template-columns:1fr;
    }
  .px-home-hero{
    text-align:center;
    padding-top:50px;
    }
  .px-hero-copy p,.px-feature-row{
    margin-left:auto;
    margin-right:auto;
    }
  .px-hero-actions{
    justify-content:center;
    }
  .px-category-grid{
    grid-template-columns:repeat(3,1fr);
    }
  .px-product-grid{
    grid-template-columns:repeat(3,1fr);
    }
  .px-lookbook-copy h2{
    font-size:23px;
    }
  .px-feature-item{
    text-align:center;
    }
  .px-feature-item:not(:last-child)::after{
    right:0%;
    }
  .px-lookbook-copy .px-eyebrow{
    font-size:22px;
    }
  .px-lookbook-copy p{
    margin:13px 0 13px;
    font-size:15px;
    line-height:1.5;
    }
  .px-look-list li{
    gap:9px;
    margin-bottom:14px;
    font-size:14px;
    }
  .px-look-btn{
    gap:14px;
    margin-top:10px;
    padding:6px 20px;
    font-size:12px;
    }
  .px-offer-card h2{
    font-size:20px;
    }
  .px-offer-card p{
    max-width:250px;
    margin-bottom:6px;
    font-size:14px;
    }
}
@media (max-width:900px){
  .px-lookbook-grid{
    display:grid;
    grid-template-columns:1.1fr repeat(1,1fr);
    gap:15px;
    }
}
@media (max-width:760px){
  .px-home-container{
    width:min(100% - 24px,1320px);
    }
  .px-home-hero{
    min-height:auto;
    padding-top:40px;
    }
  .px-hero-copy h1{
    font-size:35px;
    }
  .px-section-head h2{
    font-size:clamp(20px,4vw,20px);
    }
  .px-product-actions button, .px-product-actions a{
    min-height:29px;
    font-size:10px;
    }
  .px-category-grid{
    grid-template-columns:repeat(2,1fr);
    gap:14px;
    }
  .px-product-grid{
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    }
  .px-product-actions{
    opacity:1;
    transform:none;
    grid-template-columns:1fr;
    }
  .px-product-actions a{
    display:none;
    }
  .px-duo-grid,.px-news-card{
    grid-template-columns:1fr;
    }
  .px-offer-card{
    padding:30px;
    min-height:230px;
    }
  .px-quick-box{
    grid-template-columns:1fr;
    max-height:92vh;
    overflow:auto;
    }
  .px-quick-info{
    padding:28px;
    }
  .px-offer-card{
    padding:15px;
    min-height:253px;
    }
  .px-offer-card p{
    max-width:196px;
    margin-bottom:6px;
    font-size:13px;
    }
  .px-offer-card h2{
    font-size:18px;
    }
  .px-news-card{
    padding:25px;
    }
  .px-news-card h2{
    font-size:30px;
    }
}
@media (max-width:550px){
  .px-lookbook-grid{
    grid-template-columns:1fr;
    }
}
@media (max-width:480px){
  .px-benefit-item b{
    font-size:12px;
    }
  .px-benefit-item span{
    font-size:12px;
    }
  .px-benefit-item{
    display:block;
    }
  .px-hero-copy h1{
    font-size:40px;
    }
  .px-news-card form{
    display:grid;
    }
  .px-benefit-item:not(:last-child)::after{
    right:0px;
    }
}
@media (max-width:1100px){
  .px-shop-layout{
    grid-template-columns:1fr;
    }
  .px-filter-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    }
  .px-filter-panel{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    z-index:3000;
    width:min(390px,88vw);
    border-radius:0 22px 22px 0;
    transform:translateX(-110%);
    transition:.3s ease;
    overflow:auto;
    }
  body.px-filter-open .px-filter-panel{
    transform:none;
    }
  .px-filter-head button{
    display:block;
    }
  .px-filter-backdrop{
    position:fixed;
    inset:0;
    z-index:2500;
    background:rgba(0,0,0,.55);
    opacity:0;
    pointer-events:none;
    transition:.25s;
    display:block;
    }
  body.px-filter-open .px-filter-backdrop{
    opacity:1;
    pointer-events:auto;
    }
}
@media (max-width:900px){
  .px-shop-grid{
    grid-template-columns:repeat(2,1fr);
    }
  .px-shop-toolbar{
    flex-wrap:wrap;
    }
  .px-sort-form{
    margin-left:auto;
    }
  .px-qv-box{
    grid-template-columns:1fr;
    }
}
@media (max-width:560px){
  .px-shop-container{
    width:min(100% - 24px,1320px);
    }
  .px-shop-hero{
    padding:44px 0 38px;
    }
  .px-shop-page{
    padding:34px 0;
    }
  .px-shop-toolbar{
    display:grid;
    grid-template-columns:1fr 1fr;
    }
  .px-result-count{
    grid-column:1 / -1;
    order:3;
    }
  .px-sort-form{
    margin:0;
    }
  .px-sort-form label{
    display:none;
    }
  .px-sort-form select{
    width:100%;
    min-width:0;
    }
  .px-shop-grid{
    grid-template-columns:1fr 1fr;
    gap:16px;
    }
  .px-shop-img{
    border-radius:14px;
    }
  .px-card-hover{
    display:none;
    }
  .px-card-info h3{
    font-size:14px;
    min-height:40px;
    font-weight:600;
    }
  .px-card-price strong{
    font-size:16px;
    }
  .px-qv-info{
    padding:28px;
    }
}
@media (max-width:1000px){
  .px-pdp{
    grid-template-columns:1fr;
    gap:36px;
    }
  .px-pdp-gallery{
    position:static;
    }
  /*.px-pdp-main-img{*/
  /*  min-height:480px;*/
  /*  }*/
  .px-related-grid{
    grid-template-columns:repeat(2,1fr);
    }
}
@media (max-width:620px){
  .px-pdp-container{
    width:min(100% - 24px,1240px);
    }
  .px-pdp{
    padding-top:10px;
    }
  /*.px-pdp-main-img{*/
  /*  min-height:360px;*/
  /*  border-radius:20px;*/
  /*  }*/
  /*.px-pdp-main-img img{*/
  /*  max-height:320px;*/
  /*  }*/
  .px-pdp-info h1{
    font-size:26px;
    }
  .px-pdp-price strong{
    font-size:26px;
    }
  .px-pdp-buy-row{
    grid-template-columns:1fr 54px;
    }
  .px-pdp-qty{
    grid-column:1 / -1;
    }
  .px-pdp-trust{
    grid-template-columns:1fr;
    }
  .px-pdp-tabs{
    gap:18px;
    overflow:auto;
    }
  .px-related-grid{
    grid-template-columns:1fr 1fr;
    gap:16px;
    }
}
@media (max-width:1000px){
  .px-cart-layout{
    grid-template-columns:1fr;
    }
  .px-cart-summary{
    position:static;
    }
}
@media (max-width:720px){
  .px-cart-container{
    width:min(100% - 24px,1240px);
    }
  .px-cart-page{
    padding:38px 0 70px;
    }
  .px-cart-item{
    grid-template-columns:1fr 44px;
    gap:16px;
    }
  .px-cart-product{
    grid-column:1 / -1;
    }
  .px-cart-qty{
    justify-content:flex-start;
    }
  .px-cart-price{
    text-align:left;
    }
  .px-cart-remove{
    position:absolute;
    right:16px;
    top:16px;
    }
  .px-cart-item{
    position:relative;
    padding-right:68px;
    }
  .px-cart-img{
    width:90px;
    height:90px;
    }
}
@media (max-width:480px){
  .px-cart-hero{
    padding:42px 0 36px;
    }
  .px-cart-hero h1{
    font-size:26px;
    }
  .px-cart-product{
    align-items:flex-start;
    }
  .px-cart-info h3{
    font-size:15px;
    }
  .px-cart-summary{
    padding:22px;
    border-radius:20px;
    }
}
@media (max-width:1000px){
  .px-checkout-layout{
    grid-template-columns:1fr;
    }
  .px-checkout-summary{
    position:static;
    }
}
@media (max-width:700px){
  .px-checkout-container{
    width:min(100% - 24px,1240px);
    }
  .px-checkout-page{
    padding:36px 0 70px;
    }
  .px-co-grid{
    grid-template-columns:1fr;
    }
  .px-field.span-2{
    grid-column:auto;
    }
  .px-co-card{
    padding:22px;
    border-radius:20px;
    }
  .px-co-head h2{
    font-size:21px;
    }
}
@media (max-width:480px){
  .px-checkout-hero{
    padding:40px 0 34px;
    }
  .px-checkout-hero h1{
    font-size:34px;
    }
  .px-summary-card{
    padding:22px;
    border-radius:20px;
    }
  .px-co-item{
    grid-template-columns:58px 1fr;
    }
  .px-co-item>strong{
    grid-column:2;
    text-align:left;
    }
}
/* RESPONSIVE / MEDIA CSS END */

/*Category page css start*/
/* CATEGORY HERO START */
.px-category-hero{
  padding:90px 0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35)),
    url("<?= BASE_URL ?>/assets/img/category-banner.jpg") center/cover no-repeat;
  color:#fff;
}

.px-category-hero-grid{
  display:grid;
  grid-template-columns:1fr 260px;
  gap:40px;
  align-items:center;
}

.px-category-hero-copy span{
  color:#ff5a1f;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.px-category-hero-copy h1 {
    margin: 14px 0 18px;
    font-size: clamp(30px,4vw,50px);
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.px-category-hero-copy p{
  color:#e5e7eb;
  font-size:17px;
  line-height:1.7;
}

.px-category-hero-actions{
  display:flex;
  gap:14px;
  margin-top:28px;
}

.px-category-hero-actions a{
  padding:10px 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#ff5a1f;
  color:#fff;
  font-weight:700;
}

.px-category-hero-actions a:nth-child(2){
  background:#fff;
  color:#111;
}

.px-category-hero-card{
  padding:30px 0px;
  border-radius:26px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(14px);
  display:grid;
  place-items:center;
  text-align:center;
}

.px-category-hero-card strong{
  display:block;
  font-size:70px;
  line-height:1;
  color:#ff5a1f;
}

.px-category-hero-card span{
  color:#fff;
  font-size:14px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
}
/* CATEGORY HERO END */




/* CATEGORY RESPONSIVE START */

@media(max-width:800px){
  .px-category-hero-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .px-category-hero{
    padding:64px 0;
  }
  .px-category-hero-card strong {
    font-size: 55px;
    line-height: 1.5;
}

  .px-category-hero-copy h1{
    font-size:28px;
  }
  .px-category-hero-actions a {
    padding: 10px 20px;
    font-size: 13px;
}

}
/* CATEGORY RESPONSIVE END */
/*Categpry page css end*/


/*About page css start code*/
/* ABOUT PAGE START */
.px-about-container{
  width:min(100% - 40px,1240px);
  margin:auto;
}

.px-about-hero{
  padding:90px 0;
  background:linear-gradient(135deg,#111 0%,#232323 55%,#ff5a1f 160%);
  color:#fff;
}

.px-about-hero-grid{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:56px;
  align-items:center;
}

.px-about-hero-copy span,
.px-about-content span,
.px-about-section-head span,
.px-about-banner span{
  display:block;
  color:#ff5a1f;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.px-about-hero-copy h1{
  max-width:760px;
  margin:0 0 22px;
  font-size:clamp(42px,6vw,76px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.045em;
  text-transform:uppercase;
}

.px-about-hero-copy p{
  max-width:560px;
  color:#e5e7eb;
  font-size:17px;
  line-height:1.75;
  margin-bottom:30px;
}

.px-about-hero-copy a,
.px-about-banner a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 26px;
  border-radius:14px;
  background:#ff5a1f;
  color:#fff;
  font-weight:700;
}

.px-about-hero-img,
.px-about-img-card{
  border-radius:20px;
  overflow:hidden;
  background:#f4f4f4;
}

.px-img-placeholder{
  width:100%;
  height:100%;
  min-height:460px;
  display:grid;
  place-items:center;
  background:
    linear-gradient(135deg,#f3f4f6,#e5e7eb);
  border:2px dashed #c9c9c9;
  color:#777;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.px-about-story{
  padding:90px 0;
  background:#fff;
}

.px-about-story-grid{
  display:grid;
  grid-template-columns:.9fr 1fr;
  gap:56px;
  align-items:center;
}

.px-about-content h2,
.px-about-section-head h2,
.px-about-banner h2{
  margin:0 0 18px;
  font-size:clamp(28px,4.5vw,35px);
  color:#111;
}

.px-about-content p{
  color:#4b5563;
  font-size:16px;
  line-height:1.8;
  margin-bottom:16px;
}

.px-about-values{
  padding:60px 0;
  background:#f1f1f1;
}

.px-about-section-head{
  text-align:center;
  max-width:720px;
  margin:0 auto 42px;
}

.px-values-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}

.px-values-grid div{
  padding:30px;
  border-radius:22px;
  background:#fff;
  border:1px solid #eee;
  transition:.3s ease;
}

.px-values-grid div:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 45px rgba(0,0,0,.08);
}

.px-values-grid b{
  color:#ff5a1f;
  font-size:13px;
  font-weight:800;
}

.px-values-grid h3{
  margin:14px 0 10px;
  font-size:21px;
  font-weight:700;
  color:#111;
}

.px-values-grid p{
  color:#6b7280;
  line-height:1.7;
  margin:0;
}

.px-about-banner{
  padding:80px 0;
  background:#111;
  color:#fff;
}

.px-about-banner-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}

.px-about-banner h2{
  color:#fff;
  max-width:760px;
  margin:0;
}

@media(max-width:1000px){
  .px-about-hero-grid,
  .px-about-story-grid{
    grid-template-columns:1fr;
  }

  .px-values-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .px-about-banner-inner{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:600px){
  .px-about-container{
    width:min(100% - 24px,1240px);
  }

  .px-about-hero,
  .px-about-story,
  .px-about-values,
  .px-about-banner{
    padding:60px 0;
  }

  .px-about-hero-copy h1{
    font-size:38px;
  }


  .px-values-grid{
    grid-template-columns:1fr;
  }

  .px-about-hero-copy a,
  .px-about-banner a{
    width:100%;
  }
}
/* ABOUT PAGE END */
/*About page css end code*/

/*contact page css start code*/
/* CONTACT PAGE START */
.px-contact-container{
  width:min(100% - 40px,1240px);
  margin:auto;
}

.px-contact-hero{
  padding:70px 0;
  background:linear-gradient(135deg,#111,#242424);
  color:#fff;
}

.px-contact-hero span,
.px-contact-info>span{
  display:block;
  color:#ff5a1f;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.px-contact-hero h1{
  margin:0 0 14px;
  font-size:clamp(35px,4vw,50px);
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
}

.px-contact-hero p{
  max-width:620px;
  color:#e5e7eb;
  font-size:17px;
  line-height:1.7;
}

.px-contact-page{
  padding:80px 0;
  background:#fff;
}

.px-contact-layout{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:42px;
  align-items:start;
}

.px-contact-info{
  padding:38px;
  border-radius:26px;
  background:#111;
  color:#fff;
  position:sticky;
  top:110px;
}

.px-contact-info h2{
  margin:0 0 16px;
  font-size:clamp(26px,4vw,38px);
  line-height:1.05;
  font-weight:800;
  text-transform:uppercase;
}

.px-contact-info p{
  color:#d1d5db;
  line-height:1.7;
}

.px-contact-cards{
  display:grid;
  gap:16px;
  margin-top:30px;
}

.px-contact-cards div{
  padding:18px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}

.px-contact-cards b{
  display:block;
  color:#ff5a1f;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:8px;
}

.px-contact-cards a,
.px-contact-cards p{
  color:#fff;
  margin:0;
  font-size:15px;
}

.px-contact-form{
  padding:38px;
  border-radius:26px;
  border:1px solid #e5e7eb;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.05);
}

.px-contact-form-head{
  margin-bottom:26px;
}

.px-contact-form-head h2{
  margin:0 0 8px;
  font-size:34px;
  font-weight:800;
  color:#111;
}

.px-contact-form-head p{
  color:#6b7280;
}

.px-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.px-field.span-2{
  grid-column:1 / -1;
}

.px-field label{
  display:block;
  margin-bottom:8px;
  color:#374151;
  font-size:13px;
  font-weight:600;
}

.px-field input,
.px-field textarea{
  width:100%;
  border:1px solid #dfe3e8;
  border-radius:14px;
  min-height:52px;
  padding:0 15px;
  font-size:15px;
  outline:none;
  transition:.2s;
}

.px-field textarea{
  padding-top:14px;
  resize:vertical;
}

.px-field input:focus,
.px-field textarea:focus{
  border-color:#ff5a1f;
  box-shadow:0 0 0 4px rgba(255,90,31,.1);
}

.px-contact-form button{
  margin-top:22px;
  width:100%;
  height:54px;
  border:0;
  border-radius:15px;
  background:#ff5a1f;
  color:#fff;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}

@media(max-width:900px){
  .px-contact-layout{
    grid-template-columns:1fr;
  }

  .px-contact-info{
    position:static;
  }
}

@media(max-width:600px){
  .px-contact-container{
    width:min(100% - 24px,1240px);
  }

  .px-contact-hero,
  .px-contact-page{
    padding:56px 0;
  }

  .px-contact-info,
  .px-contact-form{
    padding:24px;
    border-radius:20px;
  }

  .px-form-grid{
    grid-template-columns:1fr;
  }

  .px-field.span-2{
    grid-column:auto;
  }
}
/* CONTACT PAGE END */
/*contact page css end code*/

/*homepage banner add new*/
/*==============================
PREMIUM HERO
==============================*/

.px-premium-banner{

    position:relative;

    overflow:hidden;

    background:
    radial-gradient(circle at left,#626262 0%,#4b4b4b 35%,#2d2d2d 75%,#171717 100%);

}

.px-premium-banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        90deg,
        rgba(255,255,255,.05) 0%,
        rgba(255,255,255,0) 45%
    );

}

.px-premium-grid{

    display:grid;

    grid-template-columns:58% 42%;

    align-items:center;


    position:relative;

    z-index:2;

}

.px-premium-image{

    display:flex;

    align-items:flex-end;

    justify-content:flex-start;

}

.px-premium-image img{

    width:100%;

    max-width:700px;

    display:block;

}

.px-premium-content{

    color:#fff;

    text-align:right;

}

.px-premium-content span{

    display:inline-block;

    color:#ff5a1f;

    font-size:13px;

    letter-spacing:.18em;

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:25px;

}

.px-premium-content h1{

    font-size:clamp(58px,7vw,95px);

    line-height:.95;

    margin-bottom:25px;

    font-weight:300;

    letter-spacing:-3px;

}

.px-premium-content h1 strong{

    display:block;

    font-weight:700;

    color:#fff;

}

.px-premium-content p{

    width:430px;

    max-width:100%;

    margin-left:auto;

    color:#d5d5d5;

    font-size:19px;

    line-height:1.8;

    margin-bottom:40px;

}

.px-premium-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 40px;

    background:#fff;

    color:#111;

    border-radius:10px;

    font-weight:700;

    transition:.35s;

}

.px-premium-btn:hover{

    background:#ff5a1f;

    color:#fff;

}

@media(max-width:991px){
    .px-premium-content h1 {
    font-size: clamp(45px,4vw,50px);
    letter-spacing: 0px;
}
.px-premium-content p {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    line-height: 1.5;
}
.px-premium-btn {
    padding: 10px 18px;
    font-size: 14px;
}
}
@media(max-width:768px){
  .px-premium-content h1 {
    font-size: clamp(30px,4vw,50px);
    letter-spacing: 0px;
    line-height: 1.2;
}
.px-premium-content p {
    margin: 15px 0px;
    font-size: 15px;
}

.px-premium-content span {
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 10px;
}  
}

@media(max-width:576px){

.px-premium-grid {
    grid-template-columns: 1fr;
}
.px-premium-image {
    order: 2;
}

.px-premium-content {
    text-align: center;
}
.px-premium-btn {
    width: 80%;
}
.px-premium-content h1 {
    font-size: 40px;
    letter-spacing: 0px;
    margin-bottom: 12px;
}
.px-premium-banner {
    padding: 0px;
    padding-top: 50px;
}

}

/*homepage banenr-img*/


/* =========================================================
   PREMIUM FRONTEND VARIANT SELECTOR START
========================================================= */

.px-dynamic-variants {
    margin: 10px 0 8px;
    padding: 0px;
}

.px-variant-group{
  margin-bottom:22px;
}

.px-variant-group:last-of-type{
  margin-bottom:18px;
}

.px-variant-title{
  display:flex;
  align-items:center;
  gap:5px;
  margin-bottom:12px;
  color:#666f7e;
  font-size:14px;
  font-weight:500;
}

.px-variant-title strong{
  color:#111827;
  font-weight:700;
}

.px-colour-options,
.px-size-options{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
}

.px-colour-swatch{
  position:relative;
  width:40px;
  height:40px;
  padding:0;
  border:0;
  border-radius:50%;
  background:var(--px-swatch);
  box-shadow:
    inset 0 0 0 4px #fff,
    0 0 0 1px #cfd5dd;
  cursor:pointer;
  transition:.2s ease;
}

.px-colour-swatch::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:2px solid transparent;
  border-radius:50%;
  transition:.2s ease;
}

.px-colour-swatch:hover::after{
  border-color:#9ca3af;
}

.px-colour-swatch.active::after{
  border-color:#111827;
}

.px-colour-swatch[style*="#FFFFFF"],
.px-colour-swatch[style*="#ffffff"]{
  background:#fff;
}

.px-size-btn{
  min-width:58px;
  min-height:46px;
  padding:0 16px;
  border:1px solid #d8dde5;
  border-radius:10px;
  background:#fff;
  color:#1b2330;
  font-size:14px;
  font-weight:650;
  cursor:pointer;
  transition:.2s ease;
}

.px-size-btn:hover{
  border-color:#111827;
}

.px-size-btn.active{
  border-color:#111827;
  background:#111827;
  color:#fff;
  box-shadow:0 8px 18px rgba(17,24,39,.16);
}

.px-dv-option.is-disabled,
.px-dv-option:disabled{
  opacity:.32;
  cursor:not-allowed;
}

.px-size-btn.is-disabled{
  text-decoration:line-through;
}

.px-selected-variant-info{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  min-height:46px;
  padding:11px 14px;
  border-radius:12px;
  background:#f7f8fa;
  color:#5f6877;
  font-size:12px;
}

.px-selected-variant-info strong{
  color:#111827;
  font-size:13px;
}

.px-selected-variant-info span{
  color:#15803d;
}

.px-selected-variant-info small{
  margin-left:auto;
  color:#7a8392;
  font-size:10px;
}

.px-pdp-cart-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

@media(max-width:600px){


  .px-colour-swatch{
    width:36px;
    height:36px;
  }

  .px-size-btn{
    flex:1 0 calc(33.333% - 11px);
    min-width:0;
  }

  .px-selected-variant-info{
    align-items:flex-start;
    flex-direction:column;
  }

  .px-selected-variant-info small{
    margin-left:0;
  }
}

/* =========================================================
   PREMIUM FRONTEND VARIANT SELECTOR END
========================================================= */