:root{
  --yellow:#f7c400;
  --yellow-soft:#fff3bf;
  --yellow-dark:#dfae00;
  --black:#14171f;
  --text:#171a22;
  --muted:#6b707b;
  --line:#e8e9ee;
  --soft:#fafafa;
  --card:#ffffff;
  --green:#21a055;
  --red:#ef3b3b;
  --shadow:0 10px 28px rgba(17,20,27,.08);
  --radius:16px;
  --container:1260px;
  --site-header-h:139px;
  --site-chrome-h:188px;
  --site-nav-top:76px;
}

*{box-sizing:border-box}
html{
  width:100%;
  height:auto;
  min-height:100%;
}
body{
  margin:0;
  font-family:"Heebo",Arial,sans-serif;
  background:#fff;
  color:var(--text);
  direction:rtl;
  width:100%;
  min-height:100vh;
  height:auto;
}
main{
  display:block;
  width:100%;
  overflow-x:hidden;
  overflow-y:visible;
  position:relative;
  z-index:1;
}
.topbar,
.site-chrome,
.site-header,
.header,
.nav,
.footer{
  width:100%;
}
.footer{
  position:relative;
  z-index:2;
  background:#fff;
}
body.woocommerce-checkout .footer,
body.woocommerce-cart .footer{
  margin-top:40px;
  padding-top:16px;
}
.site-chrome{
  position:relative;
  z-index:40;
  background:#fff;
}
.site-header{
  position:relative;
  z-index:1;
  background:#fff;
}
a{text-decoration:none;color:inherit}
button,input{font-family:inherit}
.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
svg{display:block}

/* ===== WooCommerce notices ===== */
.cfix-wc-notices,
main > .woocommerce-notices-wrapper{
  width:100%;
  margin:0 0 16px;
}
.cfix-wc-notices .woocommerce-notices-wrapper:empty,
main > .woocommerce-notices-wrapper:empty{display:none;margin:0}
@keyframes cfix-wc-notice-in{
  from{opacity:0;transform:translateY(-10px)}
  to{opacity:1;transform:translateY(0)}
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper ul.woocommerce-error,
.checkout-notices--full .woocommerce-message,
.checkout-notices--full .woocommerce-info,
.checkout-notices--full ul.woocommerce-error,
.order-received-page .woocommerce-notices-wrapper .woocommerce-message,
.order-received-page .woocommerce-notices-wrapper .woocommerce-info,
.order-received-page .woocommerce-notices-wrapper ul.woocommerce-error{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:14px 16px 14px 52px;
  border-radius:14px;
  font-size:15px;
  font-weight:800;
  line-height:1.55;
  list-style:none;
  box-shadow:0 10px 24px rgba(17,20,27,.06);
  animation:cfix-wc-notice-in .35s ease;
}
.woocommerce-notices-wrapper ul.woocommerce-error,
.checkout-notices--full ul.woocommerce-error{padding:14px 16px 14px 52px}
.woocommerce-notices-wrapper ul.woocommerce-error li,
.checkout-notices--full ul.woocommerce-error li{margin:0;padding:0;border:0;background:transparent;color:inherit}
.woocommerce-notices-wrapper ul.woocommerce-error li + li,
.checkout-notices--full ul.woocommerce-error li + li{margin-top:6px}
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-notices-wrapper ul.woocommerce-error::before,
.checkout-notices--full .woocommerce-message::before,
.checkout-notices--full .woocommerce-info::before,
.checkout-notices--full ul.woocommerce-error::before,
.order-received-page .woocommerce-notices-wrapper .woocommerce-message::before,
.order-received-page .woocommerce-notices-wrapper .woocommerce-info::before,
.order-received-page .woocommerce-notices-wrapper ul.woocommerce-error::before{
  content:"";
  position:absolute;
  inset-inline-start:16px;
  top:50%;
  width:24px;
  height:24px;
  transform:translateY(-50%);
  border-radius:999px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:14px 14px;
  flex-shrink:0;
}
.woocommerce-notices-wrapper .woocommerce-message,
.checkout-notices--full .woocommerce-message,
.order-received-page .woocommerce-notices-wrapper .woocommerce-message{
  border:1px solid #bfe8cf;
  background:linear-gradient(180deg,#f7fdf9 0%,#eefbf3 100%);
  color:#1a6b3d;
}
.woocommerce-notices-wrapper .woocommerce-message::before,
.checkout-notices--full .woocommerce-message::before,
.order-received-page .woocommerce-notices-wrapper .woocommerce-message::before{
  background-color:#d7f5e3;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a6b3d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.woocommerce-notices-wrapper .woocommerce-info,
.checkout-notices--full .woocommerce-info,
.order-received-page .woocommerce-notices-wrapper .woocommerce-info{
  border:1px solid #ffe08a;
  background:linear-gradient(180deg,#fffdf5 0%,#fff8df 100%);
  color:#7a5d00;
}
.woocommerce-notices-wrapper .woocommerce-info::before,
.checkout-notices--full .woocommerce-info::before,
.order-received-page .woocommerce-notices-wrapper .woocommerce-info::before{
  background-color:#fff0b8;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a5d00' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E");
}
.woocommerce-notices-wrapper ul.woocommerce-error,
.checkout-notices--full ul.woocommerce-error,
.order-received-page .woocommerce-notices-wrapper ul.woocommerce-error{
  border:1px solid #f0caca;
  background:linear-gradient(180deg,#fffafa 0%,#fff1f1 100%);
  color:#9b2c2c;
}
.woocommerce-notices-wrapper ul.woocommerce-error::before,
.checkout-notices--full ul.woocommerce-error::before,
.order-received-page .woocommerce-notices-wrapper ul.woocommerce-error::before{
  background-color:#ffe0e0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b2c2c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M15 9l-6 6M9 9l6 6'/%3E%3C/svg%3E");
}
.woocommerce-notices-wrapper .woocommerce-message a,
.woocommerce-notices-wrapper .woocommerce-info a,
.checkout-notices--full .woocommerce-message a,
.checkout-notices--full .woocommerce-info a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
  font-weight:900;
}
.cart-page .cfix-wc-notices{margin-bottom:18px}
body.woocommerce-cart .cfix-wc-notices--cart{margin-top:4px}

/* ===== Top service bar ===== */
.topbar{border-bottom:1px solid #eee;background:#fff;color:#20242c;font-size:14px}
.topbar .container{height:49px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}
.topbar__item{height:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:500;white-space:nowrap}
.topbar__item:not(:first-child){border-inline-start:1px solid #eee}
.topbar__item svg{width:24px;height:24px;stroke:#171a22;stroke-width:1.65;fill:none}
.topbar__item--link{color:inherit;text-decoration:none;transition:background .2s,color .2s,box-shadow .2s}
.topbar__item--link:hover{background:#fafafa}
.topbar__item--pc-builder{
  background:var(--yellow);
  color:#111;
  font-weight:800;
  font-size:15px;
  letter-spacing:-.2px;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.06);
}
.topbar__item--pc-builder:hover{
  background:var(--yellow-dark);
  color:#111;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.1),0 4px 14px rgba(247,196,0,.35);
}
.topbar__item--pc-builder svg{
  stroke:#111;
  stroke-width:2;
}
.topbar__item--clickable{cursor:pointer;transition:background .2s}
.topbar__item--clickable:hover{background:#fafafa}
.topbar__item--account{justify-content:center;gap:6px}
.topbar__welcome{font-weight:800}
.topbar__logout{font-weight:900;text-decoration:underline}

/* ===== Header ===== */
.header{
  background:#fff;
  border-bottom:1px solid #eee;
  position:sticky;
  top:0;
  z-index:100;
  box-shadow:0 1px 0 rgba(236,236,240,.9),0 4px 14px rgba(17,20,27,.04);
}
body.admin-bar .header{top:32px}
@media screen and (max-width:782px){
  body.admin-bar .header{top:46px}
}
.header .container,
.header-main{height:80px;display:grid;align-items:center;gap:25px}
@media(min-width:721px){
  .header .container,
  .header-main{grid-template-columns:190px 1fr 190px}
}
.logo{display:flex;align-items:center;justify-self:start}
.logo img{height:46px;width:auto;display:block}
.search{position:relative;width:min(690px,100%);justify-self:center}
.search input{width:100%;height:49px;border:1px solid #dedfe5;border-radius:999px;background:#fbfbfc;padding:0 57px 0 22px;font-size:15px;color:#222;outline:0;transition:.2s}
.search input:focus{background:#fff;border-color:#c9cbd2;box-shadow:0 0 0 5px rgba(245,196,0,.11)}
.search svg{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:22px;height:22px;stroke:#20242c;stroke-width:1.8;fill:none;pointer-events:none;z-index:1}
.search-suggest{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  z-index:120;
  background:#fff;
  border:1px solid #e4e6eb;
  border-radius:14px;
  box-shadow:0 16px 40px rgba(17,20,27,.12);
  max-height:min(420px,60vh);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.search-suggest__item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-bottom:1px solid #f0f1f4;
  transition:background .15s;
}
.search-suggest__item:hover,
.search-suggest__item:focus{
  background:#fbfbfc;
}
.search-suggest__thumb{
  flex:0 0 auto;
  width:52px;
  height:52px;
  border-radius:10px;
  background:#fff;
  border:1px solid #ececf0;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.search-suggest__thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.search-suggest__meta{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
  text-align:right;
}
.search-suggest__name{
  font-size:14px;
  font-weight:700;
  color:#1f232b;
  line-height:1.35;
}
.search-suggest__sku{
  font-size:12px;
  color:#6b707b;
  font-weight:600;
}
.search-suggest__price{
  font-size:15px;
  color:#111;
  font-weight:800;
  direction:ltr;
  unicode-bidi:isolate;
}
.search-suggest__all{
  display:block;
  padding:12px;
  text-align:center;
  font-size:14px;
  font-weight:800;
  color:#111;
  background:#fff8d6;
}
.search-suggest__all:hover{background:var(--yellow-soft)}
.search-suggest__empty{
  margin:0;
  padding:14px 12px;
  font-size:14px;
  color:#6b707b;
  text-align:center;
}
.nav-mobile-search .search-suggest{
  top:calc(100% + 6px);
  max-height:min(320px,45vh);
}
.actions{display:flex;justify-content:flex-end;align-items:center;gap:26px;direction:ltr}
.icon{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}
.icon svg{width:27px;height:27px;stroke:#11141b;stroke-width:1.75;fill:none}
.icon__img{width:27px;height:27px;object-fit:contain;display:block}
.icon__badge-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:0;
  flex-shrink:0;
}
.icon__badge-wrap > .count{
  position:absolute;
  right:-12px;
  top:-12px;
  z-index:2;
}
.count{
  min-width:20px;
  width:20px;
  height:20px;
  padding:0;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-size:11px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-align:center;
  color:#111;
  background:var(--yellow);
  box-sizing:border-box;
  pointer-events:none;
}

/* ===== Cart drawer ===== */
.cart-overlay[hidden],
.cart-drawer[hidden],
.wishlist-drawer[hidden],
.compare-drawer[hidden],
.auth-overlay[hidden],
.auth-modal[hidden],
.cart-added-overlay[hidden],
.cart-added-modal[hidden]{display:none!important}
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.2s;z-index:60}
.cart-drawer{position:fixed;top:0;bottom:0;left:0;width:min(420px,92vw);background:#fff;transform:translateX(-100%);transition:.25s;z-index:61;box-shadow:24px 0 60px rgba(0,0,0,.18)}
.cart-drawer:not([hidden]){display:flex;flex-direction:column}
.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px;border-bottom:1px solid #eee}
.cart-drawer__head h3{margin:0;font-size:18px;font-weight:900}
.cart-close{width:36px;height:36px;border-radius:10px;border:1px solid #e4e6eb;background:#fff;display:grid;place-items:center;cursor:pointer}
.cart-close svg{width:18px;height:18px;stroke:#111;stroke-width:2.2;fill:none;stroke-linecap:round}
.cart-drawer__body{padding:16px 18px;overflow:auto}
body.cart-open .cart-overlay{opacity:1;pointer-events:auto}
body.cart-open .cart-drawer{transform:translateX(0)}

/* ===== Wishlist drawer ===== */
.wishlist-drawer{position:fixed;top:0;bottom:0;left:0;width:min(420px,92vw);background:#fff;transform:translateX(-100%);transition:.25s;z-index:61;box-shadow:24px 0 60px rgba(0,0,0,.18)}
.wishlist-drawer:not([hidden]){display:flex;flex-direction:column}
body.wishlist-open .cart-overlay{opacity:1;pointer-events:auto}
body.wishlist-open .wishlist-drawer{transform:translateX(0)}
.compare-drawer{position:fixed;top:0;bottom:0;left:0;width:min(980px,96vw);background:#fff;transform:translateX(-100%);transition:.25s;z-index:61;box-shadow:24px 0 60px rgba(0,0,0,.18)}
.compare-drawer:not([hidden]){display:flex;flex-direction:column}
body.compare-open .cart-overlay{opacity:1;pointer-events:auto}
body.compare-open .compare-drawer{transform:translateX(0)}
.compare-drawer.is-updating .cart-drawer__body{opacity:.55;pointer-events:none}
.compare-empty{margin:0;color:#5b616c;font-weight:600;line-height:1.5}
.compare-table-wrap{overflow:auto;margin:0 -4px}
.compare-table{width:100%;min-width:520px;border-collapse:collapse;font-size:14px}
.compare-table th,.compare-table td{border:1px solid #eceef2;padding:12px 10px;text-align:center;vertical-align:middle}
.compare-table__corner{width:110px;background:#f8f9fb}
.compare-table tbody th{background:#f8f9fb;font-weight:800;color:#303640;white-space:nowrap}
.compare-table__product{min-width:150px;vertical-align:top}
.compare-table__remove{width:32px;height:32px;margin:0 auto 8px;border:1px solid #e4e6eb;border-radius:8px;background:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.compare-table__remove svg{width:16px;height:16px;stroke:#111;stroke-width:2.2;fill:none}
.compare-table__thumb{display:block;margin:0 auto 8px}
.compare-table__img{width:88px;height:88px;object-fit:contain;display:block;margin:0 auto}
.compare-table__title{display:block;font-size:14px;font-weight:800;color:#111;line-height:1.35;text-decoration:none}
.compare-table__title:hover{color:#c9a200}
.compare-table__stars{color:var(--yellow);letter-spacing:1px}
.compare-table__reviews{color:#5b616c;font-size:12px}
.compare-table td del{color:#8b919c;margin-left:6px}
.compare-table__cart,.compare-table__view{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:800;text-decoration:none}
.compare-table__cart{background:var(--yellow);color:#111;border:0}
.compare-table__view{border:1px solid #e2e3e8;background:#fff;color:#303640}
.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #eee}
.compare-toolbar__hint{margin:0;font-size:13px;color:#5b616c;font-weight:600}
.compare-toolbar__clear{border:1px solid #e2e3e8;background:#fff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:800;cursor:pointer}
.compare-toolbar__clear:hover{border-color:#cfd1d8}
[data-compare-toggle].is-active svg,.compare-toggle.is-active svg{stroke:var(--yellow)}
.compare-toggle.is-active,.compare-card-btn.is-active{border-color:var(--yellow)}
.contact-toggle svg{width:19px;height:19px;stroke:#20242c;stroke-width:1.8;fill:none}
.wishlist-empty{margin:0;color:#5b616c;font-weight:600}
.wishlist-drawer.is-updating .cart-drawer__body{opacity:.55;pointer-events:none}
.wishlist-item__row{justify-content:space-between}
[data-wishlist-toggle].is-active svg,.wishlist-toggle.is-active svg{fill:var(--yellow);stroke:#c9a200}
.wishlist-toggle.is-active{border-color:var(--yellow)}

/* ===== Auth modal ===== */
.auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.2s;z-index:70}
.auth-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);width:min(460px,92vw);background:#fff;border-radius:18px;border:1px solid #eef0f4;box-shadow:0 30px 90px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:.2s;z-index:71;overflow:hidden}
body.auth-open .auth-overlay{opacity:1;pointer-events:auto}
body.auth-open .auth-modal{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.auth-head{padding:18px 18px 0}
.auth-title{margin:0;font-size:20px;font-weight:900;color:#15181f}
.auth-sub{margin:6px 0 0;color:#656b74;font-weight:600;font-size:14px}
.auth-tabs{display:flex;gap:8px;margin-top:14px}
.auth-tab{flex:1;height:38px;border-radius:12px;border:1px solid #e6e8ee;background:#fff;font-weight:900;cursor:pointer;color:#2a2f37}
.auth-tab.active{background:rgba(245,196,0,.25);border-color:rgba(245,196,0,.55)}
.auth-close{position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:12px;border:1px solid #e4e6eb;background:#fff;display:grid;place-items:center;cursor:pointer}
.auth-close svg{width:18px;height:18px;stroke:#111;stroke-width:2.2;fill:none;stroke-linecap:round}
.auth-body{padding:16px 18px 18px}
.auth-form{display:grid;gap:12px}
.auth-email-field[hidden]{display:none}
.field label{display:block;font-size:13px;color:#4c525e;font-weight:800;margin-bottom:6px}
.field input{width:100%;height:46px;border:1px solid #e2e4ea;border-radius:12px;padding:0 14px;font-size:15px;outline:0;background:#fbfbfc;transition:.2s}
.field input:focus{background:#fff;border-color:#c9cbd2;box-shadow:0 0 0 5px rgba(245,196,0,.12)}
.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}
.auth-row a{font-size:13px;color:#1f232b;font-weight:800}
.auth-row a:hover{text-decoration:underline}
.auth-submit{height:48px;border:0;border-radius:14px;background:var(--yellow);color:#111;font-weight:900;font-size:16px;cursor:pointer;transition:.2s}
.auth-submit:hover{background:var(--yellow-dark);transform:translateY(-1px)}
.auth-submit[disabled]{opacity:.6;cursor:not-allowed;transform:none}

/* ===== Contact modal ===== */
.contact-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.2s;z-index:70}
.contact-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);width:min(520px,94vw);max-height:min(92vh,900px);background:#fff;border-radius:18px;border:1px solid #eef0f4;box-shadow:0 30px 90px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:.2s;z-index:71;overflow:hidden;display:flex;flex-direction:column}
.contact-modal:not([hidden]){display:flex}
body.contact-open .contact-overlay{opacity:1;pointer-events:auto}
body.contact-open .contact-modal{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.contact-close{position:absolute;left:14px;top:14px;width:36px;height:36px;border:1px solid #e4e6eb;border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}
.contact-close svg{width:18px;height:18px;stroke:#111;stroke-width:2.2;fill:none}
.contact-head{padding:22px 22px 12px;border-bottom:1px solid #eee}
.contact-title{margin:0 0 6px;font-size:22px;font-weight:900}
.contact-sub{margin:0 0 12px;color:#5b616c;font-size:14px;font-weight:600;line-height:1.45}
.contact-quick{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px;font-weight:700;color:#303640}
.contact-quick a{color:#111;text-decoration:underline}
.contact-body{padding:16px 22px 22px;overflow:auto}
.contact-form{display:grid;gap:12px}
.contact-form .field{display:grid;gap:6px}
.contact-form label{font-size:13px;font-weight:800;color:#303640}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #e2e3e8;border-radius:10px;padding:11px 12px;font:inherit;font-weight:600;background:#fff}
.contact-form textarea{resize:vertical;min-height:96px}
.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.contact-message{padding:10px 12px;border-radius:10px;font-size:13px;font-weight:800}
.contact-message.error{background:#fff1f1;color:#b42318;border:1px solid #fecaca}
.contact-message.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}
.contact-submit{height:48px;border:0;border-radius:10px;background:var(--yellow);font-size:16px;font-weight:900;color:#111;cursor:pointer;transition:.2s}
.contact-submit:hover{background:var(--yellow-dark)}
.contact-submit[disabled]{opacity:.6;cursor:not-allowed}
.newsletter-message{margin:8px 0 0;font-size:13px;font-weight:800}
.newsletter-message.error{color:#b42318}
.newsletter-message.success{color:#166534}

/* ===== Added to cart modal ===== */
.cart-added-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.2s;z-index:72}
.cart-added-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);width:min(440px,94vw);background:#fff;border-radius:18px;border:1px solid #eef0f4;box-shadow:0 30px 90px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:.2s;z-index:73;overflow:hidden}
.cart-added-modal:not([hidden]){display:block}
body.cart-added-open .cart-added-overlay{opacity:1;pointer-events:auto}
body.cart-added-open .cart-added-modal{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.cart-added-close{position:absolute;left:14px;top:14px;width:36px;height:36px;border:1px solid #e4e6eb;border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}
.cart-added-close svg{width:18px;height:18px;stroke:#111;stroke-width:2.2;fill:none}
.cart-added-head{padding:22px 22px 10px;text-align:center}
.cart-added-title{margin:0 0 6px;font-size:22px;font-weight:900;color:#151820}
.cart-added-sub{margin:0;color:#5b616c;font-size:14px;font-weight:600}
.cart-added-body{padding:8px 22px 22px}
.cart-added-product{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid #eceef2;border-radius:12px;background:#fafbfc;margin-bottom:16px}
.cart-added-product__img-wrap{width:88px;height:88px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}
.cart-added-product__img-wrap img{width:100%;height:100%;object-fit:contain;display:block}
.cart-added-product__info{min-width:0;text-align:right}
.cart-added-product__info strong{display:block;font-size:15px;line-height:1.35;font-weight:800;color:#171b23;margin-bottom:6px}
.cart-added-product__price{direction:ltr;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:6px}
.cart-added-product__price strong{font-size:22px;font-weight:900;color:#15181f}
.cart-added-product__price i{font-style:normal;font-weight:800;font-size:14px}
.cart-added-product__price del{width:100%;font-size:13px;color:#8d929c}
.cart-added-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cart-added-btn{height:46px;border-radius:10px;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:.2s}
.cart-added-btn--ghost{border:1px solid #e2e3e8;background:#fff;color:#303640}
.cart-added-btn--ghost:hover{border-color:#cfd1d8}
.cart-added-btn--primary{border:0;background:var(--yellow);color:#111}
.cart-added-btn--primary:hover{background:var(--yellow-dark)}
@media(max-width:480px){
  .cart-added-actions{grid-template-columns:1fr}
}
.auth-message{border:1px solid #edf0f2;border-radius:12px;background:#fbfbfc;padding:10px 12px;font-size:13px;font-weight:800;color:#2a2f37}
.auth-message.error{border-color:#ffd1d1;background:#fff4f4;color:#8b1f1f}
.auth-message.success{border-color:#c8f0d6;background:#effcf4;color:#1d6b3a}
.auth-alt{margin-top:12px;text-align:center;color:#6a707b;font-weight:700;font-size:13px}
.auth-alt a{color:#1f232b;font-weight:900}
.auth-alt a:hover{text-decoration:underline}

/* ===== Menu (dropdown) ===== */
.nav{
  height:59px;
  border-bottom:1px solid #ececf0;
  background:#fff;
  position:relative;
  z-index:40;
  width:100%;
  overflow:visible;
}
.nav .container{
  height:100%;
  width:100%;
  overflow:visible;
}
.nav-scroll{
  height:100%;
  width:100%;
  overflow:visible;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.nav-scroll::-webkit-scrollbar{display:none}
.nav-inner{
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  font-weight:600;
  color:#22242b;
  width:max-content;
  min-width:100%;
  margin-inline:auto;
}
.nav-item{height:100%;position:relative;display:flex;align-items:stretch}
.nav-link{
  height:100%;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 14px;
  border-radius:12px;
  position:relative;
  white-space:nowrap;
  font-size:15px;
  font-weight:600;
  color:#1f232b;
  border:1px solid transparent;
  background:transparent;
  cursor:pointer;
  transition:.18s;
  user-select:none;
}
.nav-link:hover{background:transparent;border-color:transparent}
.nav-link:focus-visible{outline:0;box-shadow:0 0 0 5px rgba(245,196,0,.12);border-color:rgba(245,196,0,.55);background:#fff}
.nav-link.active{color:var(--yellow)}
.nav-link.active:after{content:"";position:absolute;right:12px;left:12px;bottom:8px;height:4px;background:var(--yellow);border-radius:999px}
.nav-link.sale{color:#e40000}
.nav-link__icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  object-fit:contain;
  display:block;
}
.nav-link__label{line-height:1.2}
.nav-caret{width:16px;height:16px;stroke:currentColor;stroke-width:2.4;fill:none;opacity:.75;transition:.18s;flex-shrink:0}
.nav-item[data-open="true"] .nav-caret{transform:rotate(180deg);opacity:1}
.dropdown{
  position:absolute;
  top:calc(100% - 6px);
  right:0;
  left:auto;
  width:min(520px,calc(100vw - 24px));
  min-width:0;
  max-width:calc(100vw - 24px);
  z-index:100;
  background:
    radial-gradient(circle at 18% 25%, rgba(245,196,0,.18), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
  border:1px solid rgba(231,232,238,.95);
  border-radius:18px;
  box-shadow:
    0 28px 70px rgba(17,20,27,.16),
    0 10px 26px rgba(17,20,27,.08);
  padding:14px;
  display:none;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .18s,transform .18s;
}
.nav-item[data-open="true"] > .dropdown.is-fixed{
  position:fixed;
}
.dropdown:before{
  content:"";
  position:absolute;
  top:-7px;
  right:26px;
  width:14px;
  height:14px;
  background:#fff;
  border-left:1px solid #eef0f4;
  border-top:1px solid #eef0f4;
  transform:rotate(45deg);
}
.dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.drop-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(231,232,238,.95);
  background:linear-gradient(180deg,#fff 0%, #fbfbfc 100%);
  color:#222832;
  font-weight:600;
  font-size:15px;
  transition:.18s;
}
.drop-link:hover{
  border-color:rgba(245,196,0,.55);
  box-shadow:0 14px 28px rgba(17,20,27,.10);
  transform:translateY(-2px);
}
.drop-link:active{transform:translateY(-1px)}
.drop-link svg{width:18px;height:18px;stroke:#6f7682;stroke-width:2.6;fill:none}
.nav-item[data-open="true"] > .dropdown{
  display:block;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
  z-index:100;
}
.dropdown--align-start{
  right:auto;
  left:0;
}
.dropdown--align-start:before{
  right:auto;
  left:26px;
}

.nav-toggle,
.nav-mobile-search,
.nav-mobile-pc-builder,
.nav-overlay{
  display:none;
}

/* ===== Hero ===== */
.hero{
  height:auto;
  aspect-ratio:1916 / 821;
  min-height:520px;
  position:relative;
  z-index:0;
  overflow:hidden;
  width:100%;
  background-image:url("../img/2f9e31e5-433a-4570-b49f-45450f0e74a6.png");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  border-bottom:1px solid #efeff2
}
.hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .45s ease,visibility .45s ease;
  background-image:var(--hero-slide-bg, none);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
@media(max-width:720px){
  .hero-slide{
    background-image:var(--hero-slide-bg-mobile,var(--hero-slide-bg,none));
  }
  .hero-slide.hero-slide--has-mobile-bg{
    background-size:cover;
    background-position:center center;
  }
}
.hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:1;
}

/* Hero carousel / multi-slide — fixed height box at all breakpoints */
.hero.hero-carousel,
.hero:has(.hero-slide){
  isolation:isolate;
  max-width:100%;
  max-height:min(821px,90vh);
}
.hero.hero-carousel{
  background-image:none;
}
.hero:has(.hero-slide) .hero-slide{
  left:0;
  right:0;
  top:0;
  bottom:0;
  width:100%;
  height:100%;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
}
.hero:has(.hero-slide) .hero-slide .container{
  position:relative;
  z-index:1;
  width:min(100% - 40px,var(--container));
  max-width:100%;
  margin-inline:auto;
  box-sizing:border-box;
}
.hero:has(.hero-slide) .hero__copy,
.hero:has(.hero-slide) .hero__visual{
  min-width:0;
  max-width:100%;
}
.hero:has(.hero-slide) .hero h1,
.hero:has(.hero-slide) .hero p{
  max-width:100%;
  overflow-wrap:anywhere;
}
.hero:has(.hero-slide) .dots{
  z-index:5;
}

.hero:before{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;z-index:2}
.hero .angle{z-index:3}
.hero .container{height:100%;display:grid;grid-template-columns:58% 42%;align-items:center;position:relative;z-index:2;direction:ltr}
.hero__visual{display:flex;align-items:center;justify-content:center;direction:ltr}
.hero-scene{
  position:relative;
  left:auto;
  top:auto;
  width:min(760px,100%);
  height:430px;
  transform:none;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-real-card{
  width:100%;
  height:100%;
  border-radius:22px;
  background:#fff;
  padding:10px;
  box-shadow:0 22px 55px rgba(0,0,0,.11);
  border:1px solid #ececf0;
  overflow:hidden;
}
.hero-real-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:20px;
  filter:drop-shadow(0 24px 35px rgba(0,0,0,.18));
  mix-blend-mode:multiply;
}
.dots{
  position:absolute;
  right:50%;
  transform:translateX(50%);
  bottom:35px;
  display:flex;
  gap:15px;
  z-index:4;
}
.dots__btn{
  width:12px;
  height:12px;
  border-radius:50%;
  border:0;
  padding:0;
  background:#d8d9dd;
  cursor:pointer;
  transition:background .2s,transform .2s;
}
.dots__btn.is-active,.dots__btn:hover{background:var(--yellow)}
.dots__btn.is-active{transform:scale(1.08)}
.hero .angle{position:absolute;left:-30px;top:-105px;width:480px;height:480px;border:2px solid rgba(245,196,0,.25);transform:rotate(45deg);border-radius:8px}
.hero .angle.two{left:-170px;top:25px;width:420px;height:420px;border-color:rgba(245,196,0,.19)}
.hero__copy{padding-top:5px;grid-column:1;justify-self:start;direction:rtl}
.hero__visual{grid-column:2}
.hero h1{margin:0;font-size:55px;letter-spacing:-1px;line-height:1.14;font-weight:900;color:#171a22}
.hero h1 span{display:block;color:var(--yellow);margin-top:8px}
.hero p{margin:27px 0 34px;max-width:535px;font-size:21px;line-height:1.75;color:#242832;font-weight:400}
.hero__buttons{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.btn{height:61px;padding:0 31px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:18px;font-weight:900;cursor:pointer;transition:.22s;white-space:nowrap;text-decoration:none}
.btn--yellow{background:var(--yellow);color:#111;box-shadow:0 8px 18px rgba(245,196,0,.24)}
.btn--yellow:hover{background:var(--yellow-dark);transform:translateY(-2px)}
.btn--white{background:#fff;border:1px solid #e5e6ea;color:#171a22;box-shadow:0 9px 24px rgba(16,18,24,.06)}
.btn--white:hover{border-color:#d5d7de;transform:translateY(-2px)}
.btn svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none}

/* ===== Category cards ===== */
.categories{padding:27px 0 17px;background:#fff}
.carousel{position:relative}
.cat-grid{display:grid;grid-template-columns:repeat(8,minmax(0,150px));gap:13px;justify-content:center}
.cat-card{height:150px;border:1px solid var(--line);border-radius:11px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:13px 10px 17px;transition:.22s;box-shadow:0 4px 14px rgba(0,0,0,.025)}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#dedfe4}
.cat-title{font-size:15px;font-weight:900;color:#23262d;text-align:center}
.cat-photo{width:112px;height:82px;display:grid;place-items:center}

/* ===== Products ===== */
.products{padding:2px 0 26px;background:#fff}
.section-head{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;margin:23px 0 18px}
.all{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#272a31}.all span{color:var(--yellow);font-size:22px}
.title{margin:0;font-size:26px;font-weight:900;color:#20242c;display:flex;align-items:center}
.product-area{position:relative}
.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}
.products .product,.products .product:hover{overflow:visible}
.product{min-height:0;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 9px 8px;position:relative;display:flex;flex-direction:column;transition:.22s;overflow:hidden}
.product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.product .product-sticker{position:absolute;top:9px;right:9px;z-index:3;pointer-events:none}
.product .product-sticker--text{background:var(--yellow);color:#141414;font-weight:900;font-size:11px;padding:2px 8px;border-radius:3px;line-height:1.35;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product .product-sticker--sale{background:var(--red);color:#fff}
.product .product-sticker--green{background:#e7f7ec;color:var(--green);border:1px solid #ccebd5}
.product .product-sticker--dark{background:#11141b;color:#fff}
.product .product-sticker--image{padding:0;background:transparent;border:0;max-width:78px;line-height:0}
.product .product-sticker--image .product-sticker__img{display:block;max-width:78px;max-height:78px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.tag{position:absolute;top:9px;right:9px;background:var(--yellow);color:#141414;font-weight:900;font-size:11px;padding:2px 8px;border-radius:3px;z-index:2}.tag.sale{background:var(--red);color:#fff}
.product-img{
  height:138px;
  min-height:138px;
  border-radius:7px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:6px 0 8px;
  padding:16px 6px 10px;
  position:relative;
  overflow:visible;
  box-sizing:border-box;
}
.products .product .card-quick-actions{top:8px;left:8px;gap:5px}
.products .product .card-quick-actions .wish,.products .product .card-quick-actions .compare-card-btn{width:28px;height:28px}
.products .product .card-quick-actions .wish .card-action__img{width:16px;height:16px}
.products .product .card-quick-actions .compare-card-btn .card-action__img{width:16px;height:16px}
.product-img:before{display:none}
.product-img a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:1;text-decoration:none}
.products .product .product-card-meta{display:flex;flex-direction:column;flex:1 1 auto;overflow:visible;margin-top:10px;padding-top:0}
.products .product .prod-brand-slot{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:6px 0 8px;
  overflow:visible;
  flex-shrink:0;
}
.products .product .prod-brand-slot:empty{margin:0 0 4px;min-height:0}
.products .product .prod-brand-slot:not(:empty){min-height:52px;width:100%}
.products .product .prod-brand-slot .prod-brand{margin:0 auto;overflow:visible;max-width:100%}
.products .product .product-img img,
.products .product .product-img img.product-card-img,
.products .product .product-img img.wp-post-image{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:94%!important;
  max-height:108px!important;
  object-fit:contain;
  object-position:center center;
  background:transparent!important;
  aspect-ratio:auto!important;
  filter:none;
}
.products .product .prod-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  min-width:0;
  min-height:40px;
  padding:7px 12px;
  border:1px solid #e3e5ea;
  border-radius:9px;
  background:linear-gradient(180deg,#fafbfc 0%,#fff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  box-sizing:border-box;
  overflow:visible;
}
.products .product .prod-brand a{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  max-width:none;
  width:max-content;
  line-height:0;
  overflow:visible;
}
.products .product .prod-brand img{
  display:block;
  width:auto!important;
  height:auto!important;
  max-height:32px!important;
  max-width:140px!important;
  object-fit:contain;
  object-position:center;
}
.products .product .prod-name{
  margin:0 0 4px;
  min-height:2.5em;
  max-height:2.5em;
  font-size:13px;
  line-height:1.25;
  font-weight:700;
  color:#191d25;
  direction:ltr;
  text-align:center;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
}
.products .product .prod-name a{
  color:inherit;
  text-decoration:none;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
}
.prod-name{margin:0 0 3px;min-height:0;font-size:13px;line-height:1.25;font-weight:700;color:#191d25;direction:ltr;text-align:center}
.products .product .price{
  direction:ltr;
  unicode-bidi:isolate;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:center;
  gap:4px;
  width:100%;
  margin-top:0;
  margin-bottom:7px;
  text-align:center;
}
.products .product .cart-btn{
  margin-top:auto;
  height:36px;
  font-size:13px;
  gap:7px;
  border-radius:6px;
}
.products .product .cart-btn svg{width:18px;height:18px}
.products .product .price strong{
  order:2;
  font-size:21px;
  font-weight:900;
  color:#15181f;
}
.products .product .price i{
  order:1;
  font-style:normal;
  font-size:14px;
  font-weight:800;
}
.products .product .price del{
  order:0;
  width:100%;
  text-align:center;
  color:#8d929c;
  font-size:12px;
}
.cart-btn{height:42px;border:0;border-radius:6px;background:#fff0bc;color:#151515;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.2s}.cart-btn:hover{background:var(--yellow)}.cart-btn svg{width:20px;height:20px;stroke:#171a22;stroke-width:1.8;fill:none}

/* ===== Promo banner ===== */
.promo{padding:10px 0 28px}
.promo-card{height:170px;border:0;border-radius:17px;background-color:#fff;box-shadow:0 9px 28px rgba(0,0,0,.06);overflow:hidden;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;padding:0 45px;position:relative;background-image:var(--promo-bg,url("../img/3ab0c157-cfe9-40e2-8fbd-2a02da23a84d.png"));background-size:105% auto;background-position:40% center;background-repeat:no-repeat}
@media(max-width:720px){
  .promo-card{
    background-image:var(--promo-bg-mobile,var(--promo-bg,url("../img/3ab0c157-cfe9-40e2-8fbd-2a02da23a84d.png")));
  }
  .promo-card.promo-card--has-mobile-bg{
    background-size:cover;
    background-position:center center;
  }
}
.promo-text{text-align:center;position:relative;z-index:1}
.promo-text h3{margin:0 0 3px;font-size:27px;font-weight:900}
.discount{display:flex;align-items:center;justify-content:center;color:var(--yellow);font-weight:900;line-height:1;gap:8px}
.discount .num{font-size:82px;letter-spacing:-4px}
.discount .pct{font-size:43px}
.discount .until{font-size:23px;color:#d7ab00;margin-top:0}
.discount .pct-until{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1}
.promo-text p{margin:6px 0 0;font-size:15px;color:#111;font-weight:600}
.promo-cta{justify-self:end;position:relative;z-index:1}

/* ===== Benefits + footer ===== */
.benefits{padding:3px 0 28px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.benefit{height:94px;border:1px solid var(--line);border-radius:11px;background:#fff;display:flex;align-items:center;gap:17px;padding:17px 21px}
.benefit svg{width:44px;height:44px;stroke:var(--yellow);stroke-width:1.7;fill:none;flex:0 0 auto}
.benefit h4{margin:0 0 3px;font-size:16px;font-weight:900}
.benefit p{margin:0;font-size:13px;color:#606773;line-height:1.45}
.footer{padding-bottom:18px}
.footer-box{border:1px solid var(--line);border-radius:13px;padding:25px 31px;display:grid;grid-template-columns:1.25fr .9fr .9fr .9fr 1.25fr;gap:28px}
.footer h4{margin:0 0 14px;font-size:17px;font-weight:900}
.footer-box p,
.footer-box > div > a:not(.social-link){
  display:block;
  margin:0;
  color:#545b66;
  line-height:1.8;
  font-size:15px;
  font-weight:400;
}
.footer-box > div > a:not(.social-link):hover{color:#303640}
.newsletter{display:flex;gap:8px;margin-top:13px}
.newsletter input{height:41px;min-width:0;flex:1;border:1px solid #e0e1e6;border-radius:8px;padding:0 13px}
.newsletter button{height:41px;border:0;border-radius:8px;background:var(--yellow);font-weight:900;padding:0 16px;cursor:pointer}
.socials{display:flex;gap:12px;margin-top:17px;direction:ltr;justify-content:flex-end}
.socials .social-link{width:34px;height:34px;border:1px solid #e0e1e6;border-radius:50%;display:grid;place-items:center;color:#2a2f36;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.socials .social-link:hover{border-color:#cfd1d8;background:#f7f7f9;color:#111}
.socials .social-link svg{width:17px;height:17px;display:block;fill:currentColor}
.socials .social-link--youtube svg{width:18px;height:18px}
.foot-logo{display:flex;align-items:center;justify-content:center}
.foot-logo a{display:inline-flex;text-decoration:none}
.foot-logo img{height:52px;width:auto;display:block}
.footer-box > div:first-child p{text-align:center}
.copy{text-align:center;color:#777d86;font-size:14px;margin-top:17px}

@media(max-width:1120px){
  .topbar .container{grid-template-columns:repeat(2,1fr);height:auto}
  .topbar__item{height:48px}
  .icon{
    width:40px;
    height:40px;
  }
  .icon svg,
  .icon__img{
    width:22px;
    height:22px;
  }
  .header .container{grid-template-columns:150px 1fr 135px}
  .nav-inner{justify-content:flex-start;gap:8px}
  .hero{height:auto}
  .hero:has(.hero-slide){
    aspect-ratio:16 / 11;
    min-height:clamp(460px,52vw,640px);
  }
  .hero .container{grid-template-columns:1fr}
  .hero:has(.hero-slide) .hero-slide .container{
    height:100%;
    align-content:center;
    padding-block:28px 52px;
  }
  .hero__copy{text-align:center;padding:55px 0 0}
  .hero:has(.hero-slide) .hero__copy{padding:0}
  .hero p{margin-inline:auto}
  .hero__buttons{justify-content:center}
  .hero__visual{height:455px}
  .hero:has(.hero-slide) .hero__visual{height:clamp(240px,36vw,400px)}
  .hero-scene{width:min(720px,100%);height:360px}
  .hero:has(.hero-slide) .hero-scene{
    width:min(100%,560px);
    height:100%;
    max-height:100%;
  }
  .hero:has(.hero-slide) .dots{bottom:22px}
  .hero .angle.two{display:none}
  .cat-grid{grid-template-columns:repeat(4,1fr)}
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .promo-card{
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:18px;
    padding:28px 24px;
    text-align:center;
    background-size:cover;
    background-position:center;
  }
  .promo-text{order:1;width:100%}
  .promo-cta{order:2;justify-self:center;width:100%;max-width:320px}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .footer-box{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:720px){
  .container{width:min(100% - 28px,var(--container))}
  .site-chrome,
  .site-header,
  .header,
  .topbar,
  main,
  .footer{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .topbar{display:none}

  .header .container,
  .header .container.header-main,
  .header-main{
    width:100%;
    max-width:100%;
    min-width:0;
    padding-inline:14px;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:"logo actions";
    align-items:center;
    height:auto;
    min-height:56px;
    padding-block:10px;
    gap:10px;
  }
  .logo{
    grid-area:logo;
    justify-self:start;
  }
  .header .search{
    display:none;
  }
  .actions{
    grid-area:actions;
    justify-self:end;
    display:flex;
    align-items:center;
    gap:4px;
    direction:ltr;
  }
  .icon{
    width:40px;
    height:40px;
  }
  .icon svg,
  .icon__img{
    width:22px;
    height:22px;
  }

  .nav-toggle{
    display:grid;
    grid-template-columns:1fr;
    align-content:center;
    justify-items:center;
    gap:5px;
    width:40px;
    height:40px;
    padding:0;
    border:1px solid #e4e6eb;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
    flex:0 0 auto;
    margin-inline-end:4px;
  }
  .nav-toggle__bar{
    display:block;
    width:16px;
    height:2px;
    border-radius:2px;
    background:#11141b;
    transition:transform .2s,opacity .2s;
  }
  body.nav-open .nav-toggle__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.nav-open .nav-toggle__bar:nth-child(2){opacity:0}
  body.nav-open .nav-toggle__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .nav-overlay{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;
    pointer-events:none;
    transition:opacity .2s;
    z-index:61;
  }
  .nav-overlay:not([hidden]){display:block}
  body.nav-open .nav-overlay{
    opacity:1;
    pointer-events:auto;
  }
  body.nav-open{
    overflow:hidden;
  }

  .site-header .nav{
    position:fixed;
    top:var(--site-nav-top,var(--site-header-h,76px));
    bottom:0;
    right:0;
    left:auto;
    width:min(320px,88vw);
    height:calc(100dvh - var(--site-nav-top,var(--site-header-h,76px)));
    max-height:calc(100dvh - var(--site-nav-top,var(--site-header-h,76px)));
    z-index:90;
    transform:translate3d(100%,0,0);
    transition:transform .25s ease,visibility .25s ease,box-shadow .25s ease;
    overflow:hidden!important;
    overscroll-behavior:contain;
    border-bottom:0;
    box-shadow:none;
    visibility:hidden;
    pointer-events:none;
    display:flex;
    flex-direction:column;
    padding-bottom:max(12px,env(safe-area-inset-bottom));
  }
  body.nav-open .site-header .nav{
    transform:translate3d(0,0,0);
    visibility:visible;
    pointer-events:auto;
    box-shadow:-18px 0 48px rgba(0,0,0,.14);
  }

  .nav-mobile-search{
    order:0;
    display:block;
    flex:0 0 auto;
    width:100%;
    margin-top:0;
    padding:12px 16px;
    border-top:0;
    border-bottom:1px solid var(--line);
    background:#fff;
  }
  .nav-mobile-search .search{
    width:100%;
    position:relative;
  }
  .nav-mobile-search .search input{
    width:100%;
    height:44px;
    border:1px solid #dedfe5;
    border-radius:12px;
    background:#fbfbfc;
    padding:0 44px 0 14px;
    font-size:14px;
    color:#222;
    outline:0;
  }
  .nav-mobile-search .search input:focus{
    background:#fff;
    border-color:#c9cbd2;
    box-shadow:0 0 0 4px rgba(245,196,0,.11);
  }
  .nav-mobile-search .search input::placeholder{
    color:#8a909a;
    font-size:13px;
  }
  .nav-mobile-search .search svg{
    position:absolute;
    right:14px;
    left:auto;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:20px;
    stroke:#20242c;
    stroke-width:1.8;
    fill:none;
    pointer-events:none;
  }

  .nav-mobile-pc-builder{
    display:block;
    flex:0 0 auto;
    width:100%;
    padding:10px 16px 12px;
    border-bottom:1px solid var(--line);
    background:#fff;
  }
  .nav-mobile-pc-builder__btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    min-height:48px;
    padding:0 16px;
    border:0;
    border-radius:12px;
    background:var(--yellow);
    color:#111;
    font-weight:800;
    font-size:16px;
    text-decoration:none;
    box-shadow:0 8px 20px rgba(247,196,0,.28);
    transition:background .2s,box-shadow .2s;
  }
  .nav-mobile-pc-builder__btn:hover{
    background:var(--yellow-dark);
    color:#111;
    box-shadow:0 10px 22px rgba(223,174,0,.32);
  }
  .nav-mobile-pc-builder__btn svg{
    width:22px;
    height:22px;
    stroke:#111;
    stroke-width:2;
    fill:none;
    flex-shrink:0;
  }

  .nav .container{
    order:1;
    flex:1 1 auto;
    min-height:0;
    height:auto;
    width:100%;
    max-width:none;
    padding:0;
    overflow-x:hidden!important;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .nav-scroll{
    overflow:hidden;
    height:auto;
    margin:0;
    padding:0;
  }
  .nav-inner{
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    min-width:0;
    max-width:100%;
    gap:0;
    padding:0;
    margin:0;
    overflow:hidden;
  }
  .nav-item{
    height:auto;
    flex-direction:column;
    align-items:stretch;
    border-bottom:1px solid #f0f1f4;
  }
  .nav-link{
    width:100%;
    min-height:50px;
    height:auto;
    padding:13px 16px;
    border-radius:0;
    font-size:15px;
    white-space:normal;
    justify-content:flex-start;
    gap:10px;
  }
  .nav-link .nav-caret{
    margin-inline-start:auto;
  }
  .nav-link__icon{
    width:22px;
    height:22px;
    flex-basis:22px;
  }
  .nav-link.active:after{display:none}
  .nav-link.active{
    background:rgba(247,196,0,.14);
    color:#111;
  }
  .nav-caret{
    flex:0 0 auto;
  }

  .nav-item > .dropdown,
  .nav-item > .dropdown.is-fixed{
    position:static!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    transform:none;
    opacity:1;
    box-shadow:none;
    border:0;
    border-radius:0;
    padding:0;
    background:#fff;
  }
  .dropdown:before{display:none}
  .nav-item:focus-within > .dropdown{display:none}
  .nav-item[data-open="true"] > .dropdown{
    display:block;
    pointer-events:auto;
  }
  .dropdown-grid{
    display:block;
    grid-template-columns:unset;
    gap:0;
  }
  .drop-link{
    display:block;
    padding:11px 16px;
    padding-inline-start:28px;
    font-size:14px;
    font-weight:500;
    line-height:1.4;
    color:#4a505b;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    transform:none;
  }
  .drop-link svg{display:none}
  .drop-link:hover,
  .drop-link:focus,
  .drop-link:active{
    color:#111;
    background:#fbfbfc;
    border:0;
    box-shadow:none;
    transform:none;
  }
  .hero:not(:has(.hero-slide)){aspect-ratio:auto;min-height:0}
  .hero.hero-carousel,
  .hero:has(.hero-slide){
    aspect-ratio:unset;
    height:clamp(420px,68svh,500px);
    min-height:clamp(420px,68svh,500px);
    max-height:500px;
  }
  .hero:has(.hero-slide) .hero-slide:not(.hero-slide--has-mobile-bg){
    background-size:128% 100%;
    background-position:70% 24%;
  }
  .hero:has(.hero-slide) .hero-slide::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:rgba(255,255,255,.45);
  }
  .hero:has(.hero-slide) .hero-slide .container{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:0;
    height:100%;
    min-height:0;
    width:min(100% - 28px,var(--container));
    padding:10px 0 44px;
    direction:rtl;
    text-align:center;
  }
  .hero .angle{display:none}
  .hero h1{font-size:clamp(26px,7vw,34px)}
  .hero:has(.hero-slide) .hero__copy > h1{
    margin:0 auto 10px;
    max-width:100%;
    font-size:clamp(22px,6.2vw,30px);
    line-height:1.2;
  }
  .hero:has(.hero-slide) .hero__copy > h1 span{margin-top:4px}
  .hero p{font-size:17px;margin:18px auto 24px}
  .hero:has(.hero-slide) .hero__copy > p{
    margin:10px auto 14px;
    max-width:100%;
    font-size:15px;
    line-height:1.55;
  }
  .hero__buttons{flex-direction:column}
  .hero:has(.hero-slide) .hero__buttons{
    gap:10px;
    padding-bottom:0;
    width:100%;
    max-width:min(100%,320px);
    margin-inline:auto;
    align-items:stretch;
    justify-content:center;
  }
  .hero__visual{height:auto;max-height:320px;margin-bottom:0;transform:none;overflow:hidden}
  .hero:has(.hero-slide) .hero__visual{
    display:none;
  }
  .hero:has(.hero-slide) .hero__copy{
    order:2;
    width:100%;
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0;
    margin:0 auto;
  }
  .hero-scene{height:auto;max-height:280px;width:100%}
  .hero:has(.hero-slide) .dots{
    bottom:max(12px,env(safe-area-inset-bottom));
    gap:10px;
  }
  .hero:has(.hero-slide) .dots__btn{
    width:10px;
    height:10px;
  }
  .btn{width:100%;height:52px;font-size:16px}

  /* Homepage #products — horizontal slider */
  .products{
    overflow:hidden;
    padding-bottom:20px;
  }
  .products .product-area{
    overflow:visible;
  }
  .products .product-area > .product-grid{
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    padding:2px 0 12px;
    margin:0;
    grid-template-columns:unset;
    scrollbar-width:none;
  }
  .products .product-area > .product-grid::-webkit-scrollbar{display:none}
  .products .product-area > .product-grid > .product{
    flex:0 0 auto;
    width:min(72vw,228px);
    min-width:min(72vw,228px);
    scroll-snap-align:start;
  }
  .products .product-area > .product-grid > .product:hover{
    transform:none;
    box-shadow:var(--shadow);
  }

  .product{padding:8px}
  .product-img{height:120px;min-height:120px;margin:4px 0 6px;padding:12px 4px 8px}
  .products .product .product-card-meta{margin-top:8px}
  .products .product .prod-brand-slot:not(:empty){min-height:48px;margin-bottom:6px}
  .products .product .prod-brand{min-height:40px;padding:6px 10px}
  .products .product .prod-brand img{max-height:30px!important}
  .products .product .product-img img,
  .products .product .product-img img.product-card-img,
  .products .product .product-img img.wp-post-image{height:auto!important;max-height:96px!important}
  .prod-name{font-size:12px}
  .products .product .prod-name{min-height:2.5em;max-height:2.5em;font-size:12px}
  .products .product .price strong{font-size:19px}
  .products .product .cart-btn{height:34px;font-size:12px}
  .benefit-grid{grid-template-columns:1fr}
  .footer{
    padding-bottom:max(18px,env(safe-area-inset-bottom));
  }
  .footer .container{
    width:min(100% - 28px,var(--container));
  }
  .footer-box{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 14px;
    padding:22px 16px 18px;
    border-radius:12px;
    text-align:center;
  }
  .footer-box > div:first-child,
  .footer-box > div:last-child{
    grid-column:1 / -1;
  }
  .footer-box .footer-col--hide-mobile{
    display:none;
  }
  .foot-logo{
    margin-bottom:10px;
  }
  .foot-logo img{
    height:44px;
  }
  .footer h4{
    text-align:center;
    font-size:15px;
    margin:0 0 10px;
  }
  .footer-box > div:first-child p{
    max-width:38ch;
    margin-inline:auto;
    font-size:14px;
    line-height:1.65;
  }
  .footer-box > div > a:not(.social-link){
    text-align:center;
    font-size:14px;
    line-height:1.45;
    padding:8px 4px;
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .footer-box > div:last-child > p{
    max-width:36ch;
    margin-inline:auto;
    font-size:14px;
    line-height:1.55;
  }
  .newsletter{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    margin-top:12px;
    max-width:360px;
    margin-inline:auto;
  }
  .newsletter input,
  .newsletter button{
    width:100%;
    min-height:46px;
    font-size:16px;
  }
  .newsletter button{
    font-size:15px;
  }
  .socials{
    justify-content:center;
    margin-top:14px;
    gap:14px;
  }
  .socials .social-link{
    width:40px;
    height:40px;
  }
  .copy{
    margin-top:14px;
    font-size:13px;
    padding-inline:8px;
  }
  .copy img{
    height:24px!important;
  }
  .cart-drawer,.wishlist-drawer{width:min(100vw,420px)}
  .compare-drawer{width:min(100vw,980px)}
  .auth-modal{width:min(100% - 24px,460px);max-height:calc(100dvh - 24px);overflow:auto}

  /* Categories — horizontal slider */
  .categories{
    overflow:hidden;
    padding:20px 0 14px;
  }
  .categories .container.carousel{
    width:100%;
    max-width:none;
    padding-inline:0;
  }
  .categories .cat-grid{
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:14px;
    padding:2px 14px 10px;
    margin:0;
    justify-content:flex-start;
    grid-template-columns:unset;
    scrollbar-width:none;
  }
  .categories .cat-grid::-webkit-scrollbar{display:none}
  .categories .cat-card{
    flex:0 0 auto;
    width:132px;
    min-width:132px;
    scroll-snap-align:start;
    height:auto;
    min-height:132px;
    padding:10px 8px 12px;
  }
  .categories .cat-card:hover{transform:none}
  .categories .cat-title{font-size:13px}
  .categories .cat-photo{width:96px;height:72px}

  /* Promo banner — mobile */
  .promo{padding:6px 0 16px}
  .promo-card{
    gap:12px;
    padding:20px 16px 18px;
    border-radius:14px;
    background-position:center right;
    box-shadow:0 6px 22px rgba(0,0,0,.05);
    position:relative;
    isolation:isolate;
  }
  .promo-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.9) 100%);
    z-index:0;
  }
  .promo-card.promo-card--has-mobile-bg::before{
    background:rgba(255,255,255,.45);
  }
  .promo-text,
  .promo-cta{
    position:relative;
    z-index:1;
  }
  .promo-cta{
    order:2;
    max-width:none;
  }
  .promo-cta .btn{
    width:100%;
    height:48px;
    font-size:15px;
  }
  .promo-text h3{
    font-size:20px;
    line-height:1.25;
    margin-bottom:4px;
  }
  .discount{
    flex-wrap:wrap;
    gap:2px 8px;
    justify-content:center;
  }
  .discount .num{
    font-size:50px;
    letter-spacing:-2px;
  }
  .discount .pct{font-size:26px}
  .discount .until{font-size:15px}
  .discount > span:not(.num):not(.pct-until){
    font-size:17px;
    flex:0 0 100%;
    text-align:center;
  }
  .promo-text p{
    font-size:14px;
    line-height:1.45;
    margin-top:6px;
    max-width:34ch;
    margin-inline:auto;
    color:#111;
  }
}

@media(max-width:430px){
  .container{width:min(100% - 20px,var(--container))}
  .products .product-area > .product-grid > .product{
    width:min(78vw,210px);
    min-width:min(78vw,210px);
  }
  .hero__visual{display:none}
  .hero.hero-carousel,
  .hero:has(.hero-slide){
    height:clamp(400px,64svh,460px);
    min-height:clamp(400px,64svh,460px);
    max-height:460px;
  }
  .hero:has(.hero-slide) .hero-slide:not(.hero-slide--has-mobile-bg){
    background-size:148% 100%;
    background-position:66% 16%;
  }
  .hero:has(.hero-slide) .hero-slide .container{
    width:min(100% - 20px,var(--container));
    padding:8px 0 40px;
  }
  .hero__copy{padding:40px 0 8px}
  .hero:has(.hero-slide) .hero__copy{padding:0}
  .hero h1{font-size:30px}
  .hero:has(.hero-slide) .hero__copy > h1{font-size:clamp(21px,5.8vw,28px)}
  .hero:has(.hero-slide) .hero__copy > p{
    font-size:14px;
    margin:8px auto 12px;
  }
  .hero:has(.hero-slide) .btn{
    height:48px;
    font-size:15px;
  }
  .hero__buttons{padding-bottom:28px}
  .cart-drawer,.wishlist-drawer{width:100vw;max-width:100vw}
  .compare-drawer{width:100vw;max-width:100vw}

  .promo-card{padding:18px 14px 16px;gap:10px}
  .promo-text h3{font-size:18px}
  .discount .num{font-size:42px}
  .discount .pct{font-size:22px}
  .discount .until{font-size:13px}
  .discount > span:not(.num):not(.pct-until){font-size:15px}
  .promo-text p{font-size:13px;max-width:none}
}

.cat-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  position:relative;
  z-index:1;
}
.cat-photo{padding:4px}
.cat-photo img{filter:drop-shadow(0 9px 10px rgba(0,0,0,.13))}

/* ===== Product page (1:1 from product.html) ===== */
.breadcrumb{padding:21px 0 12px;color:#777d88;font-size:14px;display:flex;gap:10px;align-items:center;white-space:nowrap;overflow:auto}
.breadcrumb a{color:#555b65;font-weight:600}.breadcrumb span{color:#a3a7af}.breadcrumb strong{color:#242832;font-weight:700}

.product-main{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:start}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(0,0,0,.025)}

.gallery{padding:18px;position:relative;min-height:506px;background:#fff}
.gallery-stage{height:410px;display:grid;place-items:center;position:relative;border-radius:12px;background:#fff}
.gallery-stage .product-sticker{position:absolute;top:14px;right:14px;z-index:4;pointer-events:none}
.gallery-stage .product-sticker--text{background:var(--yellow);color:#141414;font-weight:900;font-size:13px;padding:4px 12px;border-radius:4px;line-height:1.35;max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery-stage .product-sticker--sale{background:var(--red);color:#fff}
.gallery-stage .product-sticker--green{background:#e7f7ec;color:var(--green);border:1px solid #ccebd5}
.gallery-stage .product-sticker--dark{background:#11141b;color:#fff}
.gallery-stage .product-sticker--image{padding:0;background:transparent;border:0;max-width:112px;line-height:0}
.gallery-stage .product-sticker--image .product-sticker__img{display:block;max-width:112px;max-height:112px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.14))}
.gallery-stage:before{display:none}
.main-product-img{width:min(570px,92%);height:370px;object-fit:contain;position:relative;z-index:1;filter:none;mix-blend-mode:multiply}
.gallery-arrow,.zoom{position:absolute;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid #e0e2e8;background:#fff;display:grid;place-items:center;color:#1d2129;box-shadow:0 6px 15px rgba(0,0,0,.07);cursor:pointer}
.gallery-arrow svg,.zoom svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.gallery-arrow.prev{right:18px;top:50%;transform:translateY(-50%)}
.gallery-arrow.next{left:18px;top:50%;transform:translateY(-50%)}
.zoom{right:22px;bottom:24px}
.main-product-img{cursor:zoom-in}
.gallery-lightbox{
  position:fixed;
  inset:0;
  z-index:80;
  display:grid;
  place-items:center;
  padding:20px;
}
.gallery-lightbox[hidden]{display:none!important}
body.gallery-zoom-open{overflow:hidden}
.gallery-lightbox__overlay{
  position:absolute;
  inset:0;
  border:0;
  padding:0;
  background:rgba(17,20,27,.88);
  cursor:zoom-out;
}
.gallery-lightbox__dialog{
  position:relative;
  z-index:1;
  width:min(1100px,94vw);
  max-height:90vh;
  display:grid;
  place-items:center;
}
.gallery-lightbox__img{
  display:block;
  max-width:100%;
  max-height:85vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:8px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.gallery-lightbox__close{
  position:absolute;
  top:-48px;
  left:0;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:10px;
  background:rgba(255,255,255,.12);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  padding:0;
}
.gallery-lightbox__close svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  stroke-width:2.2;
  fill:none;
  stroke-linecap:round;
}
.gallery-lightbox__arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  padding:0;
}
.gallery-lightbox__arrow svg{
  width:20px;
  height:20px;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
}
.gallery-lightbox__arrow.prev{right:-58px}
.gallery-lightbox__arrow.next{left:-58px}
@media(max-width:720px){
  .gallery-lightbox{padding:12px}
  .gallery-lightbox__close{
    top:8px;
    left:8px;
    background:rgba(17,20,27,.55);
  }
  .gallery-lightbox__arrow{
    width:38px;
    height:38px;
    background:rgba(17,20,27,.55);
  }
  .gallery-lightbox__arrow.prev{right:8px}
  .gallery-lightbox__arrow.next{left:8px}
  .gallery-lightbox__arrow svg{width:18px;height:18px}
}
.thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-top:15px}
.thumb{height:82px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer;transition:.2s;position:relative;overflow:hidden}
.thumb:hover,.thumb.active{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(247,196,0,.16)}
.thumb img{width:88%;height:72px;object-fit:contain;filter:none;mix-blend-mode:multiply}
.more-photos{font-size:16px;font-weight:900;color:#242832;text-align:center;line-height:1.2}.more-photos strong{font-size:26px;display:block}.more-photos span{font-size:13px;color:#777d86}

.product-main .summary{padding:28px 28px 22px;min-height:506px}
.product-main .gallery.card{background:#fff;border:0;box-shadow:none}
.product-main .summary.card{border:0;box-shadow:none;background:transparent}
.product-title{margin:0;font-size:31px;line-height:1.23;font-weight:900;letter-spacing:-.4px;color:#151820;text-align:right}
.sku{margin-top:14px;display:flex;justify-content:space-between;gap:18px;align-items:center;color:#525964;font-size:14px}.sku b{color:#20242c;font-weight:700}
.stock-row{display:flex;align-items:center;gap:10px;margin:8px 0 15px;color:#2b3038;font-size:15px;flex-wrap:wrap}.stock{background:#eaf7ed;color:#16833a;border:1px solid #cbe8d1;padding:3px 12px;border-radius:6px;font-weight:900;font-size:14px}
.price-box{padding:18px 0;border-top:1px solid #e6e8ec;border-bottom:1px solid #e6e8ec}
.price-box + .buy-row{margin-top:22px}
.price-line{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.product-main .summary .price-line .price{direction:ltr;display:flex;align-items:baseline;justify-content:flex-end;gap:4px}
.product-main .summary .price-line .price strong{font-size:42px;line-height:1;font-weight:900;color:#171a22;letter-spacing:-1px}
.product-main .summary .price-line .price span{font-size:24px;font-weight:800}
.tax{margin:0;color:#6f7580;font-size:13px;text-align:right;font-weight:700}
.payments{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:10px;color:#4f5662;font-size:14px}.payments svg{width:17px;height:17px;stroke:#555;fill:none}
.features{list-style:none;padding:0;margin:18px 0 20px;display:grid;gap:9px}.features li{display:flex;align-items:flex-start;gap:9px;font-size:15px;color:#333842;line-height:1.45}.features li:before{content:"✓";width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;color:#141414;font-size:12px;font-weight:900;flex:0 0 auto}
.buy-row{display:grid;grid-template-columns:118px 1fr;gap:13px;align-items:center}.qty{height:52px;border:1px solid #dedfe5;border-radius:8px;display:grid;grid-template-columns:38px 1fr 38px;overflow:hidden;background:#fff}.qty button{border:0;background:#fff;font-size:22px;cursor:pointer}.qty span,.qty input{display:grid;place-items:center;border-inline:1px solid #eee;font-size:18px;font-weight:700}.qty input{border-block:0;outline:0;text-align:center;width:100%;background:#fff;-moz-appearance:textfield;appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-to-cart{height:52px;border:0;border-radius:8px;background:var(--yellow);font-size:18px;font-weight:900;color:#141414;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.22s}.add-to-cart:hover{background:var(--yellow-dark);transform:translateY(-2px)}.add-to-cart svg{width:22px;height:22px;stroke:#111;stroke-width:1.8;fill:none}
.buy-row--unavailable{grid-template-columns:1fr;gap:12px}
.buy-unavailable-msg{margin:0;padding:14px 16px;border:1px solid #f0d8d8;border-radius:10px;background:#fff7f7;color:#8a3030;font-size:15px;font-weight:800;text-align:center}
.add-to-cart--contact{background:#fff;border:1px solid #e2e3e8;color:#303640;box-shadow:none}
.add-to-cart--contact:hover{background:#f8f9fb;transform:none}
.add-to-cart.loading{opacity:.75;pointer-events:none;transform:none}
.add-to-cart:disabled{opacity:.55;cursor:not-allowed;transform:none}
.product-cart-notice{margin-top:12px;padding:12px 14px;border-radius:10px;font-size:14px;font-weight:800;text-align:center}
.product-cart-notice.is-success{border:1px solid #bfe8cf;background:#f2fbf6;color:#1f7a45}
.product-cart-notice.is-error{border:1px solid #f0caca;background:#fff5f5;color:#a33030}
.secondary-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:13px}.secondary-actions button{height:43px;border:1px solid #e2e3e8;border-radius:8px;background:#fff;font-size:15px;font-weight:700;color:#303640;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.2s}.secondary-actions button:hover{border-color:#cfd1d8;box-shadow:0 7px 16px rgba(0,0,0,.05)}.secondary-actions svg{width:19px;height:19px;stroke:#20242c;stroke-width:1.8;fill:none}

.trust{margin:22px 0 24px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}
.trust-item{min-height:86px;display:flex;align-items:center;justify-content:center;gap:15px;padding:16px;border:0;border-inline-end:1px solid #eeeeef}
.trust-item:nth-child(4n){border-inline-end:0}
.trust-item svg{width:44px;height:44px;stroke:var(--yellow);stroke-width:1.6;fill:none}.trust-item h4{margin:0 0 2px;font-size:16px;font-weight:900;color:#161a22}.trust-item p{margin:0;font-size:13px;color:#666d78}

.details{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;margin-bottom:28px}
.tabs{height:58px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.tab{border:0;background:#fff;font-size:16px;font-weight:900;color:#2c3139;cursor:pointer;position:relative}.tab.active{color:var(--yellow-dark)}.tab.active:after{content:"";position:absolute;bottom:0;right:0;left:0;height:3px;background:var(--yellow)}
.details-body{padding:28px}
.details-panel{display:none}
.details-panel.active{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:start}
.details-panel.single{display:none}
.details-panel.single.active{display:block}
.desc h2{margin:0 0 15px;font-size:25px;font-weight:900;color:#151820}.desc p{margin:0 0 16px;color:#3e444f;font-size:16px;line-height:1.85}.desc ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.desc li{display:flex;gap:9px;align-items:center;color:#2d333d;font-size:15px}.desc li:before{content:"✓";width:18px;height:18px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;color:#111;font-size:12px;font-weight:900}
.spec-table{border:1px solid #ececf0;border-radius:10px;overflow:hidden;background:#fff}.spec-row{display:grid;grid-template-columns:38% 62%;min-height:37px;border-bottom:1px solid #ececf0}.spec-row:last-child{border-bottom:0}.spec-row b,.spec-row span{padding:8px 13px;font-size:14px}.spec-row b{background:#fbfbfc;color:#222832;border-inline-start:1px solid #ececf0}.spec-row span{color:#555c66;text-align:left;direction:ltr}

.related{margin-bottom:28px;position:relative}
.related .section-head{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;margin:0 0 15px}
.section-head{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;margin:0 0 15px}.section-title{margin:0;font-size:25px;font-weight:900;color:#1f232b;display:flex;align-items:center}.related-carousel__controls{display:flex;align-items:center;gap:8px;flex-direction:row-reverse}.carousel-arrow{width:34px;height:34px;border-radius:50%;border:1px solid #e2e3e8;background:#fff;display:grid;place-items:center;box-shadow:0 5px 15px rgba(0,0,0,.06);cursor:pointer;color:#555;transition:opacity .2s,background .2s}.carousel-arrow:hover:not(:disabled){background:#f8f8fa}.carousel-arrow:disabled{opacity:.35;cursor:default;box-shadow:none}.carousel-arrow svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.related.products .product-area{position:relative}
.related.products .related-products-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.related.products .product:hover{transform:none;box-shadow:var(--shadow)}
.related.products .product .product-sticker--green{background:#e7f7ec;color:var(--green);border:1px solid #ccebd5}
.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.product-card{border:1px solid var(--line);border-radius:11px;background:#fff;min-height:305px;padding:12px;display:flex;flex-direction:column;position:relative;transition:.22s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.label{position:absolute;top:11px;right:11px;background:var(--yellow);font-size:12px;font-weight:900;padding:3px 9px;border-radius:3px;z-index:2}.label.sale{background:var(--red);color:#fff}.p-img{height:125px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#fbfbfb,#fff);margin-bottom:10px}.p-img img{height:110px;width:92%;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,.13))}.p-name{min-height:42px;margin:0 0 7px;font-size:14px;line-height:1.4;font-weight:700;color:#171b23;text-align:center}.p-price{direction:ltr;display:flex;justify-content:center;align-items:baseline;gap:5px;margin-top:auto;margin-bottom:9px}.p-price strong{font-size:21px;font-weight:900;color:#171a22;order:2}.p-price del{font-size:13px;color:#8d929b}.p-price i{font-style:normal;font-weight:800;order:1}.mini-cart{height:36px;border:0;border-radius:6px;background:#fff0bc;font-weight:900;color:#171a22;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.mini-cart svg{width:18px;height:18px;stroke:#171a22;fill:none;stroke-width:1.8}.mini-cart:hover{background:var(--yellow)}

@media(max-width:1100px){
  .gallery-lightbox__arrow.prev{right:12px;left:auto}
  .gallery-lightbox__arrow.next{left:12px;right:auto}
  .topbar .container{grid-template-columns:repeat(2,1fr);height:auto}.topbar__item{height:48px}.header-main{grid-template-columns:150px 1fr 140px}.logo{font-size:48px}.nav-inner{justify-content:flex-start;gap:8px}  .product-main{grid-template-columns:1fr}.summary{order:2}.gallery{order:1}.trust{grid-template-columns:repeat(2,1fr)}.trust-item{border-inline-end:1px solid #eeeeef}.trust-item:nth-child(2n){border-inline-end:0}.trust-item:nth-child(-n+2){border-bottom:1px solid #eeeeef}  .details-body{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.related.products .related-products-grid{grid-template-columns:repeat(3,1fr)}.footer-box{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  body.single-product main,
  .cfix-theme.single-product main{
    overflow-x:clip;
    width:100%;
    max-width:100%;
  }
  body.single-product main > .container,
  .cfix-theme.single-product main > .container{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:12px 12px 28px;
    overflow-x:clip;
  }

  .breadcrumb{
    padding:10px 0 8px;
    font-size:12px;
    gap:8px;
    width:100%;
    max-width:100%;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
    scroll-padding-inline:12px;
  }
  .breadcrumb::-webkit-scrollbar{display:none}
  .breadcrumb a,
  .breadcrumb span,
  .breadcrumb strong{
    flex-shrink:0;
  }
  .breadcrumb strong{
    font-weight:800;
    max-width:none;
    overflow:visible;
    text-overflow:unset;
  }

  .product-main{
    gap:12px;
    margin-bottom:4px;
    min-width:0;
  }
  .gallery{
    padding:10px;
    min-height:0;
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:0 5px 18px rgba(0,0,0,.025);
  }
  .product-main .gallery.card{
    border:1px solid var(--line);
    box-shadow:0 5px 18px rgba(0,0,0,.025);
  }
  .gallery-stage{
    display:flex;
    align-items:center;
    justify-content:center;
    height:min(68vw,280px);
    min-height:200px;
    max-height:280px;
    padding:10px 42px;
    overflow:hidden;
    box-sizing:border-box;
    border-radius:10px;
  }
  .gallery-stage .product-sticker{top:10px;right:10px}
  .gallery-stage .product-sticker--image,
  .gallery-stage .product-sticker--image .product-sticker__img{max-width:76px;max-height:76px}
  .main-product-img,
  .gallery-stage img.main-product-img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    filter:none;
    mix-blend-mode:multiply;
  }
  .gallery-arrow,
  .zoom{
    width:40px;
    height:40px;
  }
  .gallery-arrow.prev{right:10px}
  .gallery-arrow.next{left:10px}
  .zoom{right:10px;bottom:12px}

  .thumbs{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:10px;
    margin-top:10px;
    padding:2px 0 4px;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    grid-template-columns:unset;
  }
  .thumbs::-webkit-scrollbar{display:none}
  .thumb{
    flex:0 0 76px;
    width:76px;
    height:76px;
    scroll-snap-align:start;
  }
  .thumb img{height:62px;width:88%}

  .product-main .summary{
    min-height:0;
    padding:4px 0 0;
  }
  .product-main .summary.card{
    padding:4px 0 0;
    background:transparent;
  }
  .product-title{
    font-size:21px;
    line-height:1.3;
    letter-spacing:-.2px;
    word-break:break-word;
    overflow-wrap:anywhere;
  }
  .sku{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    gap:8px 14px;
    margin-top:8px;
    font-size:13px;
  }
  .stock-row{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin:8px 0 10px;
    font-size:13px;
  }
  .price-box{
    padding:12px 0;
    margin-top:0;
  }
  .price-line{
    flex-wrap:wrap;
    align-items:flex-end;
    gap:8px 12px;
  }
  .summary .price-line .price strong{font-size:34px}
  .summary .price-line .price span{font-size:19px}
  .tax{font-size:12px}
  .payments{font-size:12px;flex-wrap:wrap;line-height:1.4}
  .features{margin:12px 0 14px;gap:7px}
  .features li{font-size:13px;line-height:1.45}

  .buy-row{
    grid-template-columns:minmax(104px,118px) 1fr;
    gap:10px;
    align-items:stretch;
  }
  .qty{height:48px;min-width:0}
  .qty input{font-size:16px}
  .add-to-cart{
    height:48px;
    font-size:15px;
    padding:0 10px;
    transform:none;
  }
  .add-to-cart:hover{transform:none}

  .buy-row--unavailable{
    grid-template-columns:1fr;
  }

  .secondary-actions{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:10px;
  }
  .secondary-actions button{
    height:46px;
    font-size:14px;
    width:100%;
  }

  .trust{
    margin:16px 0 18px;
    border-radius:12px;
    grid-template-columns:1fr;
  }
  .trust-item{
    justify-content:flex-start;
    text-align:right;
    padding:14px 16px;
    min-height:0;
    border-inline-start:0;
    border-bottom:1px solid #eee;
  }
  .trust-item:last-child{border-bottom:0}
  .trust-item svg{
    width:38px;
    height:38px;
    flex-shrink:0;
  }
  .trust-item h4{font-size:15px}
  .trust-item p{font-size:12px}

  .details{
    margin-bottom:22px;
    border-radius:12px;
  }
  .tabs{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    height:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    grid-template-columns:unset;
  }
  .tabs::-webkit-scrollbar{display:none}
  .tab{
    flex:1 0 auto;
    min-width:max(33%,120px);
    height:46px;
    padding:0 12px;
    font-size:14px;
    scroll-snap-align:start;
    white-space:nowrap;
    border-bottom:1px solid #eee;
  }
  .details-body{padding:16px 14px}
  .details-panel.active{
    grid-template-columns:1fr;
    gap:18px;
  }
  .desc h2{
    font-size:20px;
    margin-bottom:12px;
  }
  .desc p{
    font-size:15px;
    line-height:1.7;
  }
  .spec-row{grid-template-columns:44% 56%}
  .spec-row b,
  .spec-row span{
    font-size:13px;
    padding:7px 10px;
  }

  .related{margin-bottom:20px}
  .related .section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    margin-bottom:10px;
  }
  .related .section-title{
    font-size:19px;
    line-height:1.35;
    word-break:break-word;
  }
  body.single-product .related .product-area,
  .cfix-theme.single-product .related .product-area{overflow:visible}
  body.single-product .related .related-products-grid,
  .cfix-theme.single-product .related .related-products-grid{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    padding:2px 0 10px;
    margin:0;
    gap:10px;
    grid-template-columns:unset;
    scrollbar-width:none;
  }
  body.single-product .related .related-products-grid::-webkit-scrollbar,
  .cfix-theme.single-product .related .related-products-grid::-webkit-scrollbar{display:none}
  body.single-product .related .product,
  .cfix-theme.single-product .related .product{
    flex:0 0 auto;
    width:min(72vw,220px);
    min-width:min(72vw,220px);
    scroll-snap-align:start;
  }
  body.single-product .related .product:hover,
  .cfix-theme.single-product .related .product:hover{transform:none}
  body.single-product .related .product .card-quick-actions,
  .cfix-theme.single-product .related .product .card-quick-actions{display:none}

  .footer-box{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;text-align:center;padding:22px 18px}
  .footer-box > div:first-child,
  .footer-box > div:last-child{grid-column:1 / -1}
}
@media(max-width:430px){
  body.single-product main > .container,
  .cfix-theme.single-product main > .container{
    padding:10px 10px 24px;
  }
  .product-title{font-size:19px}
  .gallery{
    padding:8px;
    border-radius:12px;
  }
  .gallery-stage{
    height:min(64vw,240px);
    min-height:180px;
    max-height:240px;
    padding:8px 38px;
  }
  .gallery-stage .product-sticker--image,
  .gallery-stage .product-sticker--image .product-sticker__img{max-width:58px;max-height:58px}
  .thumb{
    flex:0 0 70px;
    width:70px;
    height:70px;
  }
  .thumb img{height:58px}
  .summary .price-line .price strong{font-size:30px}
  .summary .price-line .price span{font-size:17px}
  .buy-row{
    grid-template-columns:minmax(96px,108px) 1fr;
    gap:8px;
  }
  .add-to-cart{font-size:14px}
  .secondary-actions button{
    height:44px;
    font-size:13px;
  }
  .related .section-title{font-size:17px}
  body.single-product .related .product,
  .cfix-theme.single-product .related .product{
    width:min(78vw,200px);
    min-width:min(78vw,200px);
  }
  .spec-row{grid-template-columns:1fr}
  .spec-row b{
    border-inline-start:0;
    border-bottom:1px solid #ececf0;
  }
  .spec-row span{
    text-align:right;
    direction:rtl;
  }
}

/* ===== Category page ===== */
.category-hero{
  min-height:260px;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 60%,rgba(247,196,0,.18),transparent 20%),
    linear-gradient(105deg,#fff 0%,#fbfbfb 50%,#f4f4f5 100%);
  display:grid;
  grid-template-columns:1fr .95fr;
  align-items:center;
  position:relative;
  box-shadow:0 10px 30px rgba(0,0,0,.045);
  margin-bottom:22px;
}
.category-hero:before,
.category-hero:after{content:"";position:absolute;width:210px;height:210px;border:2px solid rgba(247,196,0,.25);transform:rotate(45deg);border-radius:10px;pointer-events:none}
.category-hero:before{left:-80px;top:28px}.category-hero:after{right:auto;left:72%;bottom:-105px;border-color:rgba(247,196,0,.14)}
.hero-text{padding:36px 44px;position:relative;z-index:2}.hero-text .eyebrow{display:inline-flex;background:var(--yellow-soft);border:1px solid rgba(247,196,0,.35);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:900;margin-bottom:12px}.hero-text h1{font-size:42px;line-height:1.12;margin:0 0 13px;font-weight:900;letter-spacing:-.5px}.hero-text h1 span{color:var(--yellow)}.hero-text p{font-size:18px;line-height:1.75;color:#4a505b;margin:0;max-width:610px}.hero-stats{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}.hero-stat{height:43px;padding:0 15px;border:1px solid #e4e5ea;background:#fff;border-radius:9px;display:flex;align-items:center;gap:8px;font-weight:800}.hero-stat svg{width:19px;height:19px;stroke:var(--yellow-dark);fill:none;stroke-width:2}
.hero-art{height:260px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;padding:18px 30px 18px 0}.hero-art img{height:225px;width:100%;object-fit:contain;filter:drop-shadow(0 20px 22px rgba(0,0,0,.16))}
.category-layout{display:grid;grid-template-columns:292px 1fr;gap:22px;align-items:start;margin-bottom:24px}
.filter-sidebar{position:sticky;top:calc(var(--site-header-h) + 12px);border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.025);overflow:hidden}
.filter-head{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}
.filter-head h3{margin:0;font-size:18px;font-weight:900}
.filter-close-wrap{display:flex;align-items:center;gap:10px}
.clear{border:0;background:transparent;color:#777d86;font-size:13px;font-weight:700;cursor:pointer}.clear:hover{color:#111}
.filter-group{padding:18px;border-bottom:1px solid #f0f1f4}.filter-group:last-child{border-bottom:0}.filter-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:15px;font-weight:900;color:#222832}.filter-title span{color:#9aa0aa;font-size:18px}
.checks{display:grid;gap:10px}.check{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#3f4650;font-size:14px;cursor:pointer}.check input{accent-color:var(--yellow);width:16px;height:16px}.check small{color:#9aa0aa;font-size:12px}
.price-range{display:grid;gap:10px;width:100%;max-width:100%}
.range-line{height:6px;border-radius:20px;background:#eee;position:relative;overflow:hidden}
.range-controls{position:relative;height:22px;margin-top:-18px;width:100%;max-width:100%;direction:rtl}
.range-input{position:absolute;inset:0;width:100%;max-width:100%;min-width:0;height:22px;background:transparent;pointer-events:auto;-webkit-appearance:none;appearance:none}
.range-input::-webkit-slider-runnable-track{height:6px;background:transparent}
.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--yellow);border:2px solid #fff;box-shadow:0 6px 14px rgba(17,20,27,.18);margin-top:-6px;cursor:pointer}
.range-input::-moz-range-track{height:6px;background:transparent}
.range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--yellow);border:2px solid #fff;box-shadow:0 6px 14px rgba(17,20,27,.18);cursor:pointer}
.price-inputs{display:grid;grid-template-columns:1fr;gap:8px;width:100%;max-width:100%}
.price-inputs input{height:32px;min-width:0;width:100%;max-width:100%;border:1px solid #e0e1e6;border-radius:7px;padding:0 9px;outline:0;font-size:13px;font-weight:800;color:#2a2f37}
.color-dots{display:flex;gap:8px;flex-wrap:wrap}.color-dot{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d8d9df;cursor:pointer}.color-dot.black{background:#101010}.color-dot.yellow{background:var(--yellow)}.color-dot.gray{background:#777}.color-dot.white{background:#fff}.color-dot.red{background:#d72f2f}
.filter-cta{padding:18px}.apply{width:100%;height:44px;border:0;border-radius:8px;background:var(--yellow);font-size:15px;font-weight:900;color:#111;cursor:pointer}.apply:hover{background:var(--yellow-dark)}
.content-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}.result-count{font-size:15px;color:#555c66}.result-count b{color:#171a22;font-weight:900}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sort{height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 12px;font-size:14px;color:#333842;outline:0;min-width:170px}
.chips{display:flex;gap:10px;margin:0 0 16px;flex-wrap:wrap}.chip{height:36px;padding:0 14px;border:1px solid #e5e6eb;background:#fff;border-radius:999px;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#3f4650}.chip.active{background:#11141b;color:#fff;border-color:#11141b}.chip.yellow{background:var(--yellow-soft);border-color:rgba(247,196,0,.45);color:#5b4700}.chip button{border:0;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer}
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:26px 0 34px}.pagination .page{width:40px;height:40px;border:1px solid #e1e2e7;border-radius:8px;background:#fff;display:grid;place-items:center;font-weight:800;color:#303640;cursor:pointer;text-decoration:none;box-sizing:border-box}.pagination .page.active{background:var(--yellow);border-color:var(--yellow);color:#111}.pagination .page:hover{border-color:var(--yellow)}

/* Category product cards — same layout as homepage #products */
.category-page .category-products{padding:0;background:transparent}
.category-page .category-products .product-area{position:relative}
.category-page .category-products .product-grid{grid-template-columns:repeat(3,1fr);gap:11px}
.category-page .category-products .product .label{
  position:absolute;
  top:9px;
  right:9px;
  background:var(--yellow);
  font-size:11px;
  font-weight:900;
  padding:2px 8px;
  border-radius:3px;
  z-index:3;
}
.category-page .category-products .product .label.sale{background:var(--red);color:#fff}
.category-page .category-products .product .label.green{background:#e7f7ec;color:var(--green);border:1px solid #ccebd5}
.card-quick-actions{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:6px;z-index:2}
.card-quick-actions .wish,.card-quick-actions .compare-card-btn{position:static;width:33px;height:33px;border-radius:50%;border:1px solid #e5e6eb;background:#fff;display:grid;place-items:center;cursor:pointer;padding:0;flex:0 0 auto}
.card-quick-actions .wish .card-action__img{width:18px;height:18px;object-fit:contain;display:block}
.card-quick-actions .compare-card-btn .card-action__img{width:18px;height:18px;object-fit:contain;display:block}
.card-quick-actions .wish.is-active,.card-quick-actions .compare-card-btn.is-active{border-color:var(--yellow);background:#fffbeb}
.card-quick-actions .wish.is-active .card-action__img,
.card-quick-actions .compare-card-btn.is-active .card-action__img{opacity:.85}
.item-img img.wp-post-image{height:150px;width:auto;max-width:94%;object-fit:contain;object-position:center;background:transparent!important;filter:none;mix-blend-mode:multiply}
@media(min-width:721px){
  .main-product-img,
  .gallery-stage img.main-product-img{
    max-width:100%;
    height:auto;
    max-height:370px;
    object-fit:contain;
    filter:none;
    mix-blend-mode:multiply;
  }
}

@media(max-width:1120px){
  .category-page .category-layout{grid-template-columns:1fr}
  .category-page .filter-sidebar{position:relative;top:auto}
  .category-page .category-products .product-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .category-page .category-products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-width:430px){
  .category-page .category-products .product-grid{grid-template-columns:1fr}
}

/* ===== Cart page (1:1 from cart.html, scoped) ===== */
.woocommerce-cart{--yellow-soft:#fff1b8;--yellow-dark:#dcae00;--green:#22a35a}
.woocommerce-cart .breadcrumb{padding:20px 0 12px;color:#777d88;font-size:14px;display:flex;gap:10px;align-items:center;white-space:nowrap;overflow:auto}
.woocommerce-cart .breadcrumb a{color:#555b65;font-weight:600}.woocommerce-cart .breadcrumb span{color:#a3a7af}.woocommerce-cart .breadcrumb strong{color:#242832;font-weight:800}
.woocommerce-cart .page-head{margin-bottom:22px;border:0;border-radius:18px;background:linear-gradient(105deg,#fff 0%,#fbfbfb 55%,rgba(247,196,0,.11));min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 34px;position:relative;overflow:hidden;box-shadow:0 9px 28px rgba(0,0,0,.045)}
.woocommerce-cart .page-head:after{content:"";position:absolute;left:-70px;top:-72px;width:190px;height:190px;border:18px solid rgba(247,196,0,.18);transform:rotate(45deg);border-radius:12px}
.woocommerce-cart .page-head h1{margin:0 0 8px;font-size:39px;font-weight:900;letter-spacing:-.5px}.woocommerce-cart .page-head h1 span{color:var(--yellow)}.woocommerce-cart .page-head p{margin:0;color:#555c66;font-size:17px}
.woocommerce-cart .head-icon{width:86px;height:86px;border-radius:20px;background:var(--yellow);display:grid;place-items:center;box-shadow:0 12px 28px rgba(247,196,0,.22);position:relative;z-index:2}.woocommerce-cart .head-icon svg{width:46px;height:46px;stroke:#111;fill:none;stroke-width:1.7}

.woocommerce-cart .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.woocommerce-cart .step{height:66px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:900;color:#7b818c}.woocommerce-cart .step-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0f1f4;color:#777}.woocommerce-cart .step.active{border-color:rgba(247,196,0,.55);color:#14171f;box-shadow:0 6px 18px rgba(247,196,0,.09)}.woocommerce-cart .step.active .step-number{background:var(--yellow);color:#111}.woocommerce-cart .step.done .step-number{background:#111;color:#fff}

.woocommerce-cart .cart-layout{display:grid;grid-template-columns:1fr 370px;gap:22px;align-items:start;margin-bottom:30px}
.woocommerce-cart .cart-card{overflow:hidden}.woocommerce-cart .cart-top{height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.woocommerce-cart .cart-top h2{margin:0;font-size:20px;font-weight:900}.woocommerce-cart .cart-top .remove-all{border:0;background:transparent;color:#8a909a;font-weight:800;cursor:pointer}.woocommerce-cart .cart-top .remove-all:hover{color:var(--red)}
.woocommerce-cart .cart-item{display:grid;grid-template-columns:118px 1fr 118px 115px 86px;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid #f0f1f4}.woocommerce-cart .cart-item:last-child{border-bottom:0}.woocommerce-cart .item-img{height:104px;border:1px solid #ececf0;border-radius:12px;background:linear-gradient(135deg,#fbfbfb,#fff);display:grid;place-items:center;overflow:hidden}.woocommerce-cart .item-img img{width:92%;height:92px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.13))}.woocommerce-cart .item-info h3{margin:0 0 7px;font-size:17px;line-height:1.35;font-weight:900}.woocommerce-cart .item-info p{margin:0 0 9px;color:#6b707b;font-size:14px}.woocommerce-cart .item-tags{display:flex;gap:6px;flex-wrap:wrap}.woocommerce-cart .item-tags span{font-size:12px;font-weight:800;color:#555c66;background:#f6f6f8;border:1px solid #eee;border-radius:5px;padding:3px 7px}.woocommerce-cart .stock{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:13px;font-weight:900}.woocommerce-cart .stock:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
.woocommerce-cart .qty{height:42px;border:1px solid #dedfe5;border-radius:8px;display:grid;grid-template-columns:34px 1fr 34px;overflow:hidden;background:#fff}.woocommerce-cart .qty button{border:0;background:#fff;font-size:20px;cursor:pointer}.woocommerce-cart .qty input{border:0;outline:0;text-align:center;border-inline:1px solid #eee;font-size:16px;font-weight:800;width:100%}.woocommerce-cart .item-price{text-align:left;direction:ltr}.woocommerce-cart .item-price strong{font-size:22px;font-weight:900}.woocommerce-cart .item-price span{font-weight:800}.woocommerce-cart .item-price del{display:block;color:#9aa0aa;font-size:13px;margin-bottom:2px}
.woocommerce-cart .remove{width:38px;height:38px;border:1px solid #e5e6eb;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer;justify-self:left}.woocommerce-cart .remove svg{width:18px;height:18px;stroke:#777;fill:none;stroke-width:1.8}.woocommerce-cart .remove:hover{border-color:#ffd1d1;background:#fff4f4}.woocommerce-cart .remove:hover svg{stroke:var(--red)}
.woocommerce-cart .cart-actions{display:flex;justify-content:space-between;gap:14px;padding:18px 20px;border-top:1px solid var(--line);background:#fff}.woocommerce-cart .link-btn,.woocommerce-cart .outline-btn{height:44px;border-radius:8px;padding:0 18px;font-size:15px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer}.woocommerce-cart .link-btn{border:1px solid #e3e4e9;background:#fff;color:#222832}.woocommerce-cart .link-btn svg,.woocommerce-cart .outline-btn svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8}.woocommerce-cart .outline-btn{border:1px solid rgba(247,196,0,.6);background:var(--yellow-soft);color:#111}.woocommerce-cart .outline-btn:hover{background:var(--yellow)}
.woocommerce-cart .summary{position:sticky;top:calc(var(--site-header-h) + 12px);overflow:hidden}.woocommerce-cart .summary-head{height:58px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.woocommerce-cart .summary-head h2{margin:0;font-size:20px;font-weight:900}.woocommerce-cart .secure{display:flex;align-items:center;gap:7px;color:var(--green);font-size:13px;font-weight:900}.woocommerce-cart .secure svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2}.woocommerce-cart .summary-body{padding:20px}
.woocommerce-cart .coupon{display:grid;grid-template-columns:96px 1fr;gap:8px;margin-bottom:18px}.woocommerce-cart .coupon input{height:42px;border:1px solid #dedfe5;border-radius:8px;padding:0 12px;outline:0}.woocommerce-cart .coupon button{height:42px;border:0;border-radius:8px;background:#11141b;color:#fff;font-weight:900;cursor:pointer}
.woocommerce-cart .summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;color:#3f4650;font-size:15px}.woocommerce-cart .summary-row b{font-weight:900;color:#171a22}.woocommerce-cart .summary-row.discount b{color:var(--green)}.woocommerce-cart .summary-row.shipping b{color:var(--yellow-dark)}
.woocommerce-cart .divider{height:1px;background:#ececf0;margin:10px 0}.woocommerce-cart .total{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:16px 0 6px}.woocommerce-cart .total span{font-size:17px;font-weight:900}.woocommerce-cart .total strong{font-size:34px;line-height:1;font-weight:900;direction:ltr}.woocommerce-cart .vat{color:#777d86;font-size:13px;text-align:left;margin-bottom:18px}
.woocommerce-cart .checkout-btn{width:100%;height:54px;border:0;border-radius:9px;background:var(--yellow);font-size:18px;font-weight:900;color:#111;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 8px 20px rgba(247,196,0,.22);transition:.22s}.woocommerce-cart .checkout-btn svg{width:22px;height:22px;stroke:#111;fill:none;stroke-width:1.8}.woocommerce-cart .checkout-btn:hover{background:var(--yellow-dark);transform:translateY(-2px)}
.woocommerce-cart .pay-icons{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 2px;flex-wrap:wrap}
.woocommerce-cart .pay-icon{height:34px;width:calc((100% - 30px) / 4);flex:0 0 auto;padding:0 10px;border:1px solid #e0e1e6;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 8px 18px rgba(17,20,27,.05)}
.woocommerce-cart .pay-icon img{width:100%;height:18px;display:block;object-fit:contain;max-width:96px}
.woocommerce-cart .summary-note{margin-top:16px;border:1px solid #edf0f2;border-radius:10px;background:#fbfbfc;padding:13px;color:#5b626d;font-size:13px;line-height:1.55}.woocommerce-cart .summary-note b{color:#171a22}
.woocommerce-cart .related{margin-bottom:28px}.woocommerce-cart .related .section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.woocommerce-cart .related .section-title{margin:0;font-size:25px;font-weight:900;color:#1f232b;display:flex;align-items:center;gap:9px}

.cart-page,.woocommerce-cart .cart-page{--yellow-soft:#fff1b8;--yellow-dark:#dcae00;--green:#22a35a}
.cart-page .breadcrumb,.woocommerce-cart .breadcrumb{padding:20px 0 12px;color:#777d88;font-size:14px;display:flex;gap:10px;align-items:center;white-space:nowrap;overflow:auto}
.cart-page .page-head,.woocommerce-cart .page-head{margin-bottom:22px;border:0;border-radius:18px;background:linear-gradient(105deg,#fff 0%,#fbfbfb 55%,rgba(247,196,0,.11));min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 34px;position:relative;overflow:hidden;box-shadow:0 9px 28px rgba(0,0,0,.045)}
.cart-page .page-head:after,.woocommerce-cart .page-head:after{content:"";position:absolute;left:-70px;top:-72px;width:190px;height:190px;border:18px solid rgba(247,196,0,.18);transform:rotate(45deg);border-radius:12px}
.cart-page .page-head h1,.woocommerce-cart .page-head h1{margin:0 0 8px;font-size:39px;font-weight:900;letter-spacing:-.5px}
.cart-page .page-head h1 span,.woocommerce-cart .page-head h1 span{color:var(--yellow)}
.cart-page .page-head p,.woocommerce-cart .page-head p{margin:0;color:#555c66;font-size:17px}
.cart-page .head-icon,.woocommerce-cart .head-icon{width:86px;height:86px;border-radius:20px;background:var(--yellow);display:grid;place-items:center;box-shadow:0 12px 28px rgba(247,196,0,.22);position:relative;z-index:2}
.cart-page .head-icon svg,.woocommerce-cart .head-icon svg{width:46px;height:46px;stroke:#111;fill:none;stroke-width:1.7}
.cart-page .steps,.woocommerce-cart .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.cart-page .step,.woocommerce-cart .step{height:66px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:900;color:#7b818c}
.cart-page .step-number,.woocommerce-cart .step-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0f1f4;color:#777}
.cart-page .step.active,.woocommerce-cart .step.active{border-color:rgba(247,196,0,.55);color:#14171f;box-shadow:0 6px 18px rgba(247,196,0,.09)}
.cart-page .step.active .step-number,.woocommerce-cart .step.active .step-number{background:var(--yellow);color:#111}
.cart-page .cart-layout,.woocommerce-cart .cart-layout{display:grid;grid-template-columns:1fr 370px;gap:22px;align-items:start;margin-bottom:30px}
.cart-page .cart-card,.woocommerce-cart .cart-card{overflow:hidden}
.cart-page .cart-top,.woocommerce-cart .cart-top{height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.cart-page .cart-top h2,.woocommerce-cart .cart-top h2{margin:0;font-size:20px;font-weight:900}
.cart-page .cart-count-label,.woocommerce-cart .cart-count-label{color:#8a909a;font-size:14px;font-weight:700}
.cart-page .cart-top .remove-all,.woocommerce-cart .cart-top .remove-all{border:0;background:transparent;color:#8a909a;font-weight:800;cursor:pointer;text-decoration:none}
.cart-page .cart-top .remove-all:hover,.woocommerce-cart .cart-top .remove-all:hover{color:var(--red)}
.cart-page .cart-item,.woocommerce-cart .cart-item{display:grid;grid-template-columns:118px 1fr 118px 115px 86px;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid #f0f1f4}
.cart-page .cart-item:last-child,.woocommerce-cart .cart-item:last-child{border-bottom:0}
.cart-page .item-img,.woocommerce-cart .item-img{height:104px;border:1px solid #ececf0;border-radius:12px;background:linear-gradient(135deg,#fbfbfb,#fff);display:grid;place-items:center;overflow:hidden}
.cart-page .item-img img,.woocommerce-cart .item-img img{width:92%;height:92px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.13))}
.cart-page .item-info h3,.woocommerce-cart .item-info h3{margin:0 0 7px;font-size:17px;line-height:1.35;font-weight:900}
.cart-page .item-info h3 a,.woocommerce-cart .item-info h3 a{color:inherit;text-decoration:none}
.cart-page .item-info p,.woocommerce-cart .item-info p{margin:0 0 9px;color:#6b707b;font-size:14px}
.cart-page .item-tags,.woocommerce-cart .item-tags{display:flex;gap:6px;flex-wrap:wrap}
.cart-page .item-tags span,.woocommerce-cart .item-tags span{font-size:12px;font-weight:800;color:#555c66;background:#f6f6f8;border:1px solid #eee;border-radius:5px;padding:3px 7px}
.cart-page .item-tags .stock,.woocommerce-cart .item-tags .stock{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:13px;font-weight:900;background:transparent;border:0;padding:0}
.cart-page .item-tags .stock:before,.woocommerce-cart .item-tags .stock:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green)}
.cart-page .qty,.woocommerce-cart .qty{height:42px;border:1px solid #dedfe5;border-radius:8px;display:grid;grid-template-columns:34px 1fr 34px;overflow:hidden;background:#fff}
.cart-page .qty button,.woocommerce-cart .qty button{border:0;background:#fff;font-size:20px;cursor:pointer}
.cart-page .qty input,.woocommerce-cart .qty input{border:0;outline:0;text-align:center;border-inline:1px solid #eee;font-size:16px;font-weight:800;width:100%;background:#fff;-moz-appearance:textfield;appearance:textfield}.cart-page .qty input::-webkit-outer-spin-button,.cart-page .qty input::-webkit-inner-spin-button,.woocommerce-cart .qty input::-webkit-outer-spin-button,.woocommerce-cart .qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cart-page .item-price,.woocommerce-cart .item-price{text-align:left;direction:ltr}
.cart-page .item-price strong,.woocommerce-cart .item-price strong{font-size:22px;font-weight:900}
.cart-page .item-price span,.woocommerce-cart .item-price span{font-weight:800}
.cart-page .item-price del,.woocommerce-cart .item-price del{display:block;color:#9aa0aa;font-size:13px;margin-bottom:2px}
.cart-page .remove,.woocommerce-cart .remove{width:38px;height:38px;border:1px solid #e5e6eb;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer;justify-self:left;text-decoration:none}
.cart-page .remove svg,.woocommerce-cart .remove svg{width:18px;height:18px;stroke:#777;fill:none;stroke-width:1.8}
.cart-page .remove:hover,.woocommerce-cart .remove:hover{border-color:#ffd1d1;background:#fff4f4}
.cart-page .remove:hover svg,.woocommerce-cart .remove:hover svg{stroke:var(--red)}
.cart-page .cart-actions,.woocommerce-cart .cart-actions{display:flex;justify-content:space-between;gap:14px;padding:18px 20px;border-top:1px solid var(--line);background:#fff}
.cart-page .link-btn,.cart-page .outline-btn,.woocommerce-cart .link-btn,.woocommerce-cart .outline-btn{height:44px;border-radius:8px;padding:0 18px;font-size:15px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;text-decoration:none}
.cart-page .link-btn,.woocommerce-cart .link-btn{border:1px solid #e3e4e9;background:#fff;color:#222832}
.cart-page .outline-btn,.woocommerce-cart .outline-btn{border:1px solid rgba(247,196,0,.6);background:var(--yellow-soft);color:#111}
.cart-page .outline-btn:hover,.woocommerce-cart .outline-btn:hover{background:var(--yellow)}
.cart-page .summary,.woocommerce-cart .summary{position:sticky;top:calc(var(--site-header-h) + 12px);overflow:hidden}
.cart-page .summary-head,.woocommerce-cart .summary-head{height:58px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.cart-page .summary-head h2,.woocommerce-cart .summary-head h2{margin:0;font-size:20px;font-weight:900}
.cart-page .secure,.woocommerce-cart .secure{display:flex;align-items:center;gap:7px;color:var(--green);font-size:13px;font-weight:900}
.cart-page .summary-body,.woocommerce-cart .summary-body{padding:20px}
.cart-page .coupon,.woocommerce-cart .coupon{display:grid;grid-template-columns:96px 1fr;gap:8px;margin-bottom:18px}
.cart-page .coupon input,.woocommerce-cart .coupon input{height:42px;border:1px solid #dedfe5;border-radius:8px;padding:0 12px;outline:0}
.cart-page .coupon button,.woocommerce-cart .coupon button{height:42px;border:0;border-radius:8px;background:#11141b;color:#fff;font-weight:900;cursor:pointer}
.cart-page .summary-row,.woocommerce-cart .summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;color:#3f4650;font-size:15px}
.cart-page .summary-row b,.woocommerce-cart .summary-row b{font-weight:900;color:#171a22}
.cart-page .summary-row.discount b,.woocommerce-cart .summary-row.discount b{color:var(--green)}
.cart-page .summary-row.shipping b,.woocommerce-cart .summary-row.shipping b{color:var(--yellow-dark)}
.cart-page .divider,.woocommerce-cart .divider{height:1px;background:#ececf0;margin:10px 0}
.cart-page .total,.woocommerce-cart .total{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:16px 0 6px}
.cart-page .total strong,.woocommerce-cart .total strong{font-size:34px;line-height:1;font-weight:900;direction:ltr}
.cart-page .vat,.woocommerce-cart .vat{color:#777d86;font-size:13px;text-align:left;margin-bottom:18px}
.cart-page .checkout-btn,.woocommerce-cart .checkout-btn{width:100%;height:54px;border:0;border-radius:9px;background:var(--yellow);font-size:18px;font-weight:900;color:#111;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 8px 20px rgba(247,196,0,.22);transition:.22s;text-decoration:none}
.cart-page .checkout-btn.is-disabled,.woocommerce-cart .checkout-btn.is-disabled{opacity:.55;pointer-events:none}
.cart-page .checkout-btn:hover,.woocommerce-cart .checkout-btn:hover{background:var(--yellow-dark);transform:translateY(-2px)}
.cart-page .pay-icons,.woocommerce-cart .pay-icons{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:15px 0 2px;flex-wrap:wrap}
.cart-page .pay-icon,.woocommerce-cart .pay-icon{height:34px;width:calc((100% - 30px) / 4);flex:0 0 auto;padding:0 10px;border:1px solid #e0e1e6;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 8px 18px rgba(17,20,27,.05)}
.cart-page .summary-note,.woocommerce-cart .summary-note{margin-top:16px;border:1px solid #edf0f2;border-radius:10px;background:#fbfbfc;padding:13px;color:#5b626d;font-size:13px;line-height:1.55}
.cart-page .cart-empty,.woocommerce-cart .cart-empty{padding:28px 20px;text-align:center}
.cart-page .cart-empty p,.woocommerce-cart .cart-empty p{margin:0 0 16px;color:#6b707b;font-weight:700}
.cart-page .cart-empty-btn,.woocommerce-cart .cart-empty-btn{display:inline-flex;width:auto;padding:0 24px}
.cart-page .related,.woocommerce-cart .related{margin-bottom:28px}
.cart-page .related .section-title,.woocommerce-cart .related .section-title{margin:0;font-size:25px;font-weight:900;color:#1f232b}
.cart-page .woocommerce-notices-wrapper,.woocommerce-cart .woocommerce-notices-wrapper{margin-bottom:0}

.woocommerce-cart .entry-content .woocommerce,.woocommerce-cart .wp-block-woocommerce-cart,.cart-page ~ .entry-content{display:none!important}

@media(max-width:1120px){
  .cart-page .cart-layout,.woocommerce-cart .cart-layout{grid-template-columns:1fr;gap:16px;margin-bottom:24px}
  .cart-page .summary,.woocommerce-cart .summary{position:relative;top:auto}
  .cart-page .cart-actions,.woocommerce-cart .cart-actions{flex-wrap:wrap}
  .cart-page .link-btn,.cart-page .outline-btn,.woocommerce-cart .link-btn,.woocommerce-cart .outline-btn{flex:1 1 auto;min-width:min(100%,200px)}
}

@media(max-width:720px){
  .cart-page.container,
  .woocommerce-cart .cart-page{
    width:min(100% - 28px,var(--container));
    padding-bottom:8px;
  }

  .cart-page .breadcrumb,
  .woocommerce-cart .breadcrumb{
    padding:12px 0 10px;
    font-size:12px;
    gap:8px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .cart-page .breadcrumb::-webkit-scrollbar,
  .woocommerce-cart .breadcrumb::-webkit-scrollbar{display:none}

  .cart-page .page-head,
  .woocommerce-cart .page-head{
    flex-direction:column;
    align-items:flex-start;
    padding:20px 16px;
    min-height:0;
    margin-bottom:16px;
    border-radius:14px;
  }
  .cart-page .page-head h1,
  .woocommerce-cart .page-head h1{font-size:26px;margin-bottom:6px}
  .cart-page .page-head p,
  .woocommerce-cart .page-head p{font-size:14px;line-height:1.5}
  .cart-page .head-icon,
  .woocommerce-cart .head-icon{display:none}

  .cart-page .steps,
  .woocommerce-cart .steps{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-bottom:16px;
  }
  .cart-page .step,
  .woocommerce-cart .step{
    height:auto;
    min-height:52px;
    padding:8px 6px;
    font-size:12px;
    gap:6px;
    text-align:center;
    line-height:1.25;
    flex-direction:column;
  }
  .cart-page .step-number,
  .woocommerce-cart .step-number{
    width:26px;
    height:26px;
    font-size:12px;
    flex-shrink:0;
  }

  .cart-page .cart-layout,
  .woocommerce-cart .cart-layout{
    gap:14px;
    margin-bottom:20px;
  }

  .cart-page .cart-top,
  .woocommerce-cart .cart-top{
    height:auto;
    min-height:52px;
    padding:12px 14px;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-direction:row;
    flex-wrap:wrap;
  }
  .cart-page .cart-top h2,
  .woocommerce-cart .cart-top h2{
    font-size:17px;
    line-height:1.35;
  }
  .cart-page .cart-count-label,
  .woocommerce-cart .cart-count-label{
    display:inline;
    font-size:13px;
  }
  .cart-page .cart-top .remove-all,
  .woocommerce-cart .cart-top .remove-all{
    font-size:14px;
    min-height:40px;
    display:inline-flex;
    align-items:center;
  }

  .cart-page .cart-item,
  .woocommerce-cart .cart-item{
    grid-template-columns:84px 1fr auto;
    grid-template-areas:
      "img info remove"
      "qty qty price";
    gap:10px 12px;
    padding:14px;
    position:relative;
    align-items:start;
  }
  .cart-page .item-img,
  .woocommerce-cart .item-img{
    grid-area:img;
    height:84px;
    width:84px;
  }
  .cart-page .item-img img,
  .woocommerce-cart .item-img img{
    height:72px;
  }
  .cart-page .item-info,
  .woocommerce-cart .item-info{
    grid-area:info;
    min-width:0;
    padding-left:0;
  }
  .cart-page .item-info h3,
  .woocommerce-cart .item-info h3{
    font-size:15px;
    line-height:1.35;
    padding-left:0;
    word-break:break-word;
  }
  .cart-page .item-info p,
  .woocommerce-cart .item-info p{
    font-size:13px;
    margin-bottom:6px;
  }
  .cart-page .item-tags span,
  .woocommerce-cart .item-tags span{font-size:11px}
  .cart-page .qty,
  .woocommerce-cart .qty{
    grid-area:qty;
    grid-column:auto;
    width:100%;
    max-width:168px;
    height:44px;
    justify-self:start;
  }
  .cart-page .qty input,
  .woocommerce-cart .qty input{font-size:16px}
  .cart-page .item-price,
  .woocommerce-cart .item-price{
    grid-area:price;
    grid-column:auto;
    text-align:left;
    align-self:center;
    justify-self:end;
  }
  .cart-page .item-price strong,
  .woocommerce-cart .item-price strong{font-size:20px}
  .cart-page .remove,
  .woocommerce-cart .remove{
    grid-area:remove;
    position:static;
    justify-self:end;
    align-self:start;
    width:36px;
    height:36px;
  }

  .cart-page .cart-actions,
  .woocommerce-cart .cart-actions{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:14px;
  }
  .cart-page .link-btn,
  .cart-page .outline-btn,
  .woocommerce-cart .link-btn,
  .woocommerce-cart .outline-btn{
    width:100%;
    min-height:48px;
    justify-content:center;
  }

  .cart-page .summary-head,
  .woocommerce-cart .summary-head{
    height:auto;
    min-height:52px;
    padding:14px;
    flex-wrap:wrap;
    gap:8px;
  }
  .cart-page .summary-head h2,
  .woocommerce-cart .summary-head h2{font-size:18px}
  .cart-page .summary-body,
  .woocommerce-cart .summary-body{padding:14px}

  .cart-page .coupon,
  .woocommerce-cart .coupon{
    grid-template-columns:1fr;
    gap:8px;
    margin-bottom:14px;
  }
  .cart-page .coupon input,
  .woocommerce-cart .coupon input{
    height:46px;
    font-size:16px;
  }
  .cart-page .coupon button,
  .woocommerce-cart .coupon button{
    height:46px;
    width:100%;
  }

  .cart-page .summary-row,
  .woocommerce-cart .summary-row{
    font-size:14px;
    padding:8px 0;
  }
  .cart-page .total strong,
  .woocommerce-cart .total strong{font-size:30px}
  .cart-page .total span,
  .woocommerce-cart .total span{font-size:15px}
  .cart-page .checkout-btn,
  .woocommerce-cart .checkout-btn{
    min-height:52px;
    font-size:16px;
    transform:none;
  }
  .cart-page .checkout-btn:hover,
  .woocommerce-cart .checkout-btn:hover{transform:none}
  .cart-page .pay-icons,
  .woocommerce-cart .pay-icons{
    gap:8px;
    justify-content:flex-start;
  }
  .cart-page .pay-icon,
  .woocommerce-cart .pay-icon{
    width:calc(50% - 4px);
    min-width:0;
  }
  .cart-page .summary-note,
  .woocommerce-cart .summary-note{
    font-size:12px;
    padding:12px;
  }

  .cart-page .related .section-title,
  .woocommerce-cart .related .section-title{
    font-size:20px;
    line-height:1.3;
    text-align:center;
  }
  .cart-page .related .section-head,
  .woocommerce-cart .related .section-head{
    margin-bottom:12px;
  }
  .cart-page .related,
  .woocommerce-cart .related{margin-bottom:22px}
}

@media(max-width:720px){
  body.woocommerce-cart main{
    padding:14px 0 24px;
    overflow-x:hidden;
  }
  .cart-page .cart-card.card,
  .cart-page .summary.card,
  .woocommerce-cart .cart-card.card,
  .woocommerce-cart .summary.card{
    border-radius:12px;
    overflow:hidden;
  }
  .cart-page .cart-layout,
  .woocommerce-cart .cart-layout{
    display:flex;
    flex-direction:column;
  }
  .cart-page .related .product-area,
  .woocommerce-cart .related .product-area{overflow:visible}
  .cart-page .related .related-products-grid,
  .woocommerce-cart .related .related-products-grid,
  .cart-page .related .product-grid,
  .woocommerce-cart .related .product-grid{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:14px;
    padding:2px 14px 12px;
    margin:0 -14px;
    gap:10px;
    grid-template-columns:unset;
    scrollbar-width:none;
  }
  .cart-page .related .related-products-grid::-webkit-scrollbar,
  .woocommerce-cart .related .related-products-grid::-webkit-scrollbar,
  .cart-page .related .product-grid::-webkit-scrollbar,
  .woocommerce-cart .related .product-grid::-webkit-scrollbar{display:none}
  .cart-page .related .product,
  .woocommerce-cart .related .product{
    flex:0 0 auto;
    width:min(72vw,228px);
    min-width:min(72vw,228px);
    scroll-snap-align:start;
    min-height:0;
  }
  .cart-page .related .product:hover,
  .woocommerce-cart .related .product:hover{transform:none;box-shadow:var(--shadow)}
  .cart-page .related .product .product-img,
  .woocommerce-cart .related .product .product-img{
    height:118px;
    min-height:118px;
    margin-bottom:6px;
    padding:10px 6px 6px;
  }
  .cart-page .related.products .product .prod-name,
  .woocommerce-cart .related.products .product .prod-name,
  .cart-page .related .product .prod-name,
  .woocommerce-cart .related .product .prod-name{
    font-size:12px;
    min-height:2.5em;
    max-height:2.5em;
  }
  .cart-page .related.products .product .price strong,
  .woocommerce-cart .related.products .product .price strong,
  .cart-page .related .product .price strong,
  .woocommerce-cart .related .product .price strong{font-size:18px}
  .cart-page .related .product .cart-btn,
  .woocommerce-cart .related .product .cart-btn{
    min-height:40px;
    height:40px;
    font-size:12px;
  }
  .cart-page .related .product .card-quick-actions,
  .woocommerce-cart .related .product .card-quick-actions{display:none}
}

@media(max-width:430px){
  .cart-page.container,
  .woocommerce-cart .cart-page{width:min(100% - 20px,var(--container))}

  .cart-page .page-head h1,
  .woocommerce-cart .page-head h1{font-size:24px}

  .cart-page .step,
  .woocommerce-cart .step{
    font-size:11px;
    padding:8px 4px;
  }

  .cart-page .cart-item,
  .woocommerce-cart .cart-item{
    grid-template-columns:72px 1fr auto;
    padding:12px;
  }
  .cart-page .related .related-products-grid,
  .woocommerce-cart .related .related-products-grid,
  .cart-page .related .product-grid,
  .woocommerce-cart .related .product-grid{
    scroll-padding-inline:10px;
    padding:2px 10px 12px;
    margin:0 -10px;
  }
  .cart-page .related .product,
  .woocommerce-cart .related .product{
    width:min(78vw,200px);
    min-width:min(78vw,200px);
  }
  .cart-page .item-img,
  .woocommerce-cart .item-img{
    height:72px;
    width:72px;
  }
  .cart-page .item-img img,
  .woocommerce-cart .item-img img{height:64px}
  .cart-page .item-info h3,
  .woocommerce-cart .item-info h3{font-size:14px}
  .cart-page .item-price strong,
  .woocommerce-cart .item-price strong{font-size:18px}
  .cart-page .total strong,
  .woocommerce-cart .total strong{font-size:26px}
  .cart-page .related .section-title,
  .woocommerce-cart .related .section-title{font-size:18px}
}

/* ===== Checkout page (match cart style, scoped) ===== */
.woocommerce-checkout{--yellow-soft:#fff1b8;--yellow-dark:#dcae00;--green:#22a35a}
.woocommerce-checkout .breadcrumb{padding:20px 0 12px;color:#777d88;font-size:14px;display:flex;gap:10px;align-items:center;white-space:nowrap;overflow:auto}
.woocommerce-checkout .breadcrumb a{color:#555b65;font-weight:600}.woocommerce-checkout .breadcrumb span{color:#a3a7af}.woocommerce-checkout .breadcrumb strong{color:#242832;font-weight:800}
.woocommerce-checkout .page-head{margin-bottom:22px;border:0;border-radius:18px;background:linear-gradient(105deg,#fff 0%,#fbfbfb 55%,rgba(247,196,0,.11));min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 34px;position:relative;overflow:hidden;box-shadow:0 9px 28px rgba(0,0,0,.045)}
.woocommerce-checkout .page-head:after{content:"";position:absolute;left:-70px;top:-72px;width:190px;height:190px;border:18px solid rgba(247,196,0,.18);transform:rotate(45deg);border-radius:12px}
.woocommerce-checkout .page-head h1{margin:0 0 8px;font-size:39px;font-weight:900;letter-spacing:-.5px}.woocommerce-checkout .page-head h1 span{color:var(--yellow)}.woocommerce-checkout .page-head p{margin:0;color:#555c66;font-size:17px}
.woocommerce-checkout .head-icon{width:86px;height:86px;border-radius:20px;background:var(--yellow);display:grid;place-items:center;box-shadow:0 12px 28px rgba(247,196,0,.22);position:relative;z-index:2}.woocommerce-checkout .head-icon svg{width:46px;height:46px;stroke:#111;fill:none;stroke-width:1.7}
.woocommerce-checkout .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.woocommerce-checkout .step{height:66px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:900;color:#7b818c}.woocommerce-checkout .step-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0f1f4;color:#777}.woocommerce-checkout .step.active{border-color:rgba(247,196,0,.55);color:#14171f;box-shadow:0 6px 18px rgba(247,196,0,.09)}.woocommerce-checkout .step.active .step-number{background:var(--yellow);color:#111}.woocommerce-checkout .step.done{color:#14171f}.woocommerce-checkout .step.done .step-number{background:#111;color:#fff}
.woocommerce-checkout .cart-layout{display:grid;grid-template-columns:1fr 370px;gap:22px;align-items:start;margin-bottom:30px}
.woocommerce-checkout .checkout-page{padding-bottom:48px}
.woocommerce-checkout .cart-top{height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.woocommerce-checkout .cart-top h2{margin:0;font-size:20px;font-weight:900}
.woocommerce-checkout .summary{position:sticky;top:calc(var(--site-header-h) + 12px);overflow:hidden}
.woocommerce-checkout .summary-head{height:58px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.woocommerce-checkout .summary-head h2{margin:0;font-size:20px;font-weight:900}
.woocommerce-checkout .secure{display:flex;align-items:center;gap:7px;color:var(--green);font-size:13px;font-weight:900}
.woocommerce-checkout .secure svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2}
.woocommerce-checkout .summary-body{padding:20px}
.woocommerce-checkout .summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;color:#3f4650;font-size:15px}
.woocommerce-checkout .summary-row b{font-weight:900;color:#171a22}
.woocommerce-checkout .summary-row.shipping b{color:var(--yellow-dark)}
.woocommerce-checkout .divider{height:1px;background:#ececf0;margin:10px 0}
.woocommerce-checkout .total{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:16px 0 6px}
.woocommerce-checkout .total span{font-size:17px;font-weight:900}
.woocommerce-checkout .total strong{font-size:34px;line-height:1;font-weight:900;direction:ltr}
.woocommerce-checkout .vat{color:#777d86;font-size:13px;text-align:left;margin-bottom:18px}
.woocommerce-checkout .pay-icons{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0 2px;flex-wrap:wrap}
.woocommerce-checkout .pay-icon{height:34px;width:calc((100% - 30px) / 4);flex:0 0 auto;padding:0 10px;border:1px solid #e0e1e6;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 8px 18px rgba(17,20,27,.05)}
.woocommerce-checkout .pay-icon img{width:100%;height:18px;display:block;object-fit:contain;max-width:96px}
.woocommerce-checkout .summary-note{margin-top:16px;border:1px solid #edf0f2;border-radius:10px;background:#fbfbfc;padding:13px;color:#5b626d;font-size:13px;line-height:1.55}.woocommerce-checkout .summary-note b{color:#171a22}

/* ===== Checkout form styling (billing/shipping/payment) ===== */
.woocommerce-checkout .checkout-page .woocommerce-form-coupon-toggle{margin:22px 0 0}
.woocommerce-checkout .checkout-page .woocommerce-form-coupon-toggle .woocommerce-info{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.025);padding:14px 16px;font-weight:800;color:#3f4650}
.woocommerce-checkout .checkout-page form.checkout{margin:0}
.woocommerce-checkout form.checkout.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start;margin-bottom:56px}
.woocommerce-checkout form.checkout .checkout-notices--full,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup-checkout{grid-column:1/-1;margin:0 0 14px}
.woocommerce-checkout form.checkout .checkout-card{grid-column:1;grid-row:2}
.woocommerce-checkout form.checkout > .summary{grid-column:2;grid-row:2;align-self:start;height:auto;min-height:0}
.woocommerce-checkout .summary.card{align-self:start}
.woocommerce-checkout .checkout-card{overflow:visible;min-width:0}
.woocommerce-checkout .checkout-fields{padding:18px 20px}
.woocommerce-checkout .woocommerce-shipping-fields{margin-top:16px}
.woocommerce-checkout .checkout-review{padding:24px 20px 28px;margin-top:4px;border-top:1px solid var(--line)}
.woocommerce-checkout .checkout-page h3{margin:0 0 10px;font-size:18px;font-weight:900}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3{margin:0 0 10px;font-size:18px;font-weight:900;color:#1f232b}

.woocommerce-checkout .checkout-notices--full:empty,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup:empty{display:none;margin:0}
.woocommerce-checkout .checkout-notices--full .woocommerce-error,
.woocommerce-checkout .checkout-notices--full .woocommerce-message,
.woocommerce-checkout .checkout-notices--full .woocommerce-info,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-error,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-message,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-info{list-style:none;margin:0;padding:14px 16px;border-radius:12px;font-size:14px;font-weight:800;line-height:1.55}
.woocommerce-checkout .checkout-notices--full .woocommerce-error,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-error{border:1px solid #f0caca;background:#fff5f5;color:#a33030}
.woocommerce-checkout .checkout-notices--full .woocommerce-error li,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-error li{margin:0;padding:0;border:0;background:transparent;color:inherit}
.woocommerce-checkout .checkout-notices--full .woocommerce-error li + li,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-error li + li{margin-top:6px}
.woocommerce-checkout .checkout-notices--full .woocommerce-message,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-message{border:1px solid #bfe8cf;background:#f2fbf6;color:#1f7a45}
.woocommerce-checkout .checkout-notices--full .woocommerce-info,
.woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-info{border:1px solid var(--line);background:#fff;color:#3f4650}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:start}
.woocommerce-checkout .form-row{margin:0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:6px}
.woocommerce-checkout .form-row-wide{grid-column:1/-1}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last{width:auto;float:none;min-width:0}

.woocommerce-checkout label{display:block;font-size:13px;color:#4c525e;font-weight:800;margin:0;line-height:1.35}
.woocommerce-checkout label .required,
.woocommerce-checkout label abbr.required{text-decoration:none;color:#c0392b;border:0}
.woocommerce-checkout .woocommerce-input-wrapper{display:block;width:100%;min-width:0}
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea.input-text,
.woocommerce-checkout select{width:100%;max-width:100%;border:1px solid #e2e4ea;border-radius:12px;outline:0;background:#fbfbfc;transition:.2s;box-sizing:border-box}
.woocommerce-checkout input.input-text,
.woocommerce-checkout select{height:46px;padding:0 14px;font-size:15px}
.woocommerce-checkout textarea.input-text{min-height:110px;padding:10px 14px;font-size:15px;resize:vertical}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea.input-text:focus,
.woocommerce-checkout select:focus{background:#fff;border-color:#c9cbd2;box-shadow:0 0 0 5px rgba(245,196,0,.12)}
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid select,
.woocommerce-checkout .form-row.woocommerce-invalid textarea.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid .select2-container--default .select2-selection--single{border-color:#e8a0a0;background:#fffafa;box-shadow:0 0 0 4px rgba(220,53,69,.08)}
.woocommerce-checkout .form-row .woocommerce-error,
.woocommerce-checkout .form-row .checkout-inline-error-message{display:block;margin:0;padding:0;border:0;background:transparent;color:#a33030;font-size:12px;font-weight:800;line-height:1.4}
.woocommerce-checkout .form-row.woocommerce-invalid label{color:#8b3030}

.woocommerce-checkout .select2-container{width:100%!important;max-width:100%;min-width:0!important}
.woocommerce-checkout .select2-container .select2-selection--single{height:46px;border:1px solid #e2e4ea;border-radius:12px;background:#fbfbfc;display:flex;align-items:center;padding:0 12px;box-sizing:border-box}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0;line-height:1.3;color:#1f232b;font-size:15px;font-weight:700}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px;right:auto;left:10px}
.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single{border-color:#c9cbd2;background:#fff}
.woocommerce-checkout .select2-dropdown{border:1px solid #e2e4ea;border-radius:12px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.12);z-index:120}
.woocommerce-checkout .select2-results__option{padding:10px 12px;font-size:14px}
.woocommerce-checkout .select2-search--dropdown .select2-search__field{border:1px solid #e2e4ea;border-radius:8px;height:40px;padding:0 10px;outline:0}

.woocommerce-checkout #order_review{margin-top:12px}
.woocommerce-checkout #order_review .shop_table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.woocommerce-checkout #order_review .shop_table th,
.woocommerce-checkout #order_review .shop_table td{padding:12px 14px;border-bottom:1px solid #f0f1f4;font-size:14px}
.woocommerce-checkout #order_review .shop_table tr:last-child th,
.woocommerce-checkout #order_review .shop_table tr:last-child td{border-bottom:0}
.woocommerce-checkout #order_review .shop_table th{background:#fbfbfc;font-weight:900;color:#2a2f37}
.woocommerce-checkout #order_review .shop_table td{font-weight:800;color:#3f4650}
.woocommerce-checkout #order_review .order-total td,
.woocommerce-checkout #order_review .order-total th{font-size:15px}

.woocommerce-checkout #payment{margin-top:14px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.woocommerce-checkout #payment ul.payment_methods{margin:0;padding:12px 14px;list-style:none;border-bottom:1px solid #f0f1f4}
.woocommerce-checkout #payment ul.payment_methods li{margin:0;padding:10px 0}
.woocommerce-checkout #payment .payment_box{margin:10px 0 0;background:#fbfbfc;border:1px solid #edf0f2;border-radius:10px;padding:12px;color:#555c66;font-weight:700}
.woocommerce-checkout #payment .place-order{padding:14px}
.woocommerce-checkout #place_order{width:100%;height:54px;border:0;border-radius:9px;background:var(--yellow);font-size:18px;font-weight:900;color:#111;cursor:pointer;box-shadow:0 8px 20px rgba(247,196,0,.22);transition:.22s}
.woocommerce-checkout #place_order:hover{background:var(--yellow-dark);transform:translateY(-2px)}

@media(max-width:1120px){
  .woocommerce-checkout .cart-layout,
  .woocommerce-checkout form.checkout.cart-layout{grid-template-columns:1fr;gap:16px}
  .woocommerce-checkout form.checkout .checkout-card,
  .woocommerce-checkout form.checkout > .summary{grid-column:1;grid-row:auto}
  .woocommerce-checkout .summary{position:relative;top:auto}
}

@media(max-width:720px){
  .woocommerce-checkout .checkout-page.container{
    width:min(100% - 28px,var(--container));
    padding-bottom:24px;
  }

  .woocommerce-checkout .breadcrumb{
    padding:12px 0 10px;
    font-size:12px;
    gap:8px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .woocommerce-checkout .breadcrumb::-webkit-scrollbar{display:none}

  .woocommerce-checkout .page-head{
    flex-direction:column;
    align-items:flex-start;
    padding:20px 16px;
    min-height:0;
    margin-bottom:16px;
    border-radius:14px;
  }
  .woocommerce-checkout .page-head h1{
    font-size:26px;
    margin-bottom:6px;
  }
  .woocommerce-checkout .page-head p{
    font-size:14px;
    line-height:1.5;
  }
  .woocommerce-checkout .head-icon{display:none}

  .woocommerce-checkout .steps{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-bottom:16px;
  }
  .woocommerce-checkout .step{
    height:auto;
    min-height:52px;
    padding:8px 6px;
    font-size:12px;
    gap:6px;
    text-align:center;
    line-height:1.25;
  }
  .woocommerce-checkout .step-number{
    width:26px;
    height:26px;
    font-size:12px;
    flex-shrink:0;
  }

  .woocommerce-checkout form.checkout.cart-layout{
    gap:14px;
    margin-bottom:32px;
  }

  .woocommerce-checkout .checkout-page .woocommerce-form-coupon-toggle{
    margin:0 0 14px;
  }
  .woocommerce-checkout .checkout-page .woocommerce-form-coupon-toggle .woocommerce-info{
    font-size:14px;
    padding:12px 14px;
    border-radius:12px;
  }
  .woocommerce-checkout .checkout-page .checkout_coupon{
    margin-bottom:14px;
  }
  .woocommerce-checkout .checkout-page .checkout_coupon .form-row{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .woocommerce-checkout .checkout-page .checkout_coupon input{
    height:46px;
    font-size:16px;
  }
  .woocommerce-checkout .checkout-page .checkout_coupon button{
    width:100%;
    min-height:46px;
  }

  .woocommerce-checkout .cart-top{
    height:auto;
    min-height:0;
    padding:14px;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
  .woocommerce-checkout .cart-top h2{
    font-size:17px;
    line-height:1.35;
  }
  .woocommerce-checkout .cart-top > span{
    font-size:13px!important;
    font-weight:700!important;
    color:#8a909a!important;
  }

  .woocommerce-checkout .checkout-fields{
    padding:14px;
    overflow:visible;
  }
  .woocommerce-checkout .woocommerce-billing-fields h3,
  .woocommerce-checkout .woocommerce-shipping-fields h3,
  .woocommerce-checkout .woocommerce-additional-fields h3,
  .woocommerce-checkout .checkout-page h3{
    font-size:17px;
    margin-bottom:10px;
  }
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
    grid-template-columns:1fr;
    gap:12px;
  }
  .woocommerce-checkout input.input-text,
  .woocommerce-checkout select,
  .woocommerce-checkout textarea.input-text{
    font-size:16px;
  }
  .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size:16px;
  }

  .woocommerce-checkout #ship-to-different-address{
    margin:12px 0;
    font-size:14px;
    font-weight:800;
  }
  .woocommerce-checkout #ship-to-different-address label{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:44px;
  }

  .woocommerce-checkout .checkout-review{
    padding:16px 14px 20px;
  }
  .woocommerce-checkout #order_review .shop_table{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:12px;
  }
  .woocommerce-checkout #order_review .shop_table thead th{
    font-size:13px;
    padding:10px 12px;
  }
  .woocommerce-checkout #order_review .shop_table tbody td,
  .woocommerce-checkout #order_review .shop_table tfoot th,
  .woocommerce-checkout #order_review .shop_table tfoot td{
    font-size:13px;
    padding:10px 12px;
  }
  .woocommerce-checkout #order_review .order-total td,
  .woocommerce-checkout #order_review .order-total th{
    font-size:14px;
  }

  .woocommerce-checkout #payment ul.payment_methods{
    padding:10px 12px;
  }
  .woocommerce-checkout #payment ul.payment_methods li{
    padding:8px 0;
  }
  .woocommerce-checkout #payment ul.payment_methods li label{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:44px;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
  }
  .woocommerce-checkout #payment .payment_box{
    font-size:13px;
    padding:10px 12px;
  }
  .woocommerce-checkout #payment .place-order{
    padding:12px;
  }
  .woocommerce-checkout #place_order{
    min-height:52px;
    font-size:16px;
  }

  .woocommerce-checkout .summary-head{
    height:auto;
    min-height:52px;
    padding:14px;
    flex-wrap:wrap;
    gap:8px;
  }
  .woocommerce-checkout .summary-head h2{
    font-size:18px;
  }
  .woocommerce-checkout .summary-body{
    padding:14px;
  }
  .woocommerce-checkout .summary-row{
    font-size:14px;
    padding:8px 0;
  }
  .woocommerce-checkout .total strong{
    font-size:30px;
  }
  .woocommerce-checkout .pay-icons{
    gap:8px;
    justify-content:flex-start;
  }
  .woocommerce-checkout .pay-icon{
    width:calc(50% - 4px);
    min-width:0;
  }
  .woocommerce-checkout .summary-note{
    font-size:12px;
    padding:12px;
  }

  .woocommerce-checkout .checkout-notices--full .woocommerce-error,
  .woocommerce-checkout .checkout-notices--full .woocommerce-message,
  .woocommerce-checkout .checkout-notices--full .woocommerce-info,
  .woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-error,
  .woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-message,
  .woocommerce-checkout form.checkout .woocommerce-NoticeGroup .woocommerce-info{
    font-size:13px;
    padding:12px 14px;
  }
}

@media(max-width:430px){
  .woocommerce-checkout .checkout-page.container{
    width:min(100% - 20px,var(--container));
    padding-bottom:20px;
  }
  .woocommerce-checkout .page-head h1{font-size:24px}
  .woocommerce-checkout .step{
    font-size:11px;
    padding:8px 4px;
  }
  .woocommerce-checkout .checkout-fields,
  .woocommerce-checkout .checkout-review{
    padding-left:12px;
    padding-right:12px;
  }
  .woocommerce-checkout .total strong{font-size:26px}
}

/* ===== My Account page ===== */
.woocommerce-account .account-page.container,
.woocommerce-account .order-received-page--auth.container,
.woocommerce-account main > .container,
.woocommerce-account main .container{
  padding:24px 0;
  box-sizing:border-box;
  max-width:100%;
  width:min(var(--container),calc(100% - 48px));
  margin-inline:auto;
}
.woocommerce-account .account-page .breadcrumb,
.woocommerce-account .order-received-page--auth .breadcrumb{
  padding:20px 0 12px;
}
.woocommerce-account .account-page .woocommerce,
.woocommerce-account .account-page.container .woocommerce,
.woocommerce-account .account-page .cfix-myaccount-root,
.woocommerce-account .order-received-page--auth .woocommerce,
.woocommerce-account .order-received-page--auth.container .woocommerce,
.woocommerce-account .order-received-page--auth .cfix-myaccount-root{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-inline:0;
}
.woocommerce-account .account-page > .woocommerce,
.woocommerce-account .account-page > .cfix-myaccount-root,
.woocommerce-account .order-received-page--auth > .woocommerce,
.woocommerce-account .order-received-page--auth > .cfix-myaccount-root{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-inline:0;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{
  min-width:0;
  max-width:100%;
}
/* Page editor / blocks may add a nested .woocommerce — flatten for the account grid only */
.woocommerce-account .account-page .cfix-myaccount-root:has(.woocommerce-MyAccount-navigation) .woocommerce,
.woocommerce-account .account-page .woocommerce:has(.woocommerce-MyAccount-navigation) .woocommerce{
  display:contents;
  width:auto;
  max-width:none;
  min-width:0;
  margin:0;
}
.woocommerce-account .woocommerce-MyAccount-navigation{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.025);overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:grid}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid #f0f1f4}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 14px;
  font-weight:900;
  color:#222832;
  text-decoration:none;
  cursor:pointer;
  position:relative;
  z-index:3;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a{background:rgba(247,196,0,.18);color:#111}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:#fbfbfc}

.woocommerce-account .woocommerce-MyAccount-content{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.025);padding:22px 24px}
.woocommerce-account .woocommerce-MyAccount-content p{margin:0 0 12px;color:#3f4650;font-size:15px;line-height:1.75;font-weight:600}
.woocommerce-account .woocommerce-MyAccount-content p:last-child{margin-bottom:0}
.woocommerce-account .woocommerce-MyAccount-content a{font-weight:900}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{margin:0 0 12px;font-size:18px;font-weight:900;color:#1f232b}

.woocommerce-account .account-page > .woocommerce,
.woocommerce-account .account-page > .cfix-myaccount-root,
.woocommerce-account .order-received-page--auth > .woocommerce,
.woocommerce-account .order-received-page--auth > .cfix-myaccount-root{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.woocommerce-account .account-page > .woocommerce:not(:has(.woocommerce-MyAccount-navigation)),
.woocommerce-account .account-page > .cfix-myaccount-root:not(:has(.woocommerce-MyAccount-navigation)),
.woocommerce-account .order-received-page--auth > .woocommerce:not(:has(.woocommerce-MyAccount-navigation)),
.woocommerce-account .order-received-page--auth > .cfix-myaccount-root:not(:has(.woocommerce-MyAccount-navigation)){
  display:block;
  max-width:960px;
  margin-inline:auto;
}
.woocommerce-account .account-page > .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) #customer_login,
.woocommerce-account .account-page > .cfix-myaccount-root:not(:has(.woocommerce-MyAccount-navigation)) #customer_login,
.woocommerce-account .order-received-page--auth > .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) #customer_login,
.woocommerce-account .order-received-page--auth > .cfix-myaccount-root:not(:has(.woocommerce-MyAccount-navigation)) #customer_login{
  width:100%;
  max-width:920px;
  margin-inline:auto;
}
.woocommerce-account .woocommerce-MyAccount-content{
  width:100%;
  min-width:0;
}
.woocommerce-account .woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 16px;font-weight:800;color:#3f4650}
.woocommerce-account .woocommerce-error{border-color:#ffd1d1;background:#fff4f4;color:#8b1f1f}

.woocommerce-account input.input-text,
.woocommerce-account select,
.woocommerce-account textarea{width:100%;border:1px solid #e2e4ea;border-radius:12px;outline:0;background:#fbfbfc;transition:.2s}
.woocommerce-account input.input-text,
.woocommerce-account select{height:46px;padding:0 14px;font-size:15px}
.woocommerce-account textarea{min-height:110px;padding:10px 14px;font-size:15px;resize:vertical}
.woocommerce-account input.input-text:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus{background:#fff;border-color:#c9cbd2;box-shadow:0 0 0 5px rgba(245,196,0,.12)}
.woocommerce-account button.button,
.woocommerce-account input.button,
.woocommerce-account a.button{height:48px;border:0;border-radius:14px;background:var(--yellow);color:#111;font-weight:900;font-size:16px;cursor:pointer;transition:.2s;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}
.woocommerce-account button.button:hover,
.woocommerce-account input.button:hover,
.woocommerce-account a.button:hover{background:var(--yellow-dark);transform:translateY(-1px)}

.woocommerce-account .woocommerce-form-row,
.woocommerce-account .form-row{
  margin:0 0 14px;
  padding:0;
  min-width:0;
}
.woocommerce-account .woocommerce-form-row label,
.woocommerce-account .form-row label{
  display:block;
  font-size:13px;
  font-weight:800;
  margin-bottom:6px;
  color:#3f4650;
}
.woocommerce-account .woocommerce-form-row .required,
.woocommerce-account .form-row .required{
  color:#c0392b;
  font-weight:900;
}
/* Account login — split layout (reference design) */
.woocommerce-account #customer_login.cfix-account-auth{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  float:none;
  width:100%;
  max-width:920px;
  margin:8px auto 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  box-sizing:border-box;
}
.woocommerce-account #customer_login.cfix-account-auth::before,
.woocommerce-account #customer_login.cfix-account-auth::after{
  display:none;
  content:none;
}
.cfix-account-auth__panel{
  padding:36px 40px 40px;
  min-width:0;
  box-sizing:border-box;
}
.cfix-account-auth__panel--register{
  border-inline-end:0;
}
.cfix-account-auth__title{
  margin:0 0 22px;
  font-size:26px;
  font-weight:900;
  color:#15181f;
  letter-spacing:-.3px;
  line-height:1.2;
}
.cfix-account-auth__lead{
  margin:0 0 18px;
  font-size:15px;
  line-height:1.65;
  color:#1f232b;
}
.cfix-account-auth__lead strong{
  font-weight:800;
}
.cfix-account-auth__benefits{
  list-style:none;
  margin:0 0 28px;
  padding:0;
  display:grid;
  gap:12px;
}
.cfix-account-auth__benefits li{
  position:relative;
  padding-inline-start:30px;
  font-size:15px;
  font-weight:600;
  line-height:1.5;
  color:#3f4650;
}
.cfix-account-auth__benefits li::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:.15em;
  width:18px;
  height:18px;
  border-radius:4px;
  border:1px solid #c5c8d0;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.2 6.4 11 12.5 5' stroke='%231f232b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;
}
.cfix-account-auth__hint{
  margin:0 0 14px;
  font-size:14px;
  font-weight:600;
  color:#656b74;
  line-height:1.5;
}
.cfix-account-auth__register-wrap{
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid var(--line);
}
.cfix-account-auth__register-wrap[hidden]{
  display:none!important;
}
.cfix-account-auth .woocommerce-form-login,
.cfix-account-auth .woocommerce-form-register{
  margin:0;
}
.cfix-account-auth .woocommerce-form-row,
.cfix-account-auth .form-row{
  margin:0 0 14px;
}
.cfix-account-auth .woocommerce-form-row label.screen-reader-text,
.cfix-account-auth .form-row label.screen-reader-text{
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  width:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  white-space:nowrap;
}
.cfix-account-auth input.input-text{
  width:100%;
  height:48px;
  padding:0 14px;
  border:1px solid #d8dbe2;
  border-radius:10px;
  background:#fff;
  font-size:15px;
  font-weight:500;
  color:#1f232b;
  box-sizing:border-box;
}
.cfix-account-auth input.input-text::placeholder{
  color:#9aa0ab;
  font-weight:500;
}
.cfix-account-auth input.input-text:focus{
  border-color:#b8bcc6;
  box-shadow:0 0 0 4px rgba(247,196,0,.2);
  outline:0;
}
.cfix-account-auth__actions{
  margin:6px 0 0!important;
}
.cfix-account-auth__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:50px;
  padding:0 18px;
  border-radius:10px;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  transition:.2s;
  box-sizing:border-box;
  text-decoration:none;
}
.cfix-account-auth__btn--primary,
.woocommerce-account .cfix-account-auth__btn--primary.button{
  border:0;
  background:var(--yellow)!important;
  color:#111!important;
}
.cfix-account-auth__btn--primary:hover,
.woocommerce-account .cfix-account-auth__btn--primary.button:hover{
  background:var(--yellow-dark)!important;
  color:#111!important;
  transform:none;
}
.cfix-account-auth__btn--outline{
  border:2px solid var(--yellow);
  background:#fff;
  color:#111;
}
.cfix-account-auth__btn--outline:hover{
  background:rgba(247,196,0,.12);
}
.cfix-account-auth__btn--google{
  border:1px solid #d8dbe2;
  background:#fff;
  color:#1f232b;
  font-weight:700;
}
.cfix-account-auth__btn--google:hover{
  background:#fafbfc;
  border-color:#c5c8d0;
}
.cfix-account-auth__google-icon{
  flex:0 0 20px;
  width:20px;
  height:20px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.9 32.7 29.4 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34.5 6.1 29.6 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.7-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.5 15.1 18.8 12 24 12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34.5 6.1 29.6 4 24 4 16.3 4 9.6 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 10-2 13.6-5.2l-6.3-5.2C29.4 36 24 36 24 36c-5.4 0-9.9-3.3-11.3-8H6.3c3.3 8.4 11.2 14 17.7 14z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.7 2.1-2 3.9-3.7 5.2l6.3 5.2C39.9 35.9 44 30.6 44 24c0-1.3-.1-2.7-.4-3.5z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.cfix-account-auth__forgot{
  margin:16px 0 0!important;
  text-align:center;
}
.cfix-account-auth__forgot a{
  font-size:14px;
  font-weight:700;
  color:#1f232b;
  text-decoration:underline;
  text-underline-offset:3px;
}
.cfix-account-auth__divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:22px 0 18px;
  color:#8b919c;
  font-size:14px;
  font-weight:600;
}
.cfix-account-auth__divider::before,
.cfix-account-auth__divider::after{
  content:"";
  flex:1;
  height:1px;
  background:#e2e4ea;
}
.cfix-account-auth .password-input{
  position:relative;
  display:block;
}
.cfix-account-auth .password-input input{
  padding-inline-end:48px!important;
}
.cfix-account-auth button.show-password-input{
  position:absolute;
  inset-inline-end:6px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  margin:0;
  padding:0;
  border:0;
  border-radius:10px;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234c525e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/20px 20px no-repeat;
  cursor:pointer;
  font-size:0;
  color:transparent;
}

.woocommerce-account #customer_login.col2-set,
.woocommerce-account .u-columns.col2-set#customer_login{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  float:none;
  width:100%;
  margin-top:8px;
}
.woocommerce-account #customer_login.col2-set::before,
.woocommerce-account #customer_login.col2-set::after{
  display:none;
  content:none;
}
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2,
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2{
  float:none!important;
  width:auto!important;
  max-width:none!important;
  min-width:0;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 28px rgba(0,0,0,.04);
  padding:26px 28px 28px;
  box-sizing:border-box;
}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register{
  margin:0;
}
.woocommerce-account #customer_login h2,
.woocommerce-account .woocommerce-form-login > h2,
.woocommerce-account .woocommerce-form-register > h2{
  margin:0 0 8px;
  font-size:24px;
  font-weight:900;
  color:#15181f;
  letter-spacing:-.3px;
}
.woocommerce-account #customer_login .col-1 > p,
.woocommerce-account #customer_login .col-2 > p,
.woocommerce-account .woocommerce-form-login > p:first-of-type,
.woocommerce-account .woocommerce-form-register > p:first-of-type{
  margin:0 0 20px;
  color:#656b74;
  font-size:14px;
  font-weight:600;
  line-height:1.55;
}
.woocommerce-account .woocommerce-form-login .woocommerce-form-row,
.woocommerce-account .woocommerce-form-register .woocommerce-form-row,
.woocommerce-account .woocommerce-form-login .form-row,
.woocommerce-account .woocommerce-form-register .form-row{
  margin-bottom:14px;
}
.woocommerce-account .woocommerce-form-login .form-row label,
.woocommerce-account .woocommerce-form-register .form-row label,
.woocommerce-account .woocommerce-form-login .woocommerce-form-row label,
.woocommerce-account .woocommerce-form-register .woocommerce-form-row label{
  display:block;
  font-size:13px;
  font-weight:800;
  margin-bottom:6px;
  color:#3f4650;
}
.woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme){
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  margin:8px 0 0;
}
.woocommerce-account .woocommerce-form-login label.woocommerce-form-login__rememberme{
  display:flex;
  align-items:center;
  gap:8px;
  order:1;
  margin:0;
  width:100%;
  font-size:14px;
  font-weight:700;
  color:#3f4650;
  cursor:pointer;
}
.woocommerce-account .woocommerce-form-login label.woocommerce-form-login__rememberme input[type="checkbox"]{
  margin:0;
  width:16px;
  height:16px;
  min-width:16px;
  flex:0 0 16px;
}
.woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) button[type="submit"]{
  order:2;
  width:100%;
  margin:0;
}
.woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) input[type="hidden"]{
  display:none!important;
}
.woocommerce-account .woocommerce-form-register .form-row:has(button[type="submit"]){
  margin:8px 0 0;
}
.woocommerce-account .woocommerce-form-login .woocommerce-button,
.woocommerce-account .woocommerce-form-login button.button,
.woocommerce-account .woocommerce-form-register .woocommerce-button,
.woocommerce-account .woocommerce-form-register button.button{
  width:100%;
  min-height:48px;
}
.woocommerce-account .woocommerce-LostPassword,
.woocommerce-account .woocommerce-form-login .lost_password,
.woocommerce-account p.lost_password{
  margin:14px 0 0;
  text-align:center;
}
.woocommerce-account .woocommerce-LostPassword a,
.woocommerce-account .woocommerce-form-login .lost_password a,
.woocommerce-account p.lost_password a{
  font-size:14px;
  font-weight:800;
  color:#1f232b;
  text-decoration:none;
}
.woocommerce-account .woocommerce-LostPassword a:hover,
.woocommerce-account .woocommerce-form-login .lost_password a:hover,
.woocommerce-account p.lost_password a:hover{
  text-decoration:underline;
}
/* Password field + show/hide toggle (WooCommerce core styles are dequeued) */
.woocommerce-account .password-input,
.woocommerce .password-input{
  position:relative;
  display:block;
  width:100%;
}
.woocommerce-account .password-input input.input-text,
.woocommerce-account .password-input input[type="password"],
.woocommerce-account .password-input input[type="text"],
.woocommerce .password-input input.input-text,
.woocommerce .password-input input[type="password"],
.woocommerce .password-input input[type="text"]{
  width:100%;
  padding-inline-end:48px!important;
  box-sizing:border-box;
}
.woocommerce-account button.show-password-input,
.woocommerce button.show-password-input{
  position:absolute;
  inset-inline-end:6px;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  margin:0;
  padding:0;
  border:0;
  border-radius:10px;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:center;
  background-size:20px 20px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234c525e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  cursor:pointer;
  font-size:0;
  line-height:0;
  color:transparent;
  overflow:hidden;
  text-indent:-9999px;
  box-sizing:border-box;
  -webkit-appearance:none;
  appearance:none;
}
.woocommerce-account button.show-password-input:hover,
.woocommerce button.show-password-input:hover{
  background-color:#f3f4f6;
}
.woocommerce-account button.show-password-input.display-password,
.woocommerce button.show-password-input.display-password{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234c525e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-10-8-10-8a18.45 18.45 0 0 1 5.06-6.94'/%3E%3Cpath d='M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 10 8 10 8a18.5 18.5 0 0 1-2.16 3.19'/%3E%3Cpath d='M14.12 14.12a3 3 0 1 1-4.24-4.24'/%3E%3Cpath d='M1 1l22 22'/%3E%3C/svg%3E");
}
.woocommerce-account button.show-password-input:focus-visible,
.woocommerce button.show-password-input:focus-visible{
  outline:2px solid var(--yellow);
  outline-offset:2px;
}
.woocommerce-account button.show-password-input .screen-reader-text,
.woocommerce button.show-password-input .screen-reader-text{
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  width:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  white-space:nowrap;
  word-wrap:normal!important;
}
/* Single login column (registration off) — centered card */
.woocommerce-account #customer_login.col2-set:has(.col-2:empty),
.woocommerce-account #customer_login.col2-set:not(:has(.col-2)){
  display:block;
  max-width:480px;
  margin-inline:auto;
}
.woocommerce-account #customer_login.col2-set:has(.col-2:empty) .col-1,
.woocommerce-account #customer_login.col2-set:not(:has(.col-2)) .col-1{
  max-width:100%;
}
.woocommerce-account .account-page .cfix-myaccount-root > form.woocommerce-form-login,
.woocommerce-account .account-page .cfix-myaccount-root > form.woocommerce-form-register{
  max-width:480px;
  margin-inline:auto;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 28px rgba(0,0,0,.04);
  padding:26px 28px 28px;
  box-sizing:border-box;
}
@media(min-width:721px){
  .woocommerce-account form.woocommerce-EditAccountForm{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:16px;
    row-gap:0;
  }
  .woocommerce-account form.woocommerce-EditAccountForm .form-row-wide,
  .woocommerce-account form.woocommerce-EditAccountForm fieldset,
  .woocommerce-account form.woocommerce-EditAccountForm > .clear,
  .woocommerce-account form.woocommerce-EditAccountForm > button,
  .woocommerce-account form.woocommerce-EditAccountForm > p:has(.button),
  .woocommerce-account form.woocommerce-EditAccountForm > p:has(button){
    grid-column:1/-1;
  }
  .woocommerce-account form.woocommerce-EditAccountForm .form-row-first{
    grid-column:1;
  }
  .woocommerce-account form.woocommerce-EditAccountForm .form-row-last{
    grid-column:2;
  }
  .woocommerce-account .woocommerce-address-fields__field-wrapper{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:16px;
    row-gap:0;
  }
  .woocommerce-account .woocommerce-address-fields .form-row-wide{
    grid-column:1/-1;
  }
}

.woocommerce-account .woocommerce-MyAccount-content mark{
  background:rgba(247,196,0,.22);
  color:#111;
  padding:1px 8px;
  border-radius:6px;
  font-weight:900;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type:has(mark),
.woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-order-details) > p:first-of-type{
  padding:14px 16px;
  border:1px solid #eceef2;
  border-radius:12px;
  background:#fafbfc;
  font-size:14px;
  line-height:1.6;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type:has(mark) a,
.woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-order-details) > p:first-of-type a{
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:2px;
}
.woocommerce-account .woocommerce-order-details,
.woocommerce-account .woocommerce-customer-details{
  margin-top:22px;
}
.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-column__title,
.woocommerce-account .woocommerce-customer-details > h2{
  margin:0 0 14px;
  font-size:19px;
  font-weight:900;
  color:#1f232b;
}
.woocommerce-account table.shop_table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  margin:0 0 18px;
  font-size:14px;
}
.woocommerce-account table.shop_table thead th{
  padding:12px 16px;
  border-bottom:1px solid #f0f1f4;
  background:#fbfbfc;
  font-weight:900;
  color:#2a2f37;
  text-align:right;
}
.woocommerce-account table.shop_table tbody td,
.woocommerce-account table.shop_table tbody th{
  padding:14px 16px;
  border-bottom:1px solid #f0f1f4;
  vertical-align:middle;
  color:#3f4650;
  font-weight:700;
}
.woocommerce-account table.shop_table tbody tr:last-child td,
.woocommerce-account table.shop_table tbody tr:last-child th{
  border-bottom:0;
}
.woocommerce-account table.shop_table tfoot th,
.woocommerce-account table.shop_table tfoot td{
  padding:11px 16px;
  border-top:1px solid #f0f1f4;
  background:#fafbfc;
  font-weight:800;
  color:#3f4650;
}
.woocommerce-account table.shop_table tfoot tr:first-child th,
.woocommerce-account table.shop_table tfoot tr:first-child td{
  border-top:1px solid #eceef2;
}
.woocommerce-account table.shop_table tfoot tr:last-child th,
.woocommerce-account table.shop_table tfoot tr:last-child td{
  background:#fbfbfc;
  font-size:16px;
  font-weight:900;
  color:#111;
}
.woocommerce-account .woocommerce-table--order-details .product-name a{
  font-weight:900;
  color:#1f232b;
  text-decoration:none;
}
.woocommerce-account .woocommerce-table--order-details .product-name a:hover{
  color:#000;
  text-decoration:underline;
}
.woocommerce-account .woocommerce-table--order-details .product-quantity{
  color:#7b818c;
  font-weight:800;
}
.woocommerce-account .woocommerce-table--order-details .product-total,
.woocommerce-account .woocommerce-table--order-details tfoot td{
  direction:ltr;
  text-align:left;
  font-weight:900;
  color:#171b23;
  white-space:nowrap;
}
.woocommerce-account .woocommerce-table--order-details tfoot th{
  text-align:right;
  width:42%;
  color:#5b616c;
}
.woocommerce-account .woocommerce-table--order-details .wc-item-meta{
  margin:8px 0 0;
  padding:0;
  list-style:none;
  font-size:12px;
  color:#7b818c;
  font-weight:700;
}
.woocommerce-account .woocommerce-table--order-details .wc-item-meta li{
  margin:0 0 4px;
}
.woocommerce-account .woocommerce-customer-details .woocommerce-columns,
.woocommerce-account .woocommerce-customer-details .col2-set.addresses{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.woocommerce-account .woocommerce-customer-details .woocommerce-column,
.woocommerce-account .woocommerce-customer-details .col-1,
.woocommerce-account .woocommerce-customer-details .col-2{
  border:1px solid var(--line);
  border-radius:12px;
  padding:16px 18px;
  background:#fafbfc;
  min-width:0;
}
.woocommerce-account .woocommerce-customer-details address{
  font-style:normal;
  line-height:1.75;
  font-size:14px;
  color:#4c525e;
  font-weight:700;
}
.woocommerce-account .woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-account .woocommerce-customer-details .woocommerce-customer-details--email{
  margin-top:8px;
  font-size:14px;
  font-weight:700;
  color:#4c525e;
}
.woocommerce-account .woocommerce-order-overview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  list-style:none;
  margin:0 0 18px;
  padding:0;
}
.woocommerce-account .woocommerce-order-overview li{
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
  background:#fafbfc;
  font-size:13px;
  line-height:1.5;
  color:#5b616c;
  font-weight:700;
  min-width:0;
}
.woocommerce-account .woocommerce-order-overview li strong{
  display:block;
  margin-bottom:4px;
  font-size:12px;
  color:#3f4650;
  font-weight:900;
}
.woocommerce-account .woocommerce-order-again{
  margin-top:4px;
}
.woocommerce-account .woocommerce-order-again .button{
  width:auto;
  min-height:44px;
  font-size:15px;
}

/* Addresses page */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .woocommerce-MyAccount-content > .u-columns.col2-set.addresses,
.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
  float:none;
  width:100%;
}
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after,
.woocommerce-account .col2-set.addresses::before,
.woocommerce-account .col2-set.addresses::after{
  display:none;
  content:none;
}
.woocommerce-account .col2-set.addresses .col-1,
.woocommerce-account .col2-set.addresses .col-2,
.woocommerce-account .col2-set.addresses .u-column1,
.woocommerce-account .col2-set.addresses .u-column2,
.woocommerce-account .woocommerce-Addresses .u-column1,
.woocommerce-account .woocommerce-Addresses .u-column2{
  float:none!important;
  width:auto!important;
  max-width:none!important;
}
.woocommerce-account .woocommerce-Address{
  border:1px solid var(--line);
  border-radius:14px;
  padding:18px 20px;
  background:#fafbfc;
  min-width:0;
  margin:0;
}
.woocommerce-account .woocommerce-Address-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 14px;
  padding-bottom:12px;
  border-bottom:1px solid #eceef2;
}
.woocommerce-account .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-Address-title .title h3{
  margin:0;
  font-size:18px;
  font-weight:900;
  color:#1f232b;
}
.woocommerce-account .woocommerce-Address-title .edit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid #e2e4ea;
  background:#fff;
  font-size:13px;
  font-weight:900;
  color:#222832;
  text-decoration:none;
  transition:border-color .2s,background .2s,color .2s;
  white-space:nowrap;
}
.woocommerce-account .woocommerce-Address-title .edit:hover{
  border-color:rgba(247,196,0,.65);
  background:rgba(247,196,0,.12);
  color:#111;
}
.woocommerce-account .woocommerce-Address address{
  display:block;
  font-style:normal;
  line-height:1.75;
  color:#4c525e;
  font-size:14px;
  font-weight:700;
  padding:14px 16px;
  border:1px dashed #e4e6eb;
  border-radius:10px;
  background:#fff;
  margin:0;
  white-space:pre-line;
}
.woocommerce-account .woocommerce-address-fields{
  margin-top:8px;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper{
  display:grid;
  gap:4px;
}
.woocommerce-account .woocommerce-address-fields .form-row,
.woocommerce-account .woocommerce-address-fields .woocommerce-form-row{
  float:none!important;
  width:100%!important;
  margin:0 0 12px;
  clear:both;
}
.woocommerce-account .woocommerce-address-fields label{
  display:block;
  font-size:13px;
  font-weight:800;
  margin-bottom:6px;
  color:#3f4650;
}
.woocommerce-account .woocommerce-address-fields .woocommerce-input-wrapper{
  display:block;
}
.woocommerce-account .woocommerce-address-fields .select2-container{
  width:100%!important;
}
.woocommerce-account form .button[name="save_address"],
.woocommerce-account .woocommerce-EditAddressForm .button{
  width:auto;
  min-width:168px;
  margin-top:4px;
}

@media(max-width:980px){
  .woocommerce-account .account-page > .woocommerce,
  .woocommerce-account .account-page > .cfix-myaccount-root{grid-template-columns:1fr}
  .woocommerce-account .woocommerce-MyAccount-navigation{
    position:relative;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
    max-width:none;
    width:100%;
    min-width:0;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation::before,
  .woocommerce-account .woocommerce-MyAccount-navigation::after{
    content:"";
    position:absolute;
    top:0;
    bottom:12px;
    width:22px;
    pointer-events:none;
    z-index:2;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation::before{
    right:0;
    background:linear-gradient(to left,#fff 10%,rgba(255,255,255,0));
  }
  .woocommerce-account .woocommerce-MyAccount-navigation::after{
    left:0;
    background:linear-gradient(to right,#fff 10%,rgba(255,255,255,0));
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:8px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scroll-padding-inline:14px;
    padding:2px 14px 12px;
    margin:0;
    width:100%;
    min-width:0;
    max-width:none;
    scrollbar-width:none;
    list-style:none;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  .woocommerce-account .woocommerce-MyAccount-navigation li{
    flex:0 0 auto;
    border-bottom:0;
    scroll-snap-align:center;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation a{
    white-space:nowrap;
    padding:10px 14px;
    min-height:44px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
    font-size:13px;
    font-weight:900;
    box-shadow:0 3px 12px rgba(0,0,0,.04);
    justify-content:center;
    text-decoration:none;
    color:#222832;
    cursor:pointer;
    position:relative;
    z-index:3;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a{
    background:var(--yellow);
    border-color:rgba(247,196,0,.55);
    box-shadow:0 4px 14px rgba(247,196,0,.18);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation a:hover{
    background:#fff;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a:hover{
    background:var(--yellow);
  }
  .woocommerce-account .woocommerce-order-overview{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .woocommerce-account .woocommerce-customer-details .woocommerce-columns,
  .woocommerce-account .woocommerce-customer-details .col2-set.addresses,
  .woocommerce-account .woocommerce-Addresses,
  .woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses,
  .woocommerce-account #customer_login.col2-set,
  .woocommerce-account #customer_login.cfix-account-auth{
    grid-template-columns:1fr;
  }
  .cfix-account-auth__panel--register,
  .cfix-account-auth__panel--login{
    border:0;
  }
  .woocommerce-account main > .container,
  .woocommerce-account main .container,
  .woocommerce-account .account-page.container{
    width:min(100% - 28px,var(--container));
    margin-inline:auto;
    padding-block:20px;
    padding-inline:0;
  }
  .woocommerce-account .account-page > .woocommerce,
  .woocommerce-account .account-page > .cfix-myaccount-root{
    width:100%;
    max-width:100%;
  }
}

@media(max-width:720px){
  .woocommerce-account main{
    padding:0;
    overflow-x:clip;
    width:100%;
    max-width:100%;
  }
  .woocommerce-account main > .container,
  .woocommerce-account main .container,
  .woocommerce-account .account-page.container{
    width:100%;
    max-width:100%;
    min-width:0;
    margin-inline:auto;
    padding:14px 12px 24px !important;
    overflow-x:clip;
  }
  .woocommerce-account .account-page .breadcrumb{
    padding:12px 0 10px;
  }
  .woocommerce-account .account-page > .woocommerce,
  .woocommerce-account .account-page > .cfix-myaccount-root{
    width:100%;
    max-width:100%;
    min-width:0;
    margin-inline:0;
    gap:12px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation{
    margin-inline:-12px;
    width:calc(100% + 24px);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation::before,
  .woocommerce-account .woocommerce-MyAccount-navigation::after{
    bottom:10px;
    width:18px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    gap:6px;
    scroll-padding-inline:12px;
    padding:2px 12px 10px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation a{
    padding:9px 12px;
    min-height:42px;
    font-size:13px;
  }

  .woocommerce-account .woocommerce-MyAccount-content{
    padding:14px 12px;
    border-radius:12px;
    overflow-x:clip;
    max-width:100%;
    min-width:0;
  }
  .woocommerce-account .woocommerce-MyAccount-content p{
    font-size:14px;
    line-height:1.65;
    word-break:break-word;
    overflow-wrap:anywhere;
    max-width:100%;
  }
  .woocommerce-account .woocommerce-MyAccount-content h2,
  .woocommerce-account .woocommerce-MyAccount-content h3{
    font-size:17px;
    margin-bottom:10px;
  }
  .woocommerce-account .woocommerce-MyAccount-content mark{
    background:rgba(247,196,0,.22);
    color:#111;
    padding:1px 6px;
    border-radius:4px;
    font-weight:900;
  }
  .woocommerce-account .woocommerce-MyAccount-content > p:first-of-type:has(mark),
  .woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-order-details) > p:first-of-type{
    padding:12px;
    border:1px solid #eceef2;
    border-radius:12px;
    background:#fafbfc;
    font-size:13px;
    line-height:1.55;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .woocommerce-account .woocommerce-MyAccount-content > p:first-of-type:has(mark) a,
  .woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-order-details) > p:first-of-type a{
    display:inline;
    font-weight:900;
    text-decoration:underline;
    text-underline-offset:2px;
  }

  .woocommerce-account input.input-text,
  .woocommerce-account select,
  .woocommerce-account textarea{
    font-size:16px;
  }
  .woocommerce-account button.button,
  .woocommerce-account input.button,
  .woocommerce-account a.button{
    width:100%;
    min-height:48px;
  }
  .woocommerce-account .woocommerce-MyAccount-content .button + .button,
  .woocommerce-account .woocommerce-MyAccount-content a.button + a.button{
    margin-top:8px;
  }
  .woocommerce-account .woocommerce-Address-title a:not(.edit),
  .woocommerce-account .woocommerce-MyAccount-content p a:not(.button){
    width:auto;
    min-height:0;
    display:inline;
    padding:0;
    background:transparent;
    transform:none;
  }
  .woocommerce-account .woocommerce-Address-title .edit{
    display:inline-flex;
    width:auto;
    min-height:36px;
    padding:0 14px;
    background:#fff;
    border:1px solid #e2e4ea;
    border-radius:10px;
  }

  .woocommerce-account table.shop_table{
    width:100%;
    max-width:100%;
    border-collapse:collapse;
    font-size:14px;
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
  }
  .woocommerce-account table.shop_table thead{display:none}
  .woocommerce-account table.shop_table tbody tr{
    display:block;
    border-bottom:1px solid #f0f1f4;
    padding:12px 14px;
  }
  .woocommerce-account table.shop_table tbody tr:last-child{border-bottom:0}
  .woocommerce-account table.shop_table td,
  .woocommerce-account table.shop_table th{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:6px 0;
    border:0;
    text-align:right;
    background:transparent;
  }
  .woocommerce-account table.shop_table td::before,
  .woocommerce-account table.shop_table th::before{
    content:attr(data-title);
    font-weight:900;
    color:#5b616c;
    font-size:12px;
    flex:0 0 auto;
  }
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-number::before{content:"הזמנה"}
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-date::before{content:"תאריך"}
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-status::before{content:"סטטוס"}
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-total::before{content:"סה״כ"}
  .woocommerce-account .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before{content:"פעולות"}
  .woocommerce-account .woocommerce-downloads-table td.download-product::before{content:"מוצר"}
  .woocommerce-account .woocommerce-downloads-table td.download-file::before{content:"הורדה"}
  .woocommerce-account .woocommerce-downloads-table td.download-remaining::before{content:"נותר"}
  .woocommerce-account .woocommerce-downloads-table td.download-expires::before{content:"תוקף"}
  .woocommerce-account .woocommerce-downloads-table td.download-actions::before{content:"פעולות"}
  .woocommerce-account .woocommerce-table--order-details td::before,
  .woocommerce-account .woocommerce-table--order-details th::before{
    content:attr(data-title);
  }
  .woocommerce-account table.shop_table td.order-actions,
  .woocommerce-account table.shop_table td.download-actions,
  .woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-actions{
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:8px;
    padding-top:10px;
  }
  .woocommerce-account table.shop_table td.order-actions::before,
  .woocommerce-account table.shop_table td.download-actions::before,
  .woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-actions::before{display:none}
  .woocommerce-account table.shop_table td.order-actions .button,
  .woocommerce-account table.shop_table td.download-actions .button,
  .woocommerce-account table.shop_table td.woocommerce-orders-table__cell-order-actions .button{
    width:auto;
    min-height:40px;
    padding:0 14px;
    font-size:14px;
  }

  .woocommerce-account .col2-set.addresses,
  .woocommerce-account .woocommerce-Addresses,
  .woocommerce-account #customer_login.col2-set,
  .woocommerce-account #customer_login.cfix-account-auth{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
  }
  .cfix-account-auth__panel{
    padding:24px 20px 28px;
  }
  .cfix-account-auth__title{
    font-size:22px;
    margin-bottom:16px;
  }
  .woocommerce-account form.woocommerce-EditAccountForm,
  .woocommerce-account .woocommerce-address-fields__field-wrapper{
    display:block;
  }
  .woocommerce-account .woocommerce-Address{
    border:1px solid var(--line);
    border-radius:12px;
    padding:14px;
    margin-bottom:0;
  }
  .woocommerce-account .woocommerce-Address-title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:10px;
  }
  .woocommerce-account .woocommerce-Address-title h3{
    margin:0;
    font-size:16px;
  }
  .woocommerce-account .woocommerce-Address-title .edit{
    font-size:14px;
    font-weight:900;
  }
  .woocommerce-account .woocommerce-Address address{
    font-style:normal;
    line-height:1.65;
    color:#4c525e;
    font-size:14px;
    font-weight:600;
  }
  .woocommerce-account fieldset{
    border:0;
    padding:0;
    margin:0 0 8px;
  }
  .woocommerce-account fieldset legend{
    font-size:16px;
    font-weight:900;
    margin-bottom:12px;
    padding:0;
  }
  .woocommerce-account .woocommerce-form-row{
    margin-bottom:12px;
  }
  .woocommerce-account .woocommerce-form-row label{
    display:block;
    font-size:13px;
    font-weight:800;
    margin-bottom:6px;
    color:#3f4650;
  }
  .woocommerce-account .woocommerce-message,
  .woocommerce-account .woocommerce-error,
  .woocommerce-account .woocommerce-info{
    font-size:14px;
    line-height:1.55;
    border-radius:12px;
  }
  .woocommerce-account .woocommerce-pagination{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
    margin-top:16px;
  }
  .woocommerce-account .woocommerce-pagination .button{
    width:auto;
    min-height:40px;
    padding:0 14px;
    font-size:14px;
  }

  .woocommerce-account .woocommerce-order-details,
  .woocommerce-account .woocommerce-customer-details{
    margin-top:16px;
  }
  .woocommerce-account .woocommerce-order-overview{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    list-style:none;
    margin:0 0 16px;
    padding:0;
  }
  .woocommerce-account .woocommerce-order-overview li{
    border:1px solid var(--line);
    border-radius:12px;
    padding:12px 14px;
    background:#fafbfc;
    font-size:13px;
    line-height:1.5;
    color:#5b616c;
    font-weight:700;
  }
  .woocommerce-account .woocommerce-order-overview li strong{
    display:block;
    margin-bottom:4px;
    font-size:12px;
    color:#3f4650;
    font-weight:900;
  }
  .woocommerce-account .woocommerce-order-details__title,
  .woocommerce-account .woocommerce-column__title{
    font-size:17px;
    margin:0 0 12px;
  }
  .woocommerce-account .woocommerce-order-details .shop_table,
  .woocommerce-account .woocommerce-table--order-details{
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
    margin-bottom:16px;
  }
  .woocommerce-account .woocommerce-customer-details .woocommerce-column{
    border:1px solid var(--line);
    border-radius:12px;
    padding:14px;
    margin-bottom:12px;
  }
  .woocommerce-account .woocommerce-customer-details address{
    font-style:normal;
    line-height:1.65;
    font-size:14px;
    color:#4c525e;
  }

  .woocommerce-account .woocommerce-form-row-first,
  .woocommerce-account .woocommerce-form-row-last,
  .woocommerce-account .form-row-first,
  .woocommerce-account .form-row-last{
    width:100%;
    float:none;
  }
  .woocommerce-account .woocommerce-EditAccountForm fieldset{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid #f0f1f4;
  }

  .woocommerce-account #customer_login .col-1,
  .woocommerce-account #customer_login .col-2,
  .woocommerce-account #customer_login .u-column1,
  .woocommerce-account #customer_login .u-column2,
  .woocommerce-account .account-page .cfix-myaccount-root > form.woocommerce-form-login,
  .woocommerce-account .account-page .cfix-myaccount-root > form.woocommerce-form-register,
  .woocommerce-account #customer_login.cfix-account-auth{
    padding:0;
    border-radius:14px;
  }
  .woocommerce-account #customer_login h2,
  .woocommerce-account .woocommerce-form-login > h2,
  .woocommerce-account .woocommerce-form-register > h2{
    font-size:21px;
  }
  .woocommerce-account .woocommerce-form-login,
  .woocommerce-account .woocommerce-form-register{
    max-width:none;
  }
  .woocommerce-account .woocommerce-form-login .form-row,
  .woocommerce-account .woocommerce-form-register .form-row{
    margin-bottom:12px;
  }
  .woocommerce-account .woocommerce-form-login .woocommerce-button,
  .woocommerce-account .woocommerce-form-register .woocommerce-button{
    width:100%;
    min-height:48px;
  }

  body.woocommerce-account .footer{
    margin-top:24px;
    padding-top:12px;
  }
}

@media(max-width:430px){
  .woocommerce-account main > .container,
  .woocommerce-account main .container,
  .woocommerce-account .account-page.container{
    padding:12px 10px 20px !important;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{
    margin-inline:-10px;
    width:calc(100% + 20px);
  }
  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    gap:5px;
    scroll-padding-inline:10px;
    padding:2px 10px 8px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation a{
    padding:8px 10px;
    font-size:12px;
    min-height:40px;
  }
  .woocommerce-account .woocommerce-MyAccount-content{
    padding:14px 12px;
  }
  .woocommerce-account .woocommerce-MyAccount-content p,
  .woocommerce-account .woocommerce-MyAccount-content > p:first-of-type{
    font-size:13px;
  }
  .woocommerce-account .woocommerce-MyAccount-content h2,
  .woocommerce-account .woocommerce-MyAccount-content h3{
    font-size:16px;
  }
  .woocommerce-account table.shop_table tbody tr{
    padding:10px 12px;
  }
  .woocommerce-account .woocommerce-Address{
    padding:12px;
  }
  .woocommerce-account .woocommerce-order-overview{
    grid-template-columns:1fr;
    gap:8px;
  }
  .woocommerce-account .woocommerce-order-overview li{
    padding:10px 12px;
  }
}

.mini-cart-list{display:grid;gap:12px}
.mini-cart-item{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid #f0f1f4}
.mini-cart-item:last-child{border-bottom:0;padding-bottom:0}
.mini-cart-item__img-wrap{width:64px;height:64px;border:1px solid #ececf0;border-radius:10px;overflow:hidden;background:#fff;display:grid;place-items:center}
.mini-cart-item__img{width:100%;height:100%;object-fit:contain}
.mini-cart-item__content{min-width:0}
.mini-cart-item__name{display:block;font-size:14px;font-weight:900;color:#171a22;line-height:1.35;margin-bottom:8px}
.mini-cart-item__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mini-cart-qty{height:34px;border:1px solid #dedfe5;border-radius:8px;display:grid;grid-template-columns:30px 42px 30px;overflow:hidden;background:#fff;flex:0 0 auto}
.mini-cart-qty button{border:0;background:#fff;font-size:18px;cursor:pointer;color:#222}
.mini-cart-qty input{border:0;outline:0;text-align:center;border-inline:1px solid #eee;font-size:14px;font-weight:800;width:100%;background:#fff;-moz-appearance:textfield}
.mini-cart-qty input::-webkit-outer-spin-button,.mini-cart-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mini-cart-item__price{margin-inline-start:auto;font-size:14px;font-weight:800;color:#171a22;direction:ltr;white-space:nowrap}
.mini-cart-item__price strong{font-size:16px;font-weight:900}
.mini-cart-remove{width:34px;height:34px;border:1px solid #e5e6eb;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;padding:0}
.mini-cart-remove svg{width:16px;height:16px;stroke:#777;fill:none;stroke-width:1.8;stroke-linecap:round}
.mini-cart-remove:hover{border-color:#ffd1d1;background:#fff4f4}
.mini-cart-remove:hover svg{stroke:var(--red)}
.cart-drawer.is-updating .cart-drawer__body{opacity:.65;pointer-events:none}
.mini-cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.mini-cart-btn{height:42px;border-radius:8px;border:1px solid #e3e4e9;background:#fff;color:#222832;font-weight:900;display:grid;place-items:center}
.mini-cart-btn--primary{background:var(--yellow);border-color:rgba(247,196,0,.6);color:#111}

.cfix-theme.single-product .product.type-product > .woocommerce-product-gallery,
.cfix-theme.single-product .product.type-product > .summary.entry-summary,
.cfix-theme.single-product .product.type-product > .woocommerce-tabs,
.cfix-theme.single-product .product.type-product > .related.products,
.cfix-theme.single-product .product.type-product > .upsells.products{display:none!important}


/* ===== Mobile — full site ===== */
.filter-toggle{
  display:none;
}
.filter-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s;
  z-index:54;
}
.filter-overlay:not([hidden]){
  display:block;
}
body.filter-open .filter-overlay{
  opacity:1;
  pointer-events:auto;
}
body.filter-open{
  overflow:hidden;
}

@media(max-width:720px){
  .category-hero{
    grid-template-columns:1fr;
    min-height:0;
    margin-bottom:16px;
  }
  .category-hero:before,
  .category-hero:after{display:none}
  .hero-text{padding:24px 20px}
  .hero-text h1{font-size:30px}
  .hero-text p{font-size:16px}
  .hero-art{
    height:180px;
    padding:0 20px 20px;
  }
  .hero-art img{height:150px}
  .hero-stats{gap:8px}
  .hero-stat{
    height:40px;
    padding:0 12px;
    font-size:13px;
  }

  .category-page .category-layout{
    display:block;
    position:relative;
  }
  .filter-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    min-height:48px;
    margin:0 0 14px;
    border:1px solid rgba(247,196,0,.55);
    border-radius:12px;
    background:var(--yellow-soft);
    color:#111;
    font-size:15px;
    font-weight:900;
    cursor:pointer;
  }
  .filter-toggle svg{
    width:20px;
    height:20px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
  }
  .category-page .filter-sidebar{
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    left:auto;
    width:min(340px,92vw);
    z-index:55;
    border-radius:0;
    transform:translate3d(100%,0,0);
    visibility:hidden;
    pointer-events:none;
    transition:transform .25s ease,visibility .25s ease,box-shadow .25s ease;
    overflow-y:auto;
    overscroll-behavior:contain;
    box-shadow:none;
  }
  body.filter-open .category-page .filter-sidebar{
    transform:translate3d(0,0,0);
    visibility:visible;
    pointer-events:auto;
    box-shadow:-20px 0 50px rgba(0,0,0,.16);
  }
  .filter-head{
    position:sticky;
    top:0;
    z-index:2;
    background:#fff;
  }
  .filter-close{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid #e4e6eb;
    border-radius:10px;
    background:#fff;
    cursor:pointer;
    flex:0 0 auto;
  }
  .filter-close svg{
    width:18px;
    height:18px;
    stroke:#111;
    stroke-width:2.2;
    fill:none;
    stroke-linecap:round;
  }
  .filter-head{
    gap:10px;
  }

  .category-page .content-top{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .category-page .toolbar,
  .category-page .sort-form,
  .category-page .sort{
    width:100%;
    min-width:0;
  }
  .category-page .sort{
    height:46px;
  }
  .category-page .chips{
    gap:8px;
  }
  .category-page .chip{
    min-height:40px;
    font-size:13px;
  }
  .category-page .pagination{
    gap:6px;
    flex-wrap:wrap;
  }
  .category-page .pagination .page{
    width:38px;
    height:38px;
    font-size:14px;
  }

  .breadcrumb{
    font-size:13px;
    padding-top:14px;
  }
  .details-panel.active{
    grid-template-columns:1fr;
    gap:22px;
  }
  .spec-row{
    grid-template-columns:42% 58%;
  }
  .spec-row b,
  .spec-row span{
    font-size:13px;
    padding:7px 10px;
  }
  .section-title{font-size:22px}
  .discount .num{font-size:58px}
  .discount .pct{font-size:32px}

  .woocommerce-cart .page-head{
    flex-direction:column;
    align-items:flex-start;
    padding:22px 18px;
    min-height:0;
  }
  .woocommerce-cart .page-head h1{font-size:28px}
  .woocommerce-cart .page-head p{font-size:15px}
  .woocommerce-cart .head-icon{display:none}
  .woocommerce-cart .pay-icons,
  .cart-page .pay-icons{
    flex-wrap:wrap;
    overflow:visible;
    justify-content:flex-start;
  }
  .woocommerce-checkout .pay-icon,
  .woocommerce-cart .pay-icon,
  .cart-page .pay-icon{
    width:calc(50% - 6px);
    min-width:0;
    flex:0 0 auto;
  }
  .woocommerce-cart .total strong{
    font-size:28px;
  }

  .mini-cart-actions{
    grid-template-columns:1fr;
  }
  .mini-cart-item__row{
    align-items:flex-start;
  }
  .mini-cart-item__price{
    margin-inline-start:0;
    width:100%;
    text-align:left;
  }
}

.filter-close{
  display:none;
}

@media(max-width:720px){
  .filter-close{
    display:grid;
  }
}

@media(max-width:480px){
  .header .container,
  .header .container.header-main,
  .header-main{
    padding-inline:12px;
    min-height:52px;
    padding-block:8px;
    gap:8px;
  }
  .logo img{height:38px}
  .actions{gap:2px}
  .icon{
    width:38px;
    height:38px;
  }
  .icon svg{width:21px;height:21px}
  .icon__img{width:21px;height:21px}
  .nav-toggle{
    width:38px;
    height:38px;
    margin-inline-end:2px;
  }
  .count{
    min-width:17px;
    width:17px;
    height:17px;
    font-size:10px;
    line-height:1;
  }
  .icon__badge-wrap > .count{
    right:-9px;
    top:-9px;
  }
  .site-header .nav{
    width:min(300px,92vw);
  }
  .nav-mobile-search{
    padding:10px 14px;
  }
  .nav-mobile-search .search input{
    height:42px;
    font-size:16px;
    padding-right:42px;
  }
  .category-page .p-img{height:150px}
  .category-page .p-name{font-size:15px}
  .woocommerce-cart .step,
  .woocommerce-checkout .step{
    min-height:54px;
    height:auto;
    padding:10px;
    font-size:14px;
  }
}

/* ===== Tablet + mobile polish (all storefront pages) ===== */
@media(max-width:900px){
  .header-main{
    grid-template-columns:1fr auto;
    gap:12px;
  }
  .cat-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .discount .num{font-size:56px}
}

@media(max-width:720px){
  .cart-page .cart-actions,
  .woocommerce-cart .cart-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .cart-page .link-btn,
  .cart-page .outline-btn,
  .woocommerce-cart .link-btn,
  .woocommerce-cart .outline-btn{
    width:100%;
    justify-content:center;
  }
  .cart-btn,
  .buy-row .cart-btn,
  .woocommerce-checkout .checkout-btn,
  .woocommerce-cart .checkout-btn,
  .category-page .cart-btn{
    min-height:48px;
  }

  .woocommerce-checkout .checkout-fields{
    overflow:hidden;
  }
  .woocommerce-checkout .checkout-card{
    overflow:visible;
  }
  .woocommerce-checkout #order_review .shop_table{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  img,video,iframe{
    max-width:100%;
  }
  .page-head,
  .woocommerce-cart .page-head,
  .woocommerce-checkout .page-head{
    border-radius:14px;
  }
}

@supports (padding:max(0px)){
  body{
    padding-bottom:max(0px,env(safe-area-inset-bottom));
  }
  .header{
    padding-top:max(0px,env(safe-area-inset-top));
  }
  .cart-drawer,
  .wishlist-drawer,
  .category-page .filter-sidebar{
    padding-bottom:max(12px,env(safe-area-inset-bottom));
  }
}

/* Order received / thank you */
.order-received-body,
.woocommerce-order-received{--yellow-soft:#fff1b8;--yellow-dark:#dcae00;--green:#22a35a}
.order-received-page .breadcrumb{padding:20px 0 12px;color:#777d88;font-size:14px;display:flex;gap:10px;align-items:center;white-space:nowrap;overflow:auto}
.order-received-page .breadcrumb a{color:#555b65;font-weight:600}.order-received-page .breadcrumb span{color:#a3a7af}.order-received-page .breadcrumb strong{color:#242832;font-weight:800}
.order-received-page .page-head{margin-bottom:22px;border:0;border-radius:18px;background:linear-gradient(105deg,#fff 0%,#fbfbfb 55%,rgba(247,196,0,.11));min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 34px;position:relative;overflow:hidden;box-shadow:0 9px 28px rgba(0,0,0,.045)}
.order-received-page .page-head:after{content:"";position:absolute;left:-70px;top:-72px;width:190px;height:190px;border:18px solid rgba(247,196,0,.18);transform:rotate(45deg);border-radius:12px}
.order-received-page .page-head--success{background:linear-gradient(105deg,#fff 0%,#f8fff9 52%,rgba(34,163,90,.08))}
.order-received-page .page-head--success:after{border-color:rgba(34,163,90,.14)}
.order-received-page .page-head--failed{background:linear-gradient(105deg,#fff 0%,#fff8f8 52%,rgba(220,53,69,.07))}
.order-received-page .page-head--failed:after{border-color:rgba(220,53,69,.12)}
.order-received-page .page-head h1{margin:0 0 8px;font-size:39px;font-weight:900;letter-spacing:-.5px}
.order-received-page .page-head h1 span{color:var(--yellow)}
.order-received-page .page-head--success h1 span{color:var(--green)}
.order-received-page .page-head--failed h1 span{color:var(--red,#d93025)}
.order-received-page .page-head p{margin:0;color:#555c66;font-size:17px;max-width:640px}
.order-received-page .head-icon{width:86px;height:86px;border-radius:20px;display:grid;place-items:center;box-shadow:0 12px 28px rgba(247,196,0,.22);position:relative;z-index:2;flex-shrink:0}
.order-received-page .head-icon svg{width:46px;height:46px;stroke:#111;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.order-received-page .head-icon--success{background:var(--green);box-shadow:0 12px 28px rgba(34,163,90,.22)}
.order-received-page .head-icon--success svg{stroke:#fff;stroke-width:2.4}
.order-received-page .head-icon--failed{background:#fff0f0;box-shadow:0 12px 28px rgba(217,48,37,.12)}
.order-received-page .head-icon--failed svg{stroke:var(--red,#d93025)}
.order-received-page .steps,
.order-received-page .step,
.order-received-page .woocommerce-order>.steps{display:none!important}
.order-received-page.container{
  box-sizing:border-box;
  overflow-x:clip;
  max-width:100%;
}
.order-received-layout,
.order-received-main,
.order-received-card,
.order-received-summary,
.order-received-overview,
.order-received-items{
  min-width:0;
  max-width:100%;
}
.order-received-layout{display:grid;grid-template-columns:1fr 370px;gap:22px;align-items:start;margin-bottom:34px;width:100%;max-width:var(--container)}
.order-received-layout--single{grid-template-columns:1fr}
.order-received-guest-actions{
  margin-top:10px;
  padding:16px 18px;
}
.order-received-guest-note{
  margin:0 0 14px;
  color:#4c525e;
  font-size:14px;
  line-height:1.55;
  text-align:right;
}
.order-received-guest-note b{
  display:block;
  margin-bottom:4px;
  color:#171b23;
  font-size:14px;
}
.order-received-page--auth .cfix-wc-notices--order{
  margin-bottom:0;
}
.order-received-card{overflow:hidden}
.order-received-badge{font-size:14px;font-weight:900;color:#5b616c;background:#f4f5f7;border:1px solid #e8eaee;border-radius:999px;padding:6px 12px}
.order-received-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);list-style:none;margin:0}
.order-received-overview li{border:1px solid #eceef2;border-radius:12px;background:#fafbfc;padding:12px 14px;min-width:0}
.order-received-overview__label{display:block;font-size:12px;font-weight:800;color:#7b818c;margin-bottom:4px}
.order-received-overview li strong{font-size:15px;font-weight:900;color:#171b23;word-break:break-word}
.order-received-overview__total{direction:ltr;display:inline-block}
.order-received-items{padding:0 20px 8px}
.order-received-items__head{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 0 10px;font-size:13px;font-weight:900;color:#7b818c;border-bottom:1px solid #f0f1f4}
.order-received-item{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #f0f1f4}
.order-received-item:last-child{border-bottom:0}
.order-received-item__product{display:flex;align-items:center;gap:14px;min-width:0}
.order-received-item__img{width:72px;height:72px;border:1px solid #ececf0;border-radius:12px;background:linear-gradient(135deg,#fbfbfb,#fff);display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.order-received-item__img img{width:88%;height:64px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.1))}
.order-received-item__info{min-width:0}
.order-received-item__info strong{display:block;font-size:16px;line-height:1.35;font-weight:900;color:#171b23;margin-bottom:4px}
.order-received-item__qty{font-size:13px;font-weight:800;color:#7b818c}
.order-received-item__total{font-size:18px;font-weight:900;color:#171b23;direction:ltr;text-align:left;white-space:nowrap}
.order-received-totals{padding:14px 20px 20px;border-top:1px solid var(--line);background:#fbfbfc}
.order-received-totals__row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;font-size:15px;color:#3f4650}
.order-received-totals__row strong{font-weight:900;color:#171b23;direction:ltr}
.order-received-totals__row:last-child{font-size:17px;padding-top:12px;margin-top:4px;border-top:1px dashed #e4e6eb}
.order-received-totals__row:last-child strong{font-size:24px;color:#111}
.order-received-note{margin:0 20px 20px;border:1px solid #edf0f2;border-radius:12px;background:#fff;padding:14px 16px}
.order-received-note strong{display:block;font-size:14px;font-weight:900;margin-bottom:6px;color:#171b23}
.order-received-note p{margin:0;color:#5b626d;font-size:14px;line-height:1.55}
.order-received-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.order-received-address{padding:18px 20px}
.order-received-address h3{margin:0 0 10px;font-size:17px;font-weight:900;color:#1f232b}
.order-received-address address{font-style:normal;color:#4c525e;line-height:1.7;font-size:14px;font-weight:700}
.order-received-gateway{margin-top:14px;padding:18px 20px;color:#4c525e;font-size:14px;line-height:1.65}
.order-received-gateway .woocommerce-bacs-bank-details,
.order-received-gateway .woocommerce-order-details{margin:0}
.order-received-gateway h2,
.order-received-gateway h3{margin:0 0 10px;font-size:17px;font-weight:900;color:#1f232b}
.order-received-gateway ul{margin:0;padding-right:18px}
.order-received-summary{position:sticky;top:calc(var(--site-header-h) + 12px);overflow:hidden}
.order-received-summary .summary-head{height:58px;padding:0 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.order-received-summary .summary-head h2{margin:0;font-size:20px;font-weight:900}
.order-received-summary .secure{display:flex;align-items:center;gap:7px;color:var(--green);font-size:13px;font-weight:900}
.order-received-summary .secure svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2}
.order-received-summary .summary-body{padding:20px;text-align:center}
.order-received-success-icon{width:72px;height:72px;border-radius:50%;background:rgba(34,163,90,.1);display:grid;place-items:center;margin:0 auto 14px}
.order-received-success-icon svg{width:34px;height:34px;stroke:var(--green);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.order-received-success-text{margin:0 0 16px;color:#4c525e;font-size:15px;font-weight:700;line-height:1.5;text-align:center}
.order-received-summary .summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;color:#3f4650;font-size:15px;text-align:right}
.order-received-summary .summary-row b{font-weight:900;color:#171a22}
.order-received-summary .divider{height:1px;background:#ececf0;margin:10px 0}
.order-received-summary .total{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:16px 0 6px;text-align:right}
.order-received-summary .total span{font-size:17px;font-weight:900}
.order-received-summary .total strong{font-size:34px;line-height:1;font-weight:900;direction:ltr}
.order-received-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.order-received-actions--stack{flex-direction:column}
.order-received-btn{height:48px;border-radius:10px;padding:0 18px;font-size:15px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:.2s;width:100%}
.order-received-btn--primary{border:0;background:var(--yellow);color:#111;box-shadow:0 8px 20px rgba(247,196,0,.22)}
.order-received-btn--primary:hover{background:var(--yellow-dark);transform:translateY(-1px)}
.order-received-btn--ghost{border:1px solid #e2e3e8;background:#fff;color:#303640}
.order-received-btn--ghost:hover{border-color:#cfd1d8}
.order-received-failed{padding:22px;margin-bottom:30px}
.order-received-page .woocommerce-notices-wrapper{margin-bottom:16px}
.order-received-page .woocommerce-notice{border-radius:12px;padding:12px 14px;font-weight:800}
.order-received-page .woocommerce-notice--success{display:none}
.woocommerce-order-received .woocommerce-order > .woocommerce-order-details,
.woocommerce-order-received .woocommerce-order > .woocommerce-customer-details{display:none!important}

@media(max-width:1120px){
  .order-received-page.container{
    width:min(100% - 28px,var(--container));
    margin-inline:auto;
  }
  .order-received-layout{
    grid-template-columns:1fr;
    gap:14px;
    margin-bottom:24px;
  }
  .order-received-summary{position:relative;top:auto}
}

@media(max-width:720px){
  body.order-received-body main,
  body.woocommerce-order-received main{
    overflow-x:clip;
  }

  .order-received-page.container,
  body.order-received-body .order-received-page.container,
  body.woocommerce-order-received .order-received-page.container{
    width:min(100% - 28px,var(--container));
    max-width:100%;
    margin-inline:auto;
    padding-bottom:36px;
    box-sizing:border-box;
  }

  .order-received-page .cfix-wc-notices{
    margin-bottom:12px;
  }

  .order-received-page .breadcrumb{
    padding:12px 0 10px;
    font-size:12px;
    gap:8px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .order-received-page .breadcrumb::-webkit-scrollbar{display:none}

  .order-received-page .page-head{
    flex-direction:column;
    align-items:flex-start;
    padding:16px 14px;
    min-height:0;
    margin-bottom:10px;
    border-radius:12px;
    box-shadow:0 4px 14px rgba(0,0,0,.04);
  }
  .order-received-page .page-head h1{
    font-size:22px;
    margin-bottom:4px;
    line-height:1.2;
    word-break:break-word;
  }
  .order-received-page .page-head p{
    font-size:13px;
    line-height:1.45;
    max-width:none;
  }
  .order-received-page .head-icon{display:none}

  .order-received-layout,
  .order-received-layout--single{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:24px;
    width:100%;
  }
  .order-received-guest-actions{
    margin-top:10px;
    border-radius:12px;
  }
  .woocommerce-account .order-received-page--auth.container{
    width:min(var(--container),calc(100% - 24px));
    padding:16px 0 24px;
  }
  .order-received-guest-note{
    margin-bottom:10px;
    font-size:12px;
  }
  .order-received-main,
  .order-received-summary{
    width:100%;
  }

  .order-received-page .order-received-card.card,
  .order-received-page .order-received-summary.card,
  .order-received-page .order-received-address.card,
  .order-received-page .order-received-gateway.card{
    border-radius:12px;
    box-shadow:0 3px 12px rgba(0,0,0,.04);
  }

  .order-received-page .cart-top{
    height:auto;
    min-height:44px;
    padding:10px 12px;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:8px;
  }
  .order-received-page .cart-top h2{
    font-size:15px;
    line-height:1.3;
    margin:0;
  }
  .order-received-badge{
    font-size:11px;
    padding:4px 8px;
    max-width:100%;
    flex-shrink:0;
  }

  .order-received-overview{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:10px 12px;
  }
  .order-received-overview li{
    padding:8px 10px;
    min-width:0;
    border-radius:10px;
  }
  .order-received-overview__label{
    font-size:10px;
    margin-bottom:2px;
  }
  .order-received-overview li strong{
    font-size:13px;
    line-height:1.3;
    word-break:break-word;
    overflow-wrap:anywhere;
  }
  .order-received-overview__total{
    display:block;
    max-width:100%;
  }

  .order-received-items{
    padding:0 12px 4px;
    overflow-x:clip;
  }
  .order-received-items__head{
    display:none;
  }
  .order-received-item{
    grid-template-columns:56px minmax(0,1fr) auto;
    gap:8px;
    padding:10px 0;
    align-items:center;
    border-bottom:1px solid #f0f1f4;
  }
  .order-received-item__product{
    grid-column:1 / 3;
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    gap:8px;
    align-items:center;
    min-width:0;
  }
  .order-received-item__img{
    width:56px;
    height:56px;
    border-radius:10px;
  }
  .order-received-item__img img{
    height:48px;
  }
  .order-received-item__info{
    min-width:0;
  }
  .order-received-item__info strong{
    font-size:13px;
    line-height:1.3;
    word-break:break-word;
    margin-bottom:2px;
  }
  .order-received-item__qty{
    font-size:11px;
  }
  .order-received-item__total{
    grid-column:3;
    grid-row:1;
    align-self:center;
    text-align:left;
    direction:ltr;
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
  }

  .order-received-totals{
    padding:10px 12px 12px;
    background:#f9fafb;
  }
  .order-received-totals__row{
    font-size:13px;
    padding:5px 0;
    gap:8px;
    flex-wrap:nowrap;
  }
  .order-received-totals__row span{
    flex:1;
    min-width:0;
  }
  .order-received-totals__row strong{
    flex-shrink:0;
    min-width:0;
    word-break:break-word;
  }
  .order-received-totals__row:last-child{
    font-size:14px;
    padding-top:8px;
    margin-top:4px;
  }
  .order-received-totals__row:last-child strong{
    font-size:18px;
  }

  .order-received-note{
    margin:0 12px 10px;
    padding:10px 12px;
    font-size:12px;
    border-radius:10px;
  }
  .order-received-note strong{font-size:13px}
  .order-received-note p{word-break:break-word}

  .order-received-addresses{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:8px;
  }
  .order-received-address{
    padding:12px;
  }
  .order-received-address h3{
    font-size:14px;
    margin-bottom:6px;
  }
  .order-received-address address{
    font-size:12px;
    line-height:1.55;
    word-break:break-word;
  }

  .order-received-gateway{
    margin-top:8px;
    padding:12px;
    font-size:12px;
    overflow-x:auto;
  }
  .order-received-gateway h2,
  .order-received-gateway h3{
    font-size:14px;
  }

  .order-received-summary .summary-head{
    height:auto;
    min-height:44px;
    padding:10px 12px;
    flex-wrap:wrap;
    gap:6px;
  }
  .order-received-summary .summary-head h2{
    font-size:15px;
  }
  .order-received-summary .secure{
    font-size:11px;
  }
  .order-received-summary .secure svg{
    width:16px;
    height:16px;
  }
  .order-received-summary .summary-body{
    padding:12px;
  }
  .order-received-success-icon{
    width:52px;
    height:52px;
    margin-bottom:8px;
  }
  .order-received-success-icon svg{
    width:26px;
    height:26px;
  }
  .order-received-success-text{
    font-size:13px;
    margin-bottom:10px;
    line-height:1.4;
  }
  .order-received-summary .summary-row{
    font-size:13px;
    padding:6px 0;
    gap:8px;
    flex-wrap:nowrap;
  }
  .order-received-summary .summary-row b{
    word-break:break-word;
    overflow-wrap:anywhere;
    font-size:13px;
  }
  .order-received-summary .divider{
    margin:6px 0;
  }
  .order-received-summary .total{
    flex-wrap:nowrap;
    gap:8px;
    margin:10px 0 4px;
  }
  .order-received-summary .total span{
    font-size:14px;
  }
  .order-received-summary .total strong{
    font-size:22px;
    max-width:100%;
    word-break:break-word;
  }
  .order-received-summary .summary-note{
    font-size:11px;
    line-height:1.5;
    text-align:right;
    word-break:break-word;
    margin-top:8px;
  }

  .order-received-actions{
    flex-direction:column;
    gap:6px;
    margin-top:10px;
  }
  .order-received-btn{
    min-height:44px;
    height:44px;
    font-size:14px;
    width:100%;
    border-radius:10px;
  }

  .order-received-failed{
    padding:16px;
    margin-bottom:20px;
  }
  .order-received-failed .order-received-actions{
    margin-top:14px;
  }
}

@media(max-width:430px){
  .order-received-page.container,
  body.order-received-body .order-received-page.container{
    width:min(100% - 16px,var(--container));
    padding-bottom:20px;
  }
  .order-received-page .page-head{
    padding:14px 12px;
    margin-bottom:8px;
  }
  .order-received-page .page-head h1{font-size:20px}
  .order-received-page .page-head p{font-size:12px}
  .order-received-layout{gap:8px;margin-bottom:20px}
  .order-received-overview{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:8px 10px;
  }
  .order-received-overview li{padding:7px 8px}
  .order-received-overview__label{font-size:9px}
  .order-received-overview li strong{font-size:12px}
  .order-received-items{padding:0 10px 2px}
  .order-received-item{
    grid-template-columns:52px minmax(0,1fr) auto;
    padding:8px 0;
  }
  .order-received-item__product{
    grid-template-columns:52px minmax(0,1fr);
  }
  .order-received-item__img{
    width:52px;
    height:52px;
  }
  .order-received-item__img img{height:44px}
  .order-received-item__info strong{font-size:12px}
  .order-received-item__total{font-size:13px}
  .order-received-totals{padding:8px 10px}
  .order-received-totals__row{font-size:12px;padding:4px 0}
  .order-received-totals__row:last-child strong{font-size:17px}
  .order-received-summary .total strong{font-size:20px}
  .order-received-summary .summary-body{padding:10px}
  .order-received-btn{
    min-height:42px;
    height:42px;
    font-size:13px;
  }
}

/* ===== Mobile — comprehensive storefront ===== */
@media(max-width:720px){
  :root{--site-header-h:76px}

  .categories .section-head,
  .related .section-head{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:8px;
    margin:16px 0 12px;
  }
  .products .section-head{
    flex-direction:row-reverse;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:16px 0 12px;
    text-align:start;
  }
  .categories .title,
  .related .section-title{
    justify-content:center;
    font-size:22px;
  }
  .products .title{
    justify-content:flex-start;
    font-size:20px;
    min-width:0;
    flex:1 1 auto;
  }
  .categories .all{
    justify-content:center;
  }
  .products .all{
    justify-content:flex-end;
    flex:0 0 auto;
    font-size:14px;
    white-space:nowrap;
  }

  body.woocommerce-checkout .footer,
  body.woocommerce-cart .footer,
  body.single-product .footer,
  body.order-received-body .footer,
  body.woocommerce-order-received .footer{
    margin-top:28px;
    padding-top:12px;
  }

  .checkout-page{padding-bottom:36px}

  body.order-received-body .order-received-layout,
  body.woocommerce-order-received .order-received-layout{
    margin-bottom:44px;
  }

  .related.products .related-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  /* Cart related — horizontal slider (overrides grid above) */
  .cart-page .related .product-area,
  .woocommerce-cart .related .product-area{overflow:visible}
  .cart-page .related .related-products-grid,
  .woocommerce-cart .related .related-products-grid,
  .cart-page .related .product-grid,
  .woocommerce-cart .related .product-grid{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:14px;
    padding:2px 14px 12px;
    margin:0 -14px;
    gap:10px;
    grid-template-columns:unset;
    scrollbar-width:none;
  }
  .cart-page .related .related-products-grid::-webkit-scrollbar,
  .woocommerce-cart .related .related-products-grid::-webkit-scrollbar,
  .cart-page .related .product-grid::-webkit-scrollbar,
  .woocommerce-cart .related .product-grid::-webkit-scrollbar{display:none}
  .cart-page .related .product,
  .woocommerce-cart .related .product{
    flex:0 0 auto;
    width:min(72vw,228px);
    min-width:min(72vw,228px);
    scroll-snap-align:start;
  }

  /* Single product related — horizontal slider */
  body.single-product .related .product-area,
  .cfix-theme.single-product .related .product-area{overflow:visible}
  body.single-product .related .related-products-grid,
  .cfix-theme.single-product .related .related-products-grid{
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:0;
    padding:2px 0 10px;
    margin:0;
    gap:10px;
    grid-template-columns:unset;
    scrollbar-width:none;
  }
  body.single-product .related .related-products-grid::-webkit-scrollbar,
  .cfix-theme.single-product .related .related-products-grid::-webkit-scrollbar{display:none}
  body.single-product .related .product,
  .cfix-theme.single-product .related .product{
    flex:0 0 auto;
    width:min(72vw,220px);
    min-width:min(72vw,220px);
    scroll-snap-align:start;
  }

  .product .product-sticker{top:7px;right:7px}
  .product .product-sticker--text{font-size:10px;padding:2px 7px}
  .product .product-sticker--image,
  .product .product-sticker--image .product-sticker__img{max-width:62px;max-height:62px}

  .contact-modal,
  .cart-added-modal,
  .auth-modal{
    width:min(100% - 20px,520px);
    max-height:calc(100dvh - 20px);
    overflow:auto;
  }

  .woocommerce-checkout form.checkout.cart-layout,
  .cart-page .cart-layout,
  .woocommerce-cart .cart-layout{margin-bottom:44px}

  .category-page .hero-text{text-align:center}
  .category-page .hero-stats{justify-content:center}

  .woocommerce-checkout input.input-text,
  .woocommerce-checkout select,
  .woocommerce-checkout textarea.input-text,
  .newsletter input,
  .nav-mobile-search .search input,
  .woocommerce .input-text,
  .woocommerce input[type=tel],
  .woocommerce input[type=email],
  .woocommerce input[type=password],
  .woocommerce input[type=text],
  .woocommerce input[type=number],
  .woocommerce select,
  .woocommerce textarea,
  .contact-body input,
  .contact-body textarea,
  .auth-body input{font-size:16px}

  .benefit{height:auto;min-height:86px;padding:14px 16px}

  .cart-drawer,
  .wishlist-drawer,
  .compare-drawer,
  .nav-overlay,
  .filter-overlay,
  .cart-overlay,
  .contact-overlay,
  .auth-overlay,
  .cart-added-overlay{
    padding-top:max(0px,env(safe-area-inset-top));
  }
}

@media(max-width:430px){
  .related.products .related-products-grid{grid-template-columns:1fr}

  body.single-product .related .related-products-grid,
  .cfix-theme.single-product .related .related-products-grid{
    display:flex;
    flex-wrap:nowrap;
    grid-template-columns:unset;
  }
  body.single-product .related .product,
  .cfix-theme.single-product .related .product{
    width:min(78vw,200px);
    min-width:min(78vw,200px);
  }

  .cart-page .related .related-products-grid,
  .woocommerce-cart .related .related-products-grid,
  .cart-page .related .product-grid,
  .woocommerce-cart .related .product-grid{
    display:flex;
    flex-wrap:nowrap;
    grid-template-columns:unset;
  }
  .cart-page .related .product,
  .woocommerce-cart .related .product{
    width:min(78vw,210px);
    min-width:min(78vw,210px);
  }

  .footer-box{
    grid-template-columns:1fr;
    gap:0;
    padding:18px 14px 14px;
  }
  .footer-box > div{
    padding:14px 0;
    border-bottom:1px solid #eef0f3;
  }
  .footer-box > div:first-child{
    padding-top:2px;
  }
  .footer-box > div:last-child{
    border-bottom:0;
    padding-bottom:2px;
  }
  .footer-box > div:first-child,
  .footer-box > div:last-child{
    grid-column:auto;
  }
  .foot-logo img{height:40px}
  .footer h4{font-size:14px;margin-bottom:8px}
  .footer-box > div:first-child p{font-size:13px;max-width:none}
  .newsletter{max-width:none}
  .copy{margin-top:12px}

  .gallery-stage .product-sticker--image,
  .gallery-stage .product-sticker--image .product-sticker__img{max-width:64px;max-height:64px}

  .summary .price-line .price strong{font-size:32px}
  .woocommerce-checkout .total strong,
  .woocommerce-cart .total strong{font-size:26px}

  .page-head,
  .woocommerce-cart .page-head,
  .woocommerce-checkout .page-head,
  .order-received-page .page-head{padding:18px 14px}

  .cart-page .page-head h1,
  .woocommerce-cart .page-head h1,
  .woocommerce-checkout .page-head h1{font-size:26px}

  .categories .cat-grid{scroll-padding-inline:10px;padding-inline:10px}
  .categories .cat-card{width:118px;min-width:118px;min-height:124px}
  .categories .cat-photo{width:88px;height:66px}
}

/* ===== Blog ===== */
.blog-body main{
  padding-top:0;
  overflow-x:clip;
}
.blog-page{
  padding-bottom:34px;
}
.blog-hero{
  margin-bottom:18px;
}
.blog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.blog-grid--related{
  margin-bottom:10px;
}
.blog-card{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  box-shadow:0 5px 18px rgba(0,0,0,.025);
  transition:transform .22s ease,box-shadow .22s ease;
}
.blog-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
}
.blog-card__media{
  display:block;
  aspect-ratio:16/10;
  background:linear-gradient(135deg,#fbfbfc,#f3f4f6);
  overflow:hidden;
}
.blog-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.blog-card:hover .blog-card__media img{
  transform:scale(1.03);
}
.blog-card__body{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:16px 16px 18px;
  flex:1 1 auto;
}
.blog-card__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  font-size:12px;
  font-weight:800;
  color:#7b818c;
}
.blog-card__dot{
  opacity:.55;
}
.blog-card__cat{
  display:inline-flex;
  align-self:flex-start;
  padding:4px 10px;
  border-radius:999px;
  background:var(--yellow-soft);
  border:1px solid rgba(247,196,0,.35);
  color:#5b4700;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
}
.blog-card__cat:hover{
  background:rgba(247,196,0,.28);
}
.blog-card__title{
  margin:0;
  font-size:20px;
  line-height:1.35;
  font-weight:900;
  color:#1f232b;
}
.blog-card__title a{
  color:inherit;
  text-decoration:none;
}
.blog-card__title a:hover{
  color:#000;
}
.blog-card__excerpt{
  margin:0;
  color:#5b616c;
  font-size:14px;
  line-height:1.65;
  font-weight:600;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.blog-card__more{
  margin-top:auto;
  padding-top:4px;
  font-size:14px;
  font-weight:900;
  color:#222832;
  text-decoration:none;
}
.blog-card__more span{
  color:var(--yellow-dark);
}
.blog-card__more:hover{
  color:#000;
}
.blog-empty{
  padding:28px 24px;
  text-align:center;
}
.blog-empty h2{
  margin:0 0 10px;
  font-size:24px;
  font-weight:900;
}
.blog-empty p{
  margin:0 0 18px;
  color:#5b616c;
  font-size:15px;
  line-height:1.65;
}
.blog-empty .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border:0;
  border-radius:14px;
  background:var(--yellow);
  color:#111;
  font-weight:900;
  text-decoration:none;
}
.blog-single{
  padding:0;
  overflow:hidden;
  margin-bottom:24px;
}
.blog-single__hero{
  border-bottom:1px solid #f0f1f4;
}
.blog-single__hero-inner{
  padding:28px 28px 22px;
}
.blog-single__cats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}
.blog-single__title{
  margin:0 0 18px;
  font-size:clamp(30px,4.2vw,44px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.5px;
  color:#171b23;
  max-width:920px;
}
.blog-single__meta-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.blog-single__meta-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:0 14px;
  border:1px solid #e4e5ea;
  border-radius:999px;
  background:#fff;
  color:#5b616c;
  font-size:13px;
  font-weight:800;
}
.blog-single__meta-item svg{
  width:17px;
  height:17px;
  stroke:var(--yellow-dark);
  fill:none;
  stroke-width:2;
  flex-shrink:0;
}
.blog-single__media{
  margin:0;
  border-top:1px solid #f0f1f4;
  background:linear-gradient(135deg,#fbfbfc,#f4f5f7);
}
.blog-single__media img{
  width:100%;
  height:auto;
  max-height:480px;
  object-fit:cover;
  display:block;
}
.blog-single__content{
  padding:28px 28px 12px;
  max-width:860px;
  margin-inline:auto;
}
.blog-entry{
  color:#3e444f;
  font-size:17px;
  line-height:1.85;
  font-weight:500;
}
.blog-entry > *:first-child{
  margin-top:0;
}
.blog-entry p{
  margin:0 0 18px;
}
.blog-entry h2,
.blog-entry h3,
.blog-entry h4{
  margin:34px 0 14px;
  font-weight:900;
  color:#1f232b;
  line-height:1.25;
}
.blog-entry h2{font-size:28px}
.blog-entry h3{font-size:23px}
.blog-entry h4{font-size:19px}
.blog-entry a{
  color:#171b23;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:rgba(247,196,0,.75);
}
.blog-entry a:hover{
  color:#000;
  text-decoration-color:var(--yellow);
}
.blog-entry ul,
.blog-entry ol{
  margin:0 0 18px;
  padding-right:24px;
  padding-left:0;
}
.blog-entry ul{list-style:disc}
.blog-entry ol{list-style:decimal}
.blog-entry li{
  margin:0 0 8px;
  padding:0;
}
.blog-entry li::before{content:none!important;display:none!important}
.blog-entry blockquote{
  margin:24px 0;
  padding:16px 18px;
  border-right:4px solid var(--yellow);
  background:#fafbfc;
  border-radius:12px;
  color:#4c525e;
  font-size:16px;
  font-weight:600;
}
.blog-entry blockquote p:last-child{
  margin-bottom:0;
}
.blog-entry img{
  max-width:100%;
  height:auto;
  border-radius:14px;
  border:1px solid var(--line);
  box-shadow:0 8px 24px rgba(17,20,27,.06);
}
.blog-entry figure{
  margin:24px 0;
}
.blog-entry figcaption{
  margin-top:8px;
  font-size:13px;
  color:#7b818c;
  font-weight:700;
  text-align:center;
}
.blog-entry hr{
  border:0;
  height:1px;
  background:#eceef2;
  margin:28px 0;
}
.blog-entry pre{
  margin:0 0 18px;
  padding:16px 18px;
  border-radius:12px;
  background:#171b23;
  color:#f5f7fa;
  overflow:auto;
  font-size:14px;
  line-height:1.6;
  direction:ltr;
  text-align:left;
}
.blog-entry code{
  padding:2px 6px;
  border-radius:6px;
  background:#f3f4f6;
  color:#111;
  font-size:.92em;
  direction:ltr;
}
.blog-entry pre code{
  padding:0;
  background:transparent;
  color:inherit;
}
.blog-entry table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 20px;
  font-size:15px;
}
.blog-entry th,
.blog-entry td{
  padding:11px 14px;
  border:1px solid #eceef2;
  text-align:right;
}
.blog-entry th{
  background:#fbfbfc;
  font-weight:900;
  color:#222832;
}
.blog-entry .wp-block-image{
  margin:24px 0;
}
.blog-entry .wp-block-quote{
  margin:24px 0;
}
.blog-single__foot{
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:20px 28px 28px;
  border-top:1px solid #f0f1f4;
  background:#fafbfc;
}
.blog-single__tags{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.blog-single__tags-label{
  font-size:14px;
  font-weight:900;
  color:#3f4650;
}
.blog-single__tags .chip{
  text-decoration:none;
}
.blog-single__actions{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.blog-single__back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px;
  border-radius:12px;
  background:var(--yellow);
  color:#111;
  font-size:15px;
  font-weight:900;
  text-decoration:none;
  transition:background .2s,transform .2s;
}
.blog-single__back:hover{
  background:var(--yellow-dark);
  transform:translateY(-1px);
  color:#111;
}
.blog-single__nav{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
@media(min-width:721px){
  .blog-single__nav{
    flex:1 1 320px;
  }
}
.blog-single__nav-link{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:min(100%,220px);
  max-width:280px;
  flex:1 1 220px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  text-decoration:none;
  transition:border-color .2s,box-shadow .2s;
}
.blog-single__nav-link span{
  font-size:12px;
  font-weight:800;
  color:#7b818c;
}
.blog-single__nav-link strong{
  font-size:14px;
  font-weight:900;
  color:#1f232b;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.blog-single__nav-link:hover{
  border-color:rgba(247,196,0,.55);
  box-shadow:0 8px 20px rgba(17,20,27,.06);
}
.blog-single__nav-link--next{
  text-align:left;
}
.blog-related{
  margin-bottom:18px;
}
.blog-related .section-head{
  margin:0 0 16px;
}
.blog-related .title span{
  color:var(--yellow);
}
.blog-pagination{
  margin-top:8px;
}

.static-page__article{
  padding:0;
  overflow:hidden;
  margin-bottom:24px;
}

/* Order received must not use static-page card / narrow column */
.order-received-body .static-page > .breadcrumb,
.order-received-body .static-page__head,
.woocommerce-order-received .static-page > .breadcrumb,
.woocommerce-order-received .static-page__head,
body:has(.order-received-page) .static-page > .breadcrumb,
body:has(.order-received-page) .static-page__head{
  display:none!important;
}
.order-received-body .static-page__article,
.order-received-body .static-page__article.card,
.order-received-body .static-page__content,
.woocommerce-order-received .static-page__article,
.woocommerce-order-received .static-page__article.card,
.woocommerce-order-received .static-page__content,
body:has(.order-received-page) .static-page__article,
body:has(.order-received-page) .static-page__article.card,
body:has(.order-received-page) .static-page__content{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
.order-received-body .static-page,
.woocommerce-order-received .static-page,
body:has(.order-received-page) .static-page{
  width:min(var(--container),calc(100% - 48px))!important;
  max-width:var(--container)!important;
  margin-inline:auto;
}
.order-received-body .order-received-page,
.woocommerce-order-received .order-received-page,
body:has(.order-received-page) .order-received-page.container{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
}
@media (min-width:721px){
  .order-received-body .order-received-layout,
  .woocommerce-order-received .order-received-layout,
  body:has(.order-received-page) .order-received-layout{
    grid-template-columns:minmax(0,1fr) 370px;
    gap:22px;
    width:100%;
    max-width:var(--container);
  }
}
.static-page__head{
  padding:28px 28px 12px;
}
.static-page__title{
  margin:0;
  font-size:clamp(30px,4.2vw,44px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.5px;
  color:#171b23;
}
.static-page__content{
  padding:12px 28px 28px;
  max-width:860px;
  margin-inline:auto;
}

.blog-static-page .blog-single__head{
  padding-bottom:4px;
}
.blog-static-page .blog-single__content{
  padding-top:12px;
}

@media(max-width:980px){
  .blog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .blog-single__hero-inner,
  .blog-single__content,
  .blog-single__foot{
    padding-inline:20px;
  }
  .blog-single__content{
    max-width:none;
  }
  .blog-entry{
    font-size:16px;
  }
  .blog-entry h2{font-size:24px}
  .blog-entry h3{font-size:20px}
}

@media(max-width:720px){
  .blog-page{
    padding-bottom:24px;
  }
  .blog-hero{
    margin-bottom:14px;
  }
  .blog-grid,
  .blog-grid--related{
    grid-template-columns:1fr;
    gap:12px;
  }
  .blog-card__title{
    font-size:18px;
  }
  .blog-single__title{
    font-size:28px;
  }
  .blog-single__hero-inner,
  .blog-single__content,
  .blog-single__foot{
    padding-inline:16px;
  }
  .blog-single__foot{
    padding-block:14px 16px;
    gap:12px;
  }
  .blog-single__meta-bar{
    gap:8px;
  }
  .blog-single__meta-item{
    min-height:36px;
    padding:0 12px;
    font-size:12px;
  }
  .blog-single__media img{
    max-height:260px;
  }
  .blog-single__actions{
    flex-direction:column;
    gap:10px;
  }
  .blog-single__back{
    width:100%;
    min-height:44px;
    padding:0 16px;
    font-size:14px;
  }
  .blog-single__nav{
    width:100%;
    flex:0 0 auto;
    flex-direction:column;
    gap:8px;
  }
  .blog-single__nav-link{
    max-width:none;
    min-width:0;
    flex:0 0 auto;
    width:100%;
    padding:10px 12px;
  }
  .blog-single__nav-link strong{
    font-size:13px;
  }
}