@font-face {
  font-family: vazir;
  src: url("../fonts/Vazirmatn-FD-Regular.woff2");
}
@font-face {
  font-family: vazir-bold;
  src: url("../fonts/Vazirmatn-FD-Bold.woff2");
}

body {
  direction: rtl;
  text-align: right;
  overflow-x: hidden;
  font-family: vazir !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: vazir-bold !important;
}
.productSwiper {
  overflow: hidden !important;
}
.productSwiper .swiper-slide {
  height: auto !important;
}
.swiper-button-prev,
.swiper-button-next {
  background-color: white !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 16px !important;
  font-weight: bold !important;
  color: #2d6a4f !important;
}
.swiper-button-prev,
.swiper-button-next {
  display: flex !important;
  background-color: white !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 12px !important;
  font-weight: bold !important;
  color: #2d6a4f !important;
}

@media (max-width: 640px) {
  .swiper-button-prev,
  .swiper-button-next {
    width: 28px !important;
    height: 28px !important;
  }
  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 10px !important;
  }
}
#searchModal {
  transition: all 0.3s ease-in-out;
}

#searchModal.flex {
  animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#searchModal .bg-white {
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* افکت محو شدن بکدراپ */
#mobileSidebar {
  visibility: hidden;
  transition: visibility 0.3s ease;
}

#mobileSidebar.show {
  visibility: visible;
}

#mobileSidebar .bg-black\/50 {
  opacity: 0;
  transition: opacity 0.3s ease;
}

#mobileSidebar.show .bg-black\/50 {
  opacity: 1;
}

/* افکت کشویی سایدبار */
#mobileSidebar .absolute.right-0 {
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
}

#mobileSidebar.show .absolute.right-0 {
  transform: translateX(0);
}

/* ========== مگامنو وسط‌چین ========== */
.menu-item {
  position: static;
}

.megamenu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
  margin-top: 0.5rem;
  max-width: 1200px;
  width: calc(100vw - 40px); /* عرض 100% منهای padding */
}

.menu-item:hover .megamenu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* هدر باید position: relative باشه */
header {
  position: relative;
}

/* ========== ریسپانسیو ========== */
@media (min-width: 1200px) {
  .megamenu {
    width: 1200px; /* عرض ثابت برای صفحات بزرگ */
  }
}

@media (max-width: 1199px) {
  .megamenu {
    width: calc(100vw - 40px);
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
  }

  .menu-item:hover .megamenu {
    transform: translateX(-50%) translateY(0);
  }

  /* مخفی کردن منوی دسکتاپ و نمایش همبرگر */
  nav.lg\:flex {
    display: none !important;
  }

  button.lg\:hidden {
    display: block !important;
  }
}
.chevron {
  transition: transform 0.2s ease;
}
.menu-item:hover .chevron {
  transform: rotate(180deg);
}

.category-item {
  min-height: 56px;
}

/* ========== منوی خدمات تک‌ستونه ========== */
.services-menu {
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
  margin-top: 0.5rem;
}

.services-item:hover .services-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.services-item:hover .chevron {
  transform: rotate(180deg);
}
.menu-item:hover button,
.services-item:hover button {
  box-shadow: inset 0 -2px 0 #16a34a;
}

/*======*/
/* تنظیمات اضافه برای Swiper */
.heroSwiper {
  direction: ltr;
}
.heroSwiper .swiper-slide {
  direction: rtl;
}
.swiper-pagination-bullet-active {
  background-color: #2d6a4f !important;
}
.swiper-button-next,
.swiper-button-prev {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}
.rotate-180 {
  transform: rotate(180deg);
}

/* About page */
.about-page { --about-ink:#10271f; --about-green:#0e7c59; --about-lime:#c8f05a; background:#f7faf8; color:var(--about-ink); overflow:hidden; }
.about-shell { width:min(1180px,calc(100% - 40px)); margin-inline:auto; position:relative; }
.about-hero { position:relative; padding:32px 0 0; background:radial-gradient(circle at 15% 20%,rgba(200,240,90,.18),transparent 25%),linear-gradient(135deg,#062b23 0%,#0b5944 62%,#087353 100%); color:#fff; isolation:isolate; overflow:hidden; }
.about-hero::before { content:""; position:absolute; inset:0; opacity:.13; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,#000,transparent); }
.about-hero__glow { position:absolute; border-radius:50%; filter:blur(4px); border:1px solid rgba(255,255,255,.18); }
.about-hero__glow--one { width:430px; height:430px; left:-150px; top:-180px; box-shadow:inset 0 0 100px rgba(200,240,90,.12); }
.about-hero__glow--two { width:240px; height:240px; right:38%; bottom:-170px; background:rgba(200,240,90,.08); }
.about-breadcrumb { display:flex; gap:12px; align-items:center; font-size:13px; color:rgba(255,255,255,.7); }
.about-breadcrumb a { color:#fff; text-decoration:none; }.about-breadcrumb i { font-size:9px; }
.about-hero__layout { min-height:450px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:70px; padding:55px 0 80px; }
.about-badge { display:inline-flex; align-items:center; gap:9px; padding:9px 15px; border-radius:99px; background:rgba(200,240,90,.14); border:1px solid rgba(200,240,90,.35); color:#dcff82; font-size:13px; font-weight:700; }
.about-hero h1 { max-width:720px; margin:22px 0 20px; font-size:clamp(40px,5vw,70px); line-height:1.35; letter-spacing:-2px; }.about-hero h1 em { color:var(--about-lime); font-style:normal; position:relative; }
.about-hero__copy>p { max-width:650px; margin:0; color:rgba(255,255,255,.75); font-size:17px; line-height:2.05; }
.about-hero__symbol { width:310px; aspect-ratio:1; margin:auto; position:relative; display:grid; place-items:center; }
.about-hero__ring { position:absolute; inset:12px; border:1px dashed rgba(255,255,255,.35); border-radius:42% 58% 54% 46%; transform:rotate(18deg); box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 80px rgba(200,240,90,.12); }
.about-hero__x { font:800 150px/1 Arial,sans-serif; color:transparent; -webkit-text-stroke:2px var(--about-lime); text-shadow:0 0 35px rgba(200,240,90,.28); transform:rotate(-7deg); }
.about-float { position:absolute; width:54px; height:54px; display:grid; place-items:center; border-radius:18px; color:#15382d; background:var(--about-lime); box-shadow:0 14px 35px rgba(0,0,0,.24); }.about-float--one{top:15px;right:12px}.about-float--two{bottom:18px;right:38px}.about-float--three{left:-4px;top:44%}
.about-promises { display:grid; grid-template-columns:repeat(3,1fr); background:#fff; color:var(--about-ink); border-radius:24px 24px 0 0; box-shadow:0 -12px 40px rgba(0,0,0,.1); overflow:hidden; }
.about-promises article { padding:24px 30px; display:flex; align-items:center; gap:15px; border-left:1px solid #e9f0ed; }.about-promises article:last-child{border:0}.about-promises article>i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#eaf8f2;color:var(--about-green);font-size:19px}.about-promises strong,.about-promises span{display:block}.about-promises span{font-size:12px;color:#718079;margin-top:5px}
.about-story,.about-direction,.about-values,.about-journey,.about-seo { padding:105px 0; }.about-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.about-section-heading>span{color:var(--about-green);font-size:13px;font-weight:800;letter-spacing:1px}.about-section-heading h2{font-size:clamp(27px,3vw,42px);line-height:1.5;margin:10px 0 18px}.about-section-heading p,.about-values__intro>p{color:#627169;line-height:2.15;margin:0}.about-section-heading--center{text-align:center;max-width:680px;margin:0 auto 48px}
.about-story__board{padding:26px;border-radius:30px;background:#e6f3ed;transform:rotate(-2deg)}.about-story__quote{padding:35px;border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(16,39,31,.08)}.about-story__quote i{font-size:28px;color:var(--about-green)}.about-story__quote p{font-size:20px;font-weight:700;line-height:2;margin:12px 0}.about-story__points{display:flex;flex-wrap:wrap;gap:10px;padding:22px 8px 0}.about-story__points span{font-size:12px;background:rgba(255,255,255,.65);padding:7px 10px;border-radius:10px}.about-story__points i{color:var(--about-green)}
.about-direction{background:#fff}.about-direction__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.about-direction__grid article{position:relative;padding:38px 30px;border:1px solid #e4ece8;border-radius:24px;transition:.25s}.about-direction__grid article:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(16,39,31,.08)}.about-direction__grid article>span{position:absolute;left:24px;top:20px;font-size:42px;font-weight:800;color:#eef2f0}.about-direction__grid article>i{font-size:28px;color:var(--about-green)}.about-direction__grid h3{margin:24px 0 12px;font-size:20px}.about-direction__grid p{color:#68766f;line-height:2;margin:0}.about-direction__grid .is-highlighted{background:var(--about-ink);color:#fff;border-color:var(--about-ink)}.about-direction__grid .is-highlighted p{color:#b8c8c1}.about-direction__grid .is-highlighted>i{color:var(--about-lime)}.about-direction__grid .is-highlighted>span{color:rgba(255,255,255,.08)}
.about-values{background:#eaf3ef}.about-values__intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:42px}.about-values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.about-values__grid article{position:relative;min-height:270px;background:#fff;padding:28px 24px;border-radius:20px}.about-values__grid b{position:absolute;left:18px;top:14px;color:#dce7e2;font-size:30px}.about-values__grid i{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#ddf5ea;color:var(--about-green);font-size:20px}.about-values__grid h3{margin:30px 0 12px}.about-values__grid p{font-size:13px;line-height:2;color:#68766f}
.about-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);counter-reset:steps}.about-timeline li{position:relative;text-align:center;padding:42px 28px 0;border-top:2px solid #cbd9d2}.about-timeline li::before{content:"";position:absolute;width:17px;height:17px;border:5px solid #fff;border-radius:50%;background:var(--about-green);top:-10px;right:calc(50% - 8px);box-shadow:0 0 0 2px var(--about-green)}.about-timeline span{color:var(--about-green);font-weight:700;font-size:12px}.about-timeline h3{font-size:20px;margin:12px 0}.about-timeline p{color:#6d7973;line-height:1.9;font-size:13px}
.about-seo{background:var(--about-ink);color:#fff}.about-seo__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.about-seo__content h2{font-size:33px;line-height:1.6;margin:20px 0}.about-seo__content p{color:#b9c8c1;line-height:2.1}.about-faq h2{font-size:23px;margin:0 0 20px}.about-faq details{border-bottom:1px solid rgba(255,255,255,.14)}.about-faq summary{list-style:none;cursor:pointer;padding:20px 0;font-weight:700;display:flex;justify-content:space-between;gap:20px}.about-faq summary::-webkit-details-marker{display:none}.about-faq summary i{color:var(--about-lime);transition:.2s}.about-faq details[open] summary i{transform:rotate(45deg)}.about-faq details p{color:#b9c8c1;line-height:2;margin:0 0 20px;font-size:13px}
@media (max-width:900px){.about-hero__layout,.about-story__grid,.about-values__intro,.about-seo__layout{grid-template-columns:1fr}.about-hero__symbol{display:none}.about-hero__layout{min-height:auto;padding:55px 0}.about-direction__grid{grid-template-columns:1fr}.about-values__grid{grid-template-columns:repeat(2,1fr)}.about-story__grid,.about-values__intro,.about-seo__layout{gap:40px}.about-promises article{padding:20px 15px}}
@media (max-width:600px){.about-shell{width:min(100% - 28px,1180px)}.about-hero{padding-top:20px}.about-hero h1{font-size:37px;letter-spacing:-1px}.about-hero__copy>p{font-size:14px}.about-promises{grid-template-columns:1fr;border-radius:20px 20px 0 0}.about-promises article{border-left:0;border-bottom:1px solid #e9f0ed}.about-story,.about-direction,.about-values,.about-journey,.about-seo{padding:72px 0}.about-values__grid,.about-timeline{grid-template-columns:1fr}.about-values__grid article{min-height:auto}.about-timeline li{border-top:0;border-right:2px solid #cbd9d2;padding:10px 30px 35px 0;text-align:right}.about-timeline li::before{right:-10px;top:12px}.about-section-heading h2{font-size:28px}.about-story__quote p{font-size:17px}}

/* Static pages module */
.static-page{--sp-accent:#2d6a4f;--sp-soft:#eef8f2;color:#24312b;background:#fff;padding-bottom:70px}.static-page--support{--sp-accent:#176b87;--sp-soft:#eaf7fb}.static-page--legal{--sp-accent:#594a78;--sp-soft:#f2eff8}.static-page--guide{--sp-accent:#b76516;--sp-soft:#fff5e9}.static-page--partner{--sp-accent:#9b3d5b;--sp-soft:#fff0f4}.static-page--trust{--sp-accent:#176b4d;--sp-soft:#eaf8f1}.static-page__shell{width:min(1180px,calc(100% - 32px));margin:auto}.static-page__hero{position:relative;overflow:hidden;padding:38px 0 64px;background:linear-gradient(135deg,var(--sp-soft),#fff);border-bottom:1px solid color-mix(in srgb,var(--sp-accent) 18%,transparent)}.static-page__hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:var(--sp-accent);opacity:.07;left:-80px;top:-130px}.static-page__breadcrumb{display:flex;gap:9px;align-items:center;font-size:13px;margin-bottom:42px}.static-page__breadcrumb a{color:var(--sp-accent)}.static-page__hero-grid{display:grid;grid-template-columns:1fr minmax(220px,38%);align-items:center;gap:50px}.static-page__hero h1{font-size:clamp(31px,5vw,56px);margin:14px 0;line-height:1.25}.static-page__hero p{font-size:18px;line-height:2;max-width:720px}.static-page__hero img{width:100%;height:300px;object-fit:cover;border-radius:36px 8px 36px 8px;box-shadow:0 22px 50px #183c2925}.static-page__badge{display:inline-flex;padding:7px 16px;border-radius:99px;background:var(--sp-accent);color:white;font-size:13px}.static-page__features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:-28px 0 50px;position:relative}.static-page__features>div{background:#fff;padding:25px;border-radius:18px;box-shadow:0 10px 35px #23372d13;border-top:3px solid var(--sp-accent)}.static-page__features strong{font-size:17px;color:var(--sp-accent)}.static-page__features p,.static-page__content,.static-page__seo{line-height:2}.static-page__content{padding:34px 0;font-size:16px}.static-page__faq{margin:35px 0}.static-page__faq details{padding:19px 22px;border:1px solid #e5ebe7;border-radius:14px;margin:10px 0;background:#fff}.static-page__faq summary{cursor:pointer;font-weight:700;color:var(--sp-accent)}.static-page__faq p{line-height:2}.static-page__seo{background:var(--sp-soft);border-radius:22px;padding:30px;margin-top:45px}.static-page--legal .static-page__content{border-right:4px solid var(--sp-accent);padding-right:28px}.static-page--guide .static-page__features>div{border-top:0;border-right:4px solid var(--sp-accent)}.static-page--partner .static-page__hero{background:linear-gradient(120deg,#fff0f4,#fff 55%,#f8edf7)}
@media (max-width:768px){.static-page__hero-grid{grid-template-columns:1fr}.static-page__hero img{height:220px}.static-page__features{grid-template-columns:1fr;margin-top:24px}.static-page__hero{padding-bottom:35px}.static-page__breadcrumb{margin-bottom:24px}}

/* Customer login */
.login-page{--login-green:#167553;--login-deep:#0d4938;position:relative;isolation:isolate;display:grid;place-items:center;min-height:calc(100vh - 112px);padding:72px 20px;overflow:hidden;background:radial-gradient(circle at 78% 14%,rgba(98,190,151,.15),transparent 27%),radial-gradient(circle at 13% 85%,rgba(148,163,184,.13),transparent 28%),linear-gradient(145deg,#fbfdfc 0%,#f3f8f5 50%,#f8faf9 100%);color:#17251f}
.login-page__glow{position:absolute;z-index:-1;border-radius:999px;filter:blur(3px);pointer-events:none}.login-page__glow--top{width:430px;height:430px;top:-250px;right:-100px;background:rgba(85,178,139,.12)}.login-page__glow--bottom{width:360px;height:360px;bottom:-240px;left:-80px;background:rgba(148,163,184,.13)}
.login-page__float{position:absolute;display:grid;place-items:center;color:var(--login-green);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.92);box-shadow:0 16px 45px rgba(25,65,49,.1);backdrop-filter:blur(10px);animation:login-float 5s ease-in-out infinite}.login-page__float--one{width:64px;height:64px;top:17%;right:max(5%,calc(50% - 340px));border-radius:22px;transform:rotate(9deg);font-size:22px}.login-page__float--two{width:48px;height:48px;bottom:19%;left:max(5%,calc(50% - 330px));border-radius:16px;animation-delay:-2s}.login-page__float--three{width:20px;height:20px;top:30%;left:max(7%,calc(50% - 355px));border-radius:7px;background:#badcca;animation-delay:-3s}
.login-card{position:relative;width:min(100%,510px);padding:44px 52px 32px;border:1px solid rgba(255,255,255,.95);border-radius:38px;background:rgba(255,255,255,.88);box-shadow:0 30px 80px rgba(17,54,40,.11),0 3px 10px rgba(17,54,40,.04);backdrop-filter:blur(18px);animation:login-card-in .65s cubic-bezier(.2,.8,.2,1) both}.login-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.7),transparent 42%)}
.login-card__icon{position:relative;display:grid;place-items:center;width:78px;height:78px;margin:0 auto 20px;border-radius:25px;color:#fff;font-size:30px;background:linear-gradient(145deg,#26966e,var(--login-deep));box-shadow:0 16px 32px rgba(22,117,83,.25)}.login-card__icon::after{content:"";position:absolute;inset:-8px;border:1px solid rgba(22,117,83,.12);border-radius:30px}.login-card__eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--login-green);font-size:12px;font-weight:800}.login-card__eyebrow span{width:22px;height:1px;background:#b7d8ca}.login-card h1{position:relative;margin:10px 0 7px;text-align:center;font-size:27px;font-weight:900;line-height:1.55;letter-spacing:-.5px}.login-card__help{position:relative;min-height:29px;margin:0;text-align:center;color:#748179;font-size:14px;line-height:2}
.login-form{position:relative;margin-top:27px}.login-form[hidden]{display:none}.login-form label{display:block;margin-bottom:9px;color:#33443c;font-size:13px;font-weight:800}.login-mobile-field{display:flex;align-items:center;height:62px;overflow:hidden;border:1px solid #dce6e1;border-radius:18px;background:#fbfdfc;transition:border-color .2s,box-shadow .2s,background .2s}.login-mobile-field:focus-within{border-color:#50a987;background:#fff;box-shadow:0 0 0 4px rgba(22,117,83,.09)}.login-mobile-field>span{display:grid;place-items:center;width:58px;height:32px;color:#789087;border-right:1px solid #e1e9e5;font-size:18px}.login-mobile-field input{min-width:0;flex:1;height:100%;padding:0 15px;border:0;outline:0;background:transparent;color:#16271f;text-align:left;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:1.4px}.login-mobile-field input::placeholder{color:#b7c2bd}.login-mobile-field b{padding-right:15px;color:#8a9891;font-size:13px;letter-spacing:.5px}.login-form small{display:block;margin-top:9px;color:#87938d;font-size:11px}.login-form small i{margin-left:4px;color:#59a889}
.login-primary-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:60px;margin-top:22px;padding:0 24px;border:0;border-radius:18px;overflow:hidden;color:#fff;background:linear-gradient(110deg,var(--login-deep),#19835e);box-shadow:0 13px 26px rgba(22,117,83,.2);font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s}.login-primary-button::before{content:"";position:absolute;inset:0;transform:translateX(110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transition:transform .55s}.login-primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 17px 32px rgba(22,117,83,.26)}.login-primary-button:hover::before{transform:translateX(-110%)}.login-primary-button:disabled{cursor:wait;opacity:.75}.login-primary-button .button-arrow{position:absolute;left:22px;font-size:14px;transition:transform .2s}.login-primary-button:hover .button-arrow{transform:translateX(-3px)}.login-primary-button .button-spinner{display:none}.login-primary-button.is-loading .button-label,.login-primary-button.is-loading .button-arrow{visibility:hidden}.login-primary-button.is-loading .button-spinner{display:block;animation:login-spin .8s linear infinite}
.login-otp__digits{display:flex;justify-content:center;gap:12px}.otp-digit{width:68px;height:72px;border:1px solid #dce6e1;border-radius:19px;outline:0;background:#fbfdfc;color:#173d30;text-align:center;font-family:inherit;font-size:29px;font-weight:900;caret-color:var(--login-green);transition:border-color .2s,box-shadow .2s,transform .2s}.otp-digit:focus{transform:translateY(-2px);border-color:#42a17e;background:#fff;box-shadow:0 0 0 4px rgba(22,117,83,.09)}.login-otp__timer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:12px 15px;border-radius:14px;color:#7a8981;background:#f4f8f6;font-size:12px}.login-otp__timer strong{color:var(--login-deep);font:800 14px/1 monospace;letter-spacing:.5px}.login-text-button,.login-edit-button{display:block;margin:14px auto 0;border:0;background:transparent;color:var(--login-green);font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}.login-text-button:disabled{color:#aeb8b3;cursor:not-allowed}.login-text-button i,.login-edit-button i{margin-left:5px}.login-edit-button{margin-top:16px;color:#66766e}
.login-card__trust{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:27px;padding-top:20px;border-top:1px solid #edf1ef;color:#98a29d;font-size:10px}.login-card__trust i{color:#79a996}
@keyframes login-card-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes login-float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes login-spin{to{transform:rotate(360deg)}}
@media (max-width:700px){.login-page{min-height:calc(100vh - 80px);padding:46px 16px}.login-page__float{display:none}.login-card{padding:37px 24px 27px;border-radius:30px}.login-card__icon{width:70px;height:70px;border-radius:22px;font-size:27px}.login-card h1{font-size:23px}.otp-digit{width:58px;height:64px;border-radius:17px}.login-card__trust{line-height:1.8;text-align:center}}
@media (max-width:370px){.login-card{padding-inline:18px}.login-otp__digits{gap:7px}.otp-digit{width:52px;height:60px}}
@media (prefers-reduced-motion:reduce){.login-card,.login-page__float,.login-primary-button .button-spinner{animation:none}.login-primary-button,.otp-digit{transition:none}}

/* Static page feature details and FAQ accordion */
.static-page__feature{display:flex;align-items:flex-start;gap:16px}.static-page__feature-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:14px;color:var(--feature-color,var(--sp-accent));background:color-mix(in srgb,var(--feature-color,var(--sp-accent)) 12%,white);font-size:21px}.static-page__feature p{margin:7px 0 0;color:#68766f}.static-page__faq{max-width:900px;margin:48px auto}.static-page__faq h2{margin:0 0 22px;font-size:clamp(23px,3vw,32px);text-align:center}.static-page__faq details{overflow:hidden;padding:0;transition:border-color .25s,box-shadow .25s}.static-page__faq details[open]{border-color:color-mix(in srgb,var(--sp-accent) 35%,#e5ebe7);box-shadow:0 12px 30px rgba(27,68,52,.08)}.static-page__faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;list-style:none}.static-page__faq summary::-webkit-details-marker{display:none}.static-page__faq summary i{transition:transform .3s ease}.static-page__faq details[open] summary i{transform:rotate(180deg)}.static-page__faq-answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s ease,opacity .35s ease}.static-page__faq details[open] .static-page__faq-answer{grid-template-rows:1fr;opacity:1}.static-page__faq-answer p{min-height:0;overflow:hidden;margin:0;padding:0 22px 20px;color:#596a62}.static-page__faq details::details-content{display:block;block-size:0;transition:block-size .35s,content-visibility .35s;transition-behavior:allow-discrete}.static-page__faq details[open]::details-content{block-size:auto}
@media(max-width:768px){.static-page__feature{align-items:center}.static-page__faq{margin-block:32px}.static-page__faq summary{padding:17px}.static-page__faq-answer p{padding:0 17px 17px}}
@media(prefers-reduced-motion:reduce){.static-page__faq details,.static-page__faq summary i,.static-page__faq-answer,.static-page__faq details::details-content{transition:none}}

/* Brands directory */
.brand-list-page{background:#f6f7fb;color:#182033;min-height:70vh}.brand-list-shell{width:min(1240px,calc(100% - 32px));margin-inline:auto}.brand-list-hero{position:relative;overflow:hidden;padding:34px 0 58px;background:radial-gradient(circle at 12% 20%,rgba(232,181,78,.2),transparent 32%),linear-gradient(125deg,#11182a,#263454);color:#fff}.brand-list-hero:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.1);border-radius:50%;left:-110px;bottom:-250px;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.02)}.brand-list-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:40px;font-size:13px;color:#cbd3e5}.brand-list-breadcrumb a{color:#fff}.brand-list-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:70px}.brand-list-eyebrow{display:inline-flex;padding:7px 13px;border:1px solid rgba(232,181,78,.45);border-radius:999px;color:#f0c974;font-size:12px}.brand-list-hero h1{font-size:clamp(30px,4vw,54px);line-height:1.4;margin:16px 0 12px}.brand-list-hero p{max-width:680px;color:#d7dceb;font-size:16px;line-height:2}.brand-list-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.brand-list-stats div{display:flex;flex-direction:column;gap:5px;padding:22px 12px;text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.brand-list-stats strong{font-size:26px;color:#f0c974}.brand-list-stats span{font-size:12px;color:#d7dceb}.brand-list-content{padding:0 0 70px}.brand-search-box{position:relative;z-index:2;display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;margin:-25px 0 40px;padding:10px 16px;background:#fff;border:1px solid #e5e8ef;border-radius:18px;box-shadow:0 14px 38px rgba(17,24,42,.1)}.brand-search-box label{font-weight:700;white-space:nowrap}.brand-search-box input{height:46px;border:0;border-right:1px solid #e6e8ed;padding:0 16px;outline:0}.brand-search-box button,.brand-search-control button{border:0;border-radius:12px;background:#d69f32;color:#fff;padding:13px 26px;cursor:pointer}.brand-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.brand-card-item{display:flex;gap:18px;padding:22px;min-height:230px;background:#fff;border:1px solid #e7e9ef;border-radius:22px;color:#182033;transition:transform .2s,box-shadow .2s,border-color .2s}.brand-card-item:hover{transform:translateY(-4px);border-color:#d9b76d;box-shadow:0 18px 45px rgba(25,34,55,.1)}.brand-card-logo{display:grid;place-items:center;width:105px;height:105px;flex:0 0 105px;border-radius:18px;background:#f7f8fa;border:1px solid #eceef2;overflow:hidden}.brand-card-logo img{max-width:80%;max-height:80%;object-fit:contain}.brand-card-logo b{font-size:38px;color:#c58d25}.brand-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start}.brand-card-body small{color:#b77d12;background:#fff5df;border-radius:20px;padding:4px 9px;margin-bottom:7px}.brand-card-body strong{font-size:19px}.brand-card-body>span:not(.brand-card-action){color:#6d7482;font-size:13px;line-height:1.8;margin-top:8px}.brand-card-body em{font-style:normal;font-size:12px;color:#818896;margin-top:auto}.brand-card-action{display:flex;align-items:center;gap:8px;margin-top:12px;color:#b77d12;font-weight:700;font-size:13px}.brand-list-empty{text-align:center;padding:70px;background:#fff;border-radius:22px}.brand-list-empty i,.brand-list-empty strong,.brand-list-empty a{display:block;margin:10px auto}.brand-search-form{margin:0 0 28px}.brand-search-label{display:block;font-weight:700;margin-bottom:9px}.brand-search-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 12px;background:#fff;border:1px solid #e1e5ec;border-radius:15px}.brand-search-control input{height:44px;border:0;outline:0}.brand-search-control i{color:#969dab}
@media(max-width:900px){.brand-list-hero-grid{grid-template-columns:1fr;gap:30px}.brand-list-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.brand-list-grid{grid-template-columns:1fr}.brand-list-stats{grid-template-columns:1fr}.brand-search-box{grid-template-columns:auto 1fr}.brand-search-box label{display:none}.brand-search-box input{border-right:0}.brand-search-box button{grid-column:1/-1}.brand-card-logo{width:82px;height:82px;flex-basis:82px}}


/* Home brands */
.home-brands-section{background:linear-gradient(135deg,#0d2b1f 0%,#1a4a33 100%)}
.home-brand-logo{position:relative;overflow:hidden}.home-brand-logo img{width:100%;height:100%;padding:9px;object-fit:contain;background:#fff}

/* Brand details hero */
.brand-page{--brand-deep:#09271f;--brand-green:#18765a;--brand-gold:#d4a13e;color:#1c2e28;background:#f8faf9}.brand-shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.brand-hero{position:relative;isolation:isolate;min-height:580px;padding:30px 0 66px;overflow:hidden;color:#fff;background:#0b3429}.brand-hero::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,25,19,.97) 0%,rgba(8,43,33,.88) 48%,rgba(8,43,33,.5) 100%)}.brand-hero::after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 83% 16%,rgba(212,161,62,.2),transparent 30%);pointer-events:none}.brand-hero--fallback{background:radial-gradient(circle at 12% 18%,rgba(212,161,62,.2),transparent 28%),radial-gradient(circle at 84% 78%,rgba(63,164,124,.24),transparent 31%),linear-gradient(135deg,#061d17,#155b47)}.brand-hero--fallback::before{background:linear-gradient(125deg,rgba(4,24,18,.42),rgba(12,77,58,.15))}.brand-hero-banner{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover}
.brand-breadcrumb,.brand-hero__content{position:relative;z-index:2}.brand-breadcrumb{display:flex;align-items:center;gap:10px;color:#c5d4ce;font-size:13px}.brand-breadcrumb a{color:#fff;transition:color .2s}.brand-breadcrumb a:hover{color:#f1c76f}.brand-breadcrumb i{font-size:9px;color:#8fa79e}
.brand-hero__content{display:grid;grid-template-columns:190px 1fr;gap:42px;align-items:center;min-height:475px}.brand-logo{display:grid;place-items:center;width:180px;height:180px;padding:22px;border:1px solid rgba(255,255,255,.7);border-radius:42px 12px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.32)}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-logo span{color:var(--brand-green);font-size:76px;font-weight:900}.brand-kicker{display:inline-flex;align-items:center;gap:8px;color:#f1c76f;font-size:13px;font-weight:800}.brand-kicker::before{content:"";width:24px;height:1px;background:currentColor}.brand-intro h1{margin:8px 0 12px;font-size:clamp(40px,6vw,72px);line-height:1.3}.brand-intro>p{max-width:700px;margin:0;color:#d5e1dc;font-size:17px;line-height:2}
.brand-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.brand-facts span{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px);font-size:13px}.brand-facts b{color:#fff}.brand-facts i{color:#f1c76f}.brand-actions{display:flex;gap:12px;margin-top:25px}.brand-actions a{display:inline-flex;align-items:center;gap:9px;padding:13px 19px;border:1px solid rgba(255,255,255,.35);border-radius:12px;color:#fff;transition:transform .2s,background .2s}.brand-actions a:hover{transform:translateY(-2px);background:rgba(255,255,255,.1)}.brand-actions .brand-products-button{border-color:var(--brand-gold);background:var(--brand-gold);color:#172a24;font-weight:800}.brand-social{display:flex;gap:9px;margin-top:18px}.brand-social a{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;color:#fff;background:rgba(255,255,255,.13)}
.brand-description,.brand-products{padding:85px 0}.brand-description{background:#fff}.brand-section-heading{margin-bottom:30px}.brand-section-heading>span{color:var(--brand-green);font-size:12px;font-weight:900}.brand-section-heading h2{margin:8px 0;font-size:clamp(25px,3vw,38px)}.brand-section-heading p{color:#718078}.brand-rich-content{line-height:2.15;color:#405149}.brand-rich-content img,.brand-rich-content video,.brand-rich-content iframe{max-width:100%;height:auto;border-radius:16px}.brand-rich-content iframe{width:100%;min-height:430px}.brand-rich-content table{width:100%;border-collapse:collapse}.brand-rich-content td,.brand-rich-content th{padding:12px;border:1px solid #dce5e1}.brand-rich-content ul,.brand-rich-content ol{padding-right:24px;list-style:revert}.brand-empty{display:flex;flex-direction:column;align-items:center;gap:15px;padding:70px;border:1px dashed #cbd9d3;border-radius:20px;color:#6d7d75}.brand-empty i{font-size:38px;color:var(--brand-green)}.brand-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:42px}.brand-pagination a{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid #dce5e1;border-radius:10px;background:#fff;color:#33463e}.brand-pagination a.is-active{border-color:var(--brand-green);background:var(--brand-green);color:#fff}
@media(max-width:700px){.brand-hero{min-height:auto;padding-top:24px}.brand-hero__content{grid-template-columns:1fr;gap:25px;padding:45px 0}.brand-logo{width:125px;height:125px;border-radius:30px 9px}.brand-intro h1{font-size:39px}.brand-intro>p{font-size:14px}.brand-actions{flex-wrap:wrap}.brand-description,.brand-products{padding:60px 0}.brand-rich-content iframe{min-height:240px}}

/* Premium brand details hero */
.brand-detail-hero{position:relative;isolation:isolate;min-height:410px;overflow:hidden;color:#17372d;background:linear-gradient(128deg,#fff 0%,#fffaf0 38%,#f1faf5 72%,#fff9e9 100%)}
.brand-detail-hero::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.38;background-image:radial-gradient(rgba(36,112,82,.13) .7px,transparent .7px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.brand-detail-shell{position:relative;width:min(1180px,calc(100% - 36px));margin-inline:auto}
.brand-detail-shape{position:absolute;z-index:-1;display:block;border-radius:50%;filter:blur(3px);pointer-events:none}
.brand-detail-shape--one{width:260px;height:260px;top:-105px;right:8%;background:rgba(167,213,190,.28);filter:blur(18px)}
.brand-detail-shape--two{width:190px;height:190px;bottom:-105px;left:13%;background:rgba(227,190,108,.2);filter:blur(22px)}
.brand-detail-shape--three{width:65px;height:65px;top:65px;left:38%;border:1px solid rgba(198,157,69,.2);background:rgba(255,255,255,.42);box-shadow:0 10px 40px rgba(54,115,90,.08)}
.brand-detail-breadcrumb{display:flex;align-items:center;gap:9px;padding-top:25px;color:#73827b;font-size:12px}
.brand-detail-breadcrumb a{color:#48675b;transition:color .2s ease}.brand-detail-breadcrumb a:hover{color:#b4822e}.brand-detail-breadcrumb i{color:#a4b0aa;font-size:8px}
.brand-detail-hero-content{display:grid;grid-template-columns:minmax(0,1fr) 245px;align-items:center;gap:80px;min-height:350px;padding:20px 4px 35px}
.brand-detail-intro{max-width:750px}.brand-detail-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#7a6841;font-size:12px;font-weight:800}.brand-detail-eyebrow i{color:#c29845}
.brand-detail-intro h1{margin:7px 0 5px;color:#12352a;font-size:clamp(38px,5vw,60px);font-weight:900;line-height:1.35;letter-spacing:-1.5px}.brand-detail-intro>p{max-width:670px;margin:0;color:#66776f;font-size:15px;line-height:2}
.brand-detail-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.brand-detail-badges>span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid rgba(255,255,255,.86);border-radius:14px;background:rgba(255,255,255,.58);box-shadow:0 7px 25px rgba(39,84,67,.055);backdrop-filter:blur(12px);color:#52665d;font-size:12px}.brand-detail-badges i{color:#b98c36}.brand-detail-badges b{color:#23483a;font-weight:900}
.brand-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.brand-detail-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:13px;font-size:13px;font-weight:800;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.brand-detail-actions a:hover{transform:translateY(-2px)}.brand-detail-primary-button{color:#fff;background:linear-gradient(135deg,#226d55,#174d3d);box-shadow:0 10px 24px rgba(29,92,71,.2)}.brand-detail-primary-button:hover{color:#fff;box-shadow:0 14px 30px rgba(29,92,71,.28)}.brand-detail-secondary-button{border:1px solid rgba(35,92,72,.17);color:#315e4d;background:rgba(255,255,255,.62)}.brand-detail-secondary-button:hover{color:#214c3c;background:#fff}
.brand-detail-logo-card{display:grid;place-items:center;width:225px;height:225px;padding:34px;border:1px solid rgba(255,255,255,.92);border-radius:44px;background:rgba(255,255,255,.9);box-shadow:0 25px 65px rgba(43,82,67,.13),inset 0 1px 0 #fff;transition:transform .35s ease,box-shadow .35s ease}.brand-detail-logo-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 32px 75px rgba(43,82,67,.17),inset 0 1px 0 #fff}.brand-detail-logo-card img{width:100%;height:100%;object-fit:contain}.brand-detail-logo-card span{display:grid;place-items:center;width:120px;height:120px;border-radius:34px;color:#fff;background:linear-gradient(145deg,#2d7a60,#1b5241);box-shadow:0 15px 35px rgba(31,91,70,.2);font-size:64px;font-weight:900}
.brand-detail-about{padding:76px 0;background:#fff}.brand-detail-about-heading{display:flex;align-items:center;gap:15px}.brand-detail-about-heading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#a87c2d;background:linear-gradient(145deg,#fff9e9,#f2f8f4);box-shadow:0 8px 24px rgba(50,92,75,.08)}.brand-detail-about-heading small{display:block;color:#719083;font-size:12px;font-weight:800}.brand-detail-about-heading h2{margin:3px 0 0;color:#17372d;font-size:clamp(25px,3vw,35px)}.brand-detail-divider{width:100%;height:1px;margin:24px 0;background:linear-gradient(90deg,transparent,#d7e4de 18%,#d7e4de 82%,transparent)}.brand-detail-rich-content{color:#465b52;line-height:2.15}.brand-detail-rich-content img,.brand-detail-rich-content video,.brand-detail-rich-content iframe{max-width:100%;height:auto;border-radius:16px}.brand-detail-rich-content iframe{width:100%;min-height:430px}.brand-detail-rich-content table{width:100%;border-collapse:collapse}.brand-detail-rich-content td,.brand-detail-rich-content th{padding:12px;border:1px solid #dce5e1}.brand-detail-rich-content ul,.brand-detail-rich-content ol{padding-right:24px;list-style:revert}
@media(max-width:760px){.brand-detail-hero{min-height:auto}.brand-detail-hero-content{grid-template-columns:1fr;gap:22px;padding:35px 0 48px}.brand-detail-logo-card{grid-row:1;width:135px;height:135px;padding:22px;border-radius:30px}.brand-detail-logo-card span{width:78px;height:78px;border-radius:24px;font-size:42px}.brand-detail-intro h1{font-size:38px}.brand-detail-intro>p{font-size:14px}.brand-detail-badges{margin-top:16px}.brand-detail-actions a{flex:1 1 170px}.brand-detail-about{padding:56px 0}.brand-detail-rich-content iframe{min-height:240px}.brand-detail-shape--three{display:none}}

/* Premium product card - brand details only */
.product-card-v2-card{height:530px;overflow:hidden;border:1px solid rgba(31,91,70,.09);border-radius:30px;background:#fff;box-shadow:0 10px 35px rgba(26,67,52,.065);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.product-card-v2-card:hover{transform:translateY(-6px);border-color:rgba(31,112,82,.16);box-shadow:0 24px 55px rgba(25,70,53,.14)}.product-card-v2-link{display:flex;height:100%;flex-direction:column;color:#17372d}.product-card-v2-link:hover{color:#17372d}.product-card-v2-media{position:relative;display:grid;place-items:center;flex:0 0 55%;overflow:hidden;padding:42px 26px 24px;background:linear-gradient(145deg,#fff 4%,#fffaf0 52%,#eff9f3 100%)}.product-card-v2-image{width:100%;height:100%;object-fit:contain;transition:transform .35s ease,filter .35s ease}.product-card-v2-card:hover .product-card-v2-image{transform:scale(1.045);filter:drop-shadow(0 12px 14px rgba(23,74,55,.12))}.product-card-v2-icon{position:absolute;z-index:2;top:17px;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.85);border-radius:50%;color:#61736b;background:rgba(255,255,255,.74);box-shadow:0 6px 20px rgba(35,76,60,.08);backdrop-filter:blur(12px);transition:transform .25s ease,color .25s ease,background .25s ease}.product-card-v2-icon:hover{transform:translateY(-2px) scale(1.06);color:#176d52;background:rgba(232,248,239,.95)}.product-card-v2-favorite{right:17px}.product-card-v2-compare{left:17px}.product-card-v2-badges{position:absolute;z-index:2;right:50%;top:51%;display:flex;justify-content:center;gap:6px;width:max-content;transform:translate(50%,-50%)}.product-card-v2-badge{padding:6px 11px;border:1px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:0 7px 22px rgba(29,75,57,.1);backdrop-filter:blur(12px);font-size:11px;font-weight:900}.product-card-v2-discount{color:#875e18;background:rgba(255,246,222,.78)}.product-card-v2-unavailable{color:#66706b;background:rgba(239,242,240,.82)}.product-card-v2-new{color:#176548;background:rgba(228,247,236,.78)}.product-card-v2-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#91a39b}.product-card-v2-placeholder i{display:grid;place-items:center;width:76px;height:76px;border:1px solid rgba(43,105,80,.1);border-radius:24px;background:rgba(255,255,255,.58);font-size:27px}.product-card-v2-placeholder small{font-size:11px}.product-card-v2-content{display:flex;min-height:0;flex:1;flex-direction:column;padding:18px 20px 20px}.product-card-v2-title{display:-webkit-box;min-height:44px;margin:0;overflow:hidden;color:#183b30;font-size:15px;font-weight:900;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-card-v2-description{overflow:hidden;margin:6px 0 10px;color:#88958f;font-size:11px;line-height:1.7;text-overflow:ellipsis;white-space:nowrap}.product-card-v2-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto}.product-card-v2-price{display:flex;min-width:0;flex-direction:column}.product-card-v2-price del{height:18px;color:#a5aea9;font-size:11px}.product-card-v2-price strong{color:#174f3d;font-size:18px;font-weight:900;white-space:nowrap}.product-card-v2-price strong small{font-size:10px}.product-card-v2-stock{font-size:11px;font-weight:800;white-space:nowrap}.product-card-v2-in-stock{color:#27805f}.product-card-v2-out-stock{color:#8d9691}.product-card-v2-button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;margin-top:14px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#267b5e,#14513e);box-shadow:0 10px 24px rgba(25,99,73,.2);font-size:13px;font-weight:900;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease}.product-card-v2-button-arrow{position:absolute;left:18px;transition:transform .28s ease}.product-card-v2-card:hover .product-card-v2-button{box-shadow:0 14px 30px rgba(25,99,73,.28);filter:saturate(1.08)}.product-card-v2-button:hover{transform:translateY(-2px)}.product-card-v2-button:hover .product-card-v2-button-arrow{transform:translateX(-3px)}
@media(max-width:600px){.product-card-v2-card{height:500px;border-radius:26px}.product-card-v2-media{padding-inline:20px}.product-card-v2-content{padding-inline:17px}.product-card-v2-title{font-size:14px}.product-card-v2-price strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.product-card-v2-card,.product-card-v2-image,.product-card-v2-icon,.product-card-v2-button,.product-card-v2-button-arrow{transition:none}}

/* XKalaX Magazine */
.magazine-page,.article-page{--mag-green:#176548;--mag-deep:#143d31;--mag-gold:#d2a13d;--mag-ink:#17372d;--mag-muted:#73827c;background:#f8faf8;color:var(--mag-ink)}
.magazine-shell,.article-shell{width:min(1240px,calc(100% - 32px));margin-inline:auto}.magazine-hero,.article-detail-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 12% 12%,rgba(210,161,61,.17),transparent 29%),linear-gradient(128deg,#fff 0%,#fffaf0 40%,#eef8f2 76%,#fff 100%)}
.magazine-hero:after,.article-detail-hero:after{content:"";position:absolute;z-index:-1;inset:0;opacity:.45;background-image:radial-gradient(rgba(23,101,72,.14) .7px,transparent .7px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}
.magazine-hero{min-height:475px;padding:30px 0 85px}.magazine-breadcrumb,.article-breadcrumb{display:flex;align-items:center;gap:10px;color:#7b8983;font-size:12px}.magazine-breadcrumb a,.article-breadcrumb a{color:#315e4e}.magazine-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;min-height:355px}.magazine-eyebrow,.article-detail-category{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(23,101,72,.12);border-radius:999px;color:var(--mag-green);background:rgba(255,255,255,.68);box-shadow:0 8px 25px rgba(32,78,59,.06);font-size:12px;font-weight:800}.magazine-hero h1{margin:15px 0 9px;font-size:clamp(36px,4.5vw,61px);font-weight:950;letter-spacing:-1.7px}.magazine-hero__intro>p{max-width:650px;margin:0;color:#65766f;font-size:16px;line-height:2}.magazine-stats{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.magazine-stats span,.article-detail-facts span{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.7);box-shadow:0 9px 27px rgba(28,73,56,.07);backdrop-filter:blur(12px);color:#60746b;font-size:12px}.magazine-stats i,.article-detail-facts i{color:var(--mag-gold)}.magazine-stats b,.article-detail-facts b{color:var(--mag-deep);font-weight:900}
.magazine-illustration{position:relative;width:390px;height:300px;margin:auto}.magazine-illustration__laptop{position:absolute;right:62px;bottom:45px;width:255px;filter:drop-shadow(0 25px 24px rgba(25,75,57,.13))}.magazine-illustration__laptop>div{height:157px;padding:25px;border:8px solid #214e3e;border-radius:22px 22px 10px 10px;background:linear-gradient(145deg,#fff,#f2f8f4)}.magazine-illustration__laptop>div i{display:block;color:#d2a13d;font-size:39px}.magazine-illustration__laptop>div span{display:block;width:85%;height:7px;margin-top:13px;border-radius:9px;background:#dce9e2}.magazine-illustration__laptop>div span:last-child{width:62%}.magazine-illustration__laptop>b{display:block;width:290px;height:16px;margin-right:-18px;border-radius:3px 3px 15px 15px;background:#2a624d}.magazine-illustration__article{position:absolute;z-index:2;top:9px;left:8px;width:125px;height:160px;padding:22px 15px;border:1px solid rgba(255,255,255,.9);border-radius:22px;transform:rotate(-7deg);background:rgba(255,255,255,.79);box-shadow:0 20px 45px rgba(38,83,66,.13);backdrop-filter:blur(12px)}.magazine-illustration__article span{display:block;height:6px;margin-bottom:8px;border-radius:5px;background:#dce8e2}.magazine-illustration__article span:first-child{width:60%;background:#d7b15d}.magazine-illustration__article i{display:grid;place-items:center;height:63px;margin-top:13px;border-radius:13px;color:#4e8a72;background:#eaf5ee;font-size:22px}.magazine-illustration__book{position:absolute;right:4px;bottom:15px;color:#bc8b2d;font-size:73px;transform:rotate(7deg)}.magazine-illustration__spark{position:absolute;z-index:3;display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff;border-radius:17px;color:#247356;background:rgba(255,255,255,.75);box-shadow:0 12px 30px rgba(32,77,60,.1);backdrop-filter:blur(10px);animation:magazine-float 5s ease-in-out infinite}.magazine-illustration__spark--one{top:4px;right:50px}.magazine-illustration__spark--two{bottom:12px;left:42px;animation-delay:-2s}.magazine-float{position:absolute;border-radius:50%;border:1px solid rgba(23,101,72,.08)}.magazine-float--one{width:260px;height:260px;left:-140px;top:-130px;box-shadow:0 0 0 45px rgba(23,101,72,.025)}.magazine-float--two{width:18px;height:18px;right:8%;bottom:20%;background:#e2bd6d}@keyframes magazine-float{50%{transform:translateY(-8px) rotate(3deg)}}
.magazine-filter{position:relative;z-index:5;display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:15px;margin-top:-47px;padding:24px;border:1px solid rgba(255,255,255,.92);border-radius:30px;background:rgba(255,255,255,.86);box-shadow:0 22px 60px rgba(29,72,56,.11);backdrop-filter:blur(18px)}.magazine-filter__title{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-bottom:5px}.magazine-filter__title>span,.magazine-widget header>span,.article-toc header>span,.article-comments__heading>span{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#2c8061,#14513d);box-shadow:0 9px 22px rgba(26,104,75,.2)}.magazine-filter__title strong,.magazine-filter__title small{display:block}.magazine-filter__title small{margin-top:3px;color:#8b9792;font-size:11px}.magazine-field>span{display:block;margin:0 5px 7px;color:#596b64;font-size:11px;font-weight:800}.magazine-field>div{display:flex;align-items:center;gap:9px;height:50px;padding:0 13px;border:1px solid #e1e9e4;border-radius:15px;background:#fbfdfc;transition:.2s}.magazine-field>div:focus-within{border-color:#7bae98;background:#fff;box-shadow:0 0 0 4px rgba(39,123,94,.07)}.magazine-field i{color:#92a29b}.magazine-field input,.magazine-field select{width:100%;height:100%;border:0;outline:0;color:#344b42;background:transparent;font:inherit;font-size:12px}.magazine-search-button{align-self:end;display:flex;align-items:center;justify-content:center;gap:9px;height:50px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#287b5e,#14513e);box-shadow:0 11px 26px rgba(25,99,73,.21);font-weight:900;cursor:pointer;transition:.25s}.magazine-search-button:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(25,99,73,.28)}
.magazine-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:28px;padding:65px 0 85px}.magazine-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.magazine-section-heading span{color:#bf8b28;font-size:11px;font-weight:900}.magazine-section-heading h2{margin:4px 0 0;font-size:27px;font-weight:950}.magazine-section-heading small{color:#8a9792}.magazine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.article-card{display:flex;min-height:520px;overflow:hidden;flex-direction:column;border:1px solid rgba(31,91,70,.09);border-radius:30px;background:#fff;box-shadow:0 10px 35px rgba(26,67,52,.065);transition:transform .3s,box-shadow .3s,border-color .3s}.article-card:hover{transform:translateY(-6px);border-color:rgba(31,112,82,.16);box-shadow:0 24px 55px rgba(25,70,53,.14)}.article-card__media{position:relative;display:block;height:235px;overflow:hidden;background:linear-gradient(145deg,#fffaf0,#eff9f3)}.article-card__media>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.article-card:hover .article-card__media>img{transform:scale(1.045)}.article-card__featured{position:absolute;right:16px;top:16px;padding:7px 11px;border:1px solid rgba(255,255,255,.8);border-radius:999px;color:#805c1b;background:rgba(255,247,225,.85);box-shadow:0 6px 20px #17372d18;backdrop-filter:blur(10px);font-size:10px;font-weight:900}.article-card__save{position:absolute;left:16px;top:16px;display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.85);border-radius:50%;color:#47675b;background:rgba(255,255,255,.78);backdrop-filter:blur(10px)}.article-card__body{display:flex;flex:1;flex-direction:column;padding:19px 20px 20px}.article-card__meta,.article-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.article-card__meta a{padding:5px 10px;border-radius:999px;color:#247255;background:#eaf6ef;font-size:10px;font-weight:900}.article-card__meta span,.article-card__date{color:#96a29d;font-size:10px}.article-card h2{display:-webkit-box;min-height:52px;margin:12px 0 6px;overflow:hidden;font-size:17px;font-weight:950;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-card h2 a{color:#17372d}.article-card__body>p{display:-webkit-box;margin:0 0 13px;overflow:hidden;color:#82908a;font-size:11px;line-height:1.9;-webkit-box-orient:vertical;-webkit-line-clamp:2}.article-card__footer{margin-top:auto;padding-top:12px;border-top:1px solid #eef2ef}.article-card__author{display:flex;align-items:center;gap:7px;color:#52675f;font-size:10px}.article-card__author img,.article-card__author>i{width:25px;height:25px;border-radius:50%;object-fit:cover}.article-card__author>i{display:grid;place-items:center;background:#edf5f0}.article-card__button{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:47px;margin-top:13px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#267b5e,#14513e);box-shadow:0 10px 24px rgba(25,99,73,.18);font-size:12px;font-weight:900}.article-card__button i:last-child{position:absolute;left:18px}.article-card__button:hover{color:#fff}.magazine-sidebar{display:grid;gap:18px}.magazine-widget{padding:20px;border:1px solid rgba(35,91,70,.08);border-radius:25px;background:#fff;box-shadow:0 10px 34px rgba(31,69,55,.055)}.magazine-widget header,.article-toc header{display:flex;align-items:center;gap:11px;margin-bottom:15px}.magazine-widget header small,.article-toc header small{display:block;color:#aa8a4b;font-size:9px}.magazine-widget h3,.article-toc header strong{margin:2px 0 0;font-size:16px;font-weight:950}.magazine-mini-list a{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1ee}.magazine-mini-list a:last-child{border:0}.magazine-mini-list em{color:#d4b16d;font-size:20px;font-style:normal;font-weight:900}.magazine-mini-list a>span{min-width:0}.magazine-mini-list strong,.magazine-latest strong{display:-webkit-box;overflow:hidden;color:#30483f;font-size:11px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}.magazine-mini-list small,.magazine-author-list small,.magazine-latest small{display:block;margin-top:3px;color:#9aa59f;font-size:9px}.magazine-category-list a{display:flex;align-items:center;justify-content:space-between;padding:11px 3px;border-bottom:1px dashed #e2e9e5;color:#52655d;font-size:11px;font-weight:800}.magazine-category-list a:last-child{border:0}.magazine-category-list i{color:#c5a056}.magazine-author-list a{display:flex;align-items:center;gap:9px;padding:9px 0}.magazine-author-list img,.magazine-author-list b{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:13px;object-fit:cover;color:#28765a;background:#e8f4ed}.magazine-author-list span{min-width:0;flex:1}.magazine-author-list strong{display:block;color:#354d44;font-size:11px}.magazine-author-list>a>i{color:#bdc6c1}.magazine-tags{display:flex;flex-wrap:wrap;gap:7px}.magazine-tags a,.article-tags a{padding:7px 10px;border:1px solid #e5ebe7;border-radius:999px;color:#64776f;background:#fafcfb;font-size:10px;transition:.2s}.magazine-tags a:hover,.article-tags a:hover{border-color:#b7d3c4;color:#176548;background:#edf7f1}.magazine-latest a{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #eef2ef}.magazine-latest a:last-child{border:0}.magazine-latest img{width:55px;height:50px;border-radius:12px;object-fit:cover}.magazine-empty,.magazine-seo{text-align:center;padding:70px 25px;border:1px solid #e6ece8;border-radius:30px;background:#fff}.magazine-empty i,.magazine-empty strong,.magazine-empty p,.magazine-empty a{display:block;margin:8px auto}.magazine-empty i{color:#b99a58;font-size:38px}.magazine-seo{margin-bottom:70px;text-align:right;line-height:2}
/* Article details */
.article-detail-hero{min-height:440px;padding:28px 0 52px}.article-detail-hero__content{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:70px;min-height:345px}.article-detail-category{margin-top:25px}.article-detail-hero h1{max-width:910px;margin:17px 0 11px;font-size:clamp(30px,4.2vw,53px);font-weight:950;line-height:1.45;letter-spacing:-1px}.article-detail-hero__content>div>p{max-width:850px;color:#697b73;line-height:2}.article-detail-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.article-detail-hero__mark{display:flex;align-items:center;justify-content:center;width:185px;height:185px;flex-direction:column;border:1px solid rgba(255,255,255,.9);border-radius:52px;transform:rotate(-3deg);color:#176548;background:rgba(255,255,255,.67);box-shadow:0 24px 60px rgba(34,79,61,.12);backdrop-filter:blur(15px)}.article-detail-hero__mark i{font-size:50px}.article-detail-hero__mark span{margin-top:11px;color:#9c7b3d;font-size:11px}.article-detail-hero__mark b{font-size:16px;letter-spacing:2px}.article-detail-shape{position:absolute;z-index:-1;border-radius:50%}.article-detail-shape--one{width:270px;height:270px;left:-160px;top:-140px;border:1px solid #17654812;box-shadow:0 0 0 55px #17654808}.article-detail-shape--two{right:5%;bottom:7%;width:17px;height:17px;background:#d9b25e}.article-main{padding:48px 0 90px}.article-cover{position:relative;margin:0 0 44px;overflow:hidden;border:8px solid #fff;border-radius:38px;background:#fff;box-shadow:0 20px 60px rgba(28,72,55,.12)}.article-cover img{display:block;width:100%;max-height:620px;object-fit:cover;border-radius:30px}.article-cover figcaption{position:absolute;right:25px;bottom:23px;padding:8px 13px;border-radius:999px;color:#53685f;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);font-size:10px}.article-layout{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:34px}.article-aside{position:sticky;top:95px;display:grid;gap:17px}.article-toc,.article-share,.article-content-wrap,.article-related{border:1px solid rgba(31,91,70,.08);border-radius:28px;background:#fff;box-shadow:0 12px 38px rgba(29,68,53,.055)}.article-toc{padding:20px}.article-toc nav a{display:flex;align-items:start;gap:8px;padding:9px 2px;border-bottom:1px dashed #e5ebe7;color:#60736b;font-size:11px;line-height:1.7}.article-toc nav a:last-child{border:0}.article-toc nav i{margin-top:5px;color:#c69b49}.article-share{padding:18px;text-align:center}.article-share>strong{display:block;margin-bottom:13px;font-size:11px}.article-share>div{display:flex;justify-content:center;gap:8px}.article-share a,.article-share button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e3eae6;border-radius:50%;color:#267557;background:#f8fbf9;cursor:pointer}.article-content-wrap{padding:clamp(24px,4vw,50px)}.article-lead{position:relative;margin:0 0 34px;padding:24px 27px 24px 24px;border-right:4px solid #d2a13d;border-radius:20px;color:#476159;background:linear-gradient(110deg,#fffaf0,#f2f9f5);font-size:16px;line-height:2.05}.article-lead i{margin-left:12px;color:#d2a13d}.article-rich-content{color:#40564e;font-size:15px;line-height:2.25}.article-rich-content h2,.article-rich-content h3{scroll-margin-top:100px;margin:2.2em 0 .7em;color:#173d30;font-weight:950;line-height:1.7}.article-rich-content h2{font-size:25px}.article-rich-content h3{font-size:20px}.article-rich-content img{max-width:100%;height:auto;border-radius:24px}.article-rich-content a{color:#177051;text-decoration:underline}.article-seo-content{margin-top:30px;padding-top:30px;border-top:1px solid #e8edea}.article-tags{display:flex;align-items:center;gap:15px;margin-top:38px;padding:22px 0;border-block:1px solid #e8edea}.article-tags>strong{white-space:nowrap;font-size:12px}.article-tags>div{display:flex;flex-wrap:wrap;gap:7px}.article-author-box{display:flex;align-items:center;gap:23px;margin-top:35px;padding:27px;border:1px solid #e2ebe6;border-radius:28px;background:linear-gradient(125deg,#f5fbf7,#fffaf0)}.article-author-box img,.article-author-box__avatar{display:grid;place-items:center;width:105px;height:105px;flex:0 0 105px;border:5px solid #fff;border-radius:30px;object-fit:cover;color:#267458;background:#e2f1e8;box-shadow:0 10px 25px #17372d12;font-size:35px;font-weight:950}.article-author-box small{color:#b08431}.article-author-box h2{display:inline;margin:0 10px;font-size:20px}.article-author-box em{color:#739084;font-size:11px;font-style:normal}.article-author-box p{margin:8px 0;color:#70817a;font-size:12px;line-height:1.9}.article-author-box a{color:#176548;font-size:11px;font-weight:900}.article-neighbors{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:28px}.article-neighbors a{padding:20px;border:1px solid #e2e9e5;border-radius:21px;color:#385048;background:#fff;transition:.2s}.article-neighbors a:hover{transform:translateY(-3px);border-color:#bad4c5;box-shadow:0 12px 28px #17372d0d}.article-neighbors span,.article-neighbors strong{display:block}.article-neighbors span{margin-bottom:7px;color:#b08739;font-size:10px}.article-neighbors strong{font-size:12px;line-height:1.8}.article-comments{margin-top:50px;padding-top:35px;border-top:1px solid #e5ebe7}.article-comments__heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.article-comments__heading small{color:#ae8536;font-size:9px}.article-comments__heading h2{margin:1px 0;font-size:23px}.article-comments__heading>b{margin-right:auto;padding:7px 11px;border-radius:999px;color:#30755b;background:#eaf5ee;font-size:10px}.article-comment-list article{display:flex;gap:13px;padding:20px 0;border-bottom:1px solid #edf1ee}.article-comment-list article>span{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:15px;color:#237155;background:#e8f4ed;font-weight:900}.article-comment-list article>div{flex:1}.article-comment-list header{display:flex;justify-content:space-between}.article-comment-list time{color:#9ba59f;font-size:9px}.article-comment-list p{margin:7px 0;color:#687a72;font-size:12px;line-height:1.9}.article-comment-form{margin-top:25px;padding:26px;border-radius:25px;background:#f7faf8}.article-comment-form h3{margin:0;font-size:18px}.article-comment-form>p{margin:5px 0 20px;color:#88958f;font-size:11px}.article-comment-form>div{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.article-comment-form label>span{display:block;margin:0 4px 6px;font-size:10px;font-weight:800}.article-comment-form input,.article-comment-form textarea{width:100%;padding:13px 15px;border:1px solid #dfe7e2;border-radius:14px;outline:0;background:#fff;font:inherit;font-size:12px}.article-comment-form textarea{resize:vertical}.article-comment-form input:focus,.article-comment-form textarea:focus{border-color:#72a78f;box-shadow:0 0 0 4px #267b5e0d}.article-comment-form button{display:flex;align-items:center;gap:9px;margin-top:14px;padding:13px 22px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#287b5e,#14513e);font-weight:900}.article-alert{margin:12px 0;padding:12px;border-radius:13px;font-size:11px}.article-alert--success{color:#176548;background:#e8f6ee}.article-alert--error{color:#9b3b32;background:#fcedeb}.article-related{margin-top:50px;padding:30px}.article-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-related .article-card{min-height:500px}
@media(max-width:1050px){.magazine-filter{grid-template-columns:repeat(3,1fr)}.magazine-filter__title{grid-column:1/-1}.magazine-layout{grid-template-columns:1fr}.magazine-sidebar{grid-template-columns:repeat(2,1fr)}.article-related__grid{grid-template-columns:repeat(2,1fr)}.article-related__grid .article-card:last-child{display:none}}
@media(max-width:800px){.magazine-hero__grid{grid-template-columns:1fr;gap:5px}.magazine-illustration{display:none}.magazine-hero{min-height:auto;padding-bottom:90px}.magazine-filter{grid-template-columns:repeat(2,1fr)}.article-detail-hero__content{grid-template-columns:1fr}.article-detail-hero__mark{display:none}.article-layout{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:1fr 1fr}.article-related__grid{grid-template-columns:1fr}.article-related__grid .article-card:last-child{display:flex}}
@media(max-width:600px){.magazine-shell,.article-shell{width:min(100% - 24px,1240px)}.magazine-hero h1{font-size:34px}.magazine-stats span{flex:1 1 100%;justify-content:center}.magazine-filter{grid-template-columns:1fr;padding:17px;border-radius:24px}.magazine-filter__title{grid-column:auto}.magazine-grid,.magazine-sidebar{grid-template-columns:1fr}.article-card{min-height:500px;border-radius:26px}.article-card__media{height:220px}.article-detail-hero h1{font-size:30px}.article-cover{border-width:5px;border-radius:25px}.article-cover img{border-radius:20px}.article-aside{grid-template-columns:1fr}.article-content-wrap{padding:23px;border-radius:24px}.article-tags,.article-author-box{align-items:flex-start;flex-direction:column}.article-author-box img,.article-author-box__avatar{width:82px;height:82px;flex-basis:82px}.article-neighbors,.article-comment-form>div{grid-template-columns:1fr}.article-related{padding:18px}.article-related__grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.magazine-illustration__spark,.article-card,.article-card__media>img,.magazine-search-button{animation:none;transition:none}}

/* Customer account panel */
.customer-panel-body{margin:0;min-height:100vh;background:#f8faf9;color:#23322d;font-family:Vazirmatn,Tahoma,sans-serif}.customer-panel-shell{max-width:1440px;margin:auto;padding:24px 5vw 56px}.customer-panel-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.customer-panel-brand{text-decoration:none;color:#17343e;font-size:24px;font-weight:900}.customer-panel-brand span{color:#176548}.customer-panel-store-link{display:flex;gap:8px;align-items:center;color:#176548;text-decoration:none;font-size:14px;font-weight:700}.customer-panel-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}.account-sidebar{position:sticky;top:24px;border:1px solid rgba(232,238,235,.9);border-radius:24px;padding:12px;background:rgba(255,255,255,.78);box-shadow:0 18px 50px rgba(23,52,62,.08);backdrop-filter:blur(18px)}.account-sidebar-nav{display:grid;gap:4px}.account-sidebar-link{width:100%;box-sizing:border-box;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:#72807b;text-decoration:none;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .25s,color .25s,background .25s}.account-sidebar-link i{width:20px;text-align:center}.account-sidebar-link:hover{color:#176548;background:#f1f7f4;transform:translateX(-3px)}.account-sidebar-link-active{color:#fff;background:linear-gradient(135deg,#176548,#287b5e);box-shadow:0 9px 20px rgba(23,101,72,.2)}.account-sidebar-link-active:hover{color:#fff;background:linear-gradient(135deg,#176548,#287b5e)}.account-sidebar-logout{margin-top:8px;color:#dc2626;border-top:1px solid #e8eeeb;border-radius:0;padding-top:16px}.customer-panel-content{min-width:0}.hero-account-dashboard{isolation:isolate;position:relative;overflow:hidden;min-height:220px;padding:38px;border-radius:30px;background:linear-gradient(130deg,#17343e 0%,#176548 65%,#287b5e 100%);color:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;box-shadow:0 24px 60px rgba(23,52,62,.18)}.hero-account-content{position:relative;z-index:2}.hero-account-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:24px;font-size:12px;color:rgba(255,255,255,.7)}.hero-account-breadcrumb a{color:inherit;text-decoration:none}.hero-account-kicker{margin:0 0 6px;color:#dbece5;font-size:13px}.hero-account-dashboard h1{margin:0;font-size:34px;line-height:1.5}.hero-account-dashboard p{margin:6px 0 0;color:rgba(255,255,255,.78);font-size:14px}.hero-account-glass{position:relative;z-index:2;display:flex;align-items:center;gap:14px;min-width:220px;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.12);backdrop-filter:blur(14px)}.hero-account-glass>i{font-size:27px;color:#f2cc7d}.hero-account-glass div{display:grid;gap:4px}.hero-account-glass span{font-size:11px;color:rgba(255,255,255,.7)}.hero-account-shape{position:absolute;z-index:1;border-radius:50%;filter:blur(1px);background:rgba(255,255,255,.08)}.hero-account-shape-one{width:190px;height:190px;left:-35px;top:-80px}.hero-account-shape-two{width:90px;height:90px;right:45%;bottom:-45px;border:1px solid rgba(210,161,61,.28);background:rgba(210,161,61,.12)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.dashboard-stats article{display:flex;align-items:center;gap:13px;padding:20px;border:1px solid #e8eeeb;border-radius:20px;background:rgba(255,255,255,.86);box-shadow:0 10px 35px rgba(23,52,62,.05)}.dashboard-stats article>i{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;color:#176548;background:#edf6f2;font-size:17px}.dashboard-stats article div{display:grid;gap:3px}.dashboard-stats span{color:#72807b;font-size:12px}.dashboard-stats strong{font-size:22px;color:#17343e}.dashboard-section{margin-top:18px;padding:22px;border:1px solid #e8eeeb;border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(23,52,62,.05)}.dashboard-section>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dashboard-section>header>div{display:flex;align-items:center;gap:12px}.dashboard-section-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#176548;background:#edf6f2}.dashboard-section h2,.dashboard-section h3{margin:0;color:#17343e}.dashboard-section header h2{font-size:17px}.dashboard-section header p{margin:3px 0 0;color:#72807b;font-size:11px}.dashboard-section header>a{color:#176548;text-decoration:none;font-size:12px;font-weight:700}.dashboard-products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.dashboard-products article{min-width:0;padding:10px;border:1px solid #e8eeeb;border-radius:17px;background:#fbfcfb}.dashboard-product-image{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#f0f5f2;color:#aab8b2;font-size:25px}.dashboard-product-image img{width:100%;height:100%;object-fit:contain}.dashboard-products h3{overflow:hidden;margin:10px 0 5px;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.dashboard-products strong{color:#176548;font-size:11px}.dashboard-empty{text-align:center;padding:36px 20px;border:1px dashed #d7e3dd;border-radius:18px;background:linear-gradient(145deg,#fbfdfc,#f3f8f5)}.dashboard-empty>i{font-size:30px;color:#9bb4aa}.dashboard-empty h2,.dashboard-empty h3{margin:12px 0 5px;font-size:16px}.dashboard-empty p{margin:0 0 18px;color:#72807b;font-size:12px}.dashboard-empty a{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#176548,#287b5e);text-decoration:none;font-size:12px;font-weight:700}.dashboard-ticket-list{display:grid;gap:8px}.dashboard-ticket-list article{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:13px 15px;border-radius:14px;background:#f8faf9}.dashboard-ticket-list article>span{color:#72807b;font-size:11px}.dashboard-ticket-list h3{font-size:13px}.dashboard-ticket-list time{color:#72807b;font-size:10px}.dashboard-ticket-list strong{padding:5px 9px;border-radius:9px;color:#176548;background:#eaf5f0;font-size:10px}.hero-account-placeholder{min-height:130px}.hero-account-placeholder h1{font-size:28px}
@media(max-width:1100px){.dashboard-products{grid-template-columns:repeat(3,1fr)}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.customer-panel-shell{padding:16px}.customer-panel-grid{grid-template-columns:1fr}.account-sidebar{position:static;overflow-x:auto;border-radius:18px}.account-sidebar-nav{display:flex;width:max-content}.account-sidebar-link{width:auto}.account-sidebar-link span{white-space:nowrap}.account-sidebar-logout{margin:0;border:0;border-radius:14px;padding-top:12px}.hero-account-dashboard{min-height:auto;padding:26px;align-items:flex-start;flex-direction:column}.hero-account-glass{box-sizing:border-box;width:100%}.hero-account-dashboard h1{font-size:27px}}
@media(max-width:520px){.customer-panel-store-link span{display:none}.dashboard-stats{grid-template-columns:1fr 1fr;gap:8px}.dashboard-stats article{padding:13px}.dashboard-stats article>i{width:37px;height:37px}.dashboard-products{grid-template-columns:repeat(2,1fr)}.dashboard-section{padding:15px}.dashboard-section>header{align-items:flex-start}.dashboard-section>header>a{white-space:nowrap}.dashboard-ticket-list article{grid-template-columns:36px 1fr}.dashboard-ticket-list strong{grid-column:2}.hero-account-dashboard{border-radius:22px}}

/* Orders */
.order-hero{position:relative;overflow:hidden;padding:1.5rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.65);border-radius:1.5rem;background:linear-gradient(135deg,#176548,#287b5e);color:#fff;box-shadow:0 16px 40px rgba(23,101,72,.16)}
.order-hero-shape{position:absolute;border-radius:999px;background:rgba(255,255,255,.09)}.order-hero-shape-one{width:10rem;height:10rem;left:-3rem;top:-5rem}.order-hero-shape-two{width:6rem;height:6rem;right:45%;bottom:-4rem}
.order-breadcrumb{position:relative;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:rgba(255,255,255,.75)}.order-breadcrumb a{color:#fff}.order-hero-content{position:relative;display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.order-hero-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:1px solid rgba(255,255,255,.35);border-radius:1rem;background:rgba(255,255,255,.14);backdrop-filter:blur(10px)}.order-hero h1{margin:0;font-size:1.45rem;font-weight:900}.order-hero p{margin:.4rem 0 0;color:rgba(255,255,255,.8)}
.order-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.order-stat,.order-list,.order-detail-card{border:1px solid #e8eeeb;border-radius:1.2rem;background:rgba(255,255,255,.92);box-shadow:0 8px 28px rgba(23,52,62,.06)}.order-stat{display:grid;gap:.3rem;padding:1rem}.order-stat>i{color:#176548}.order-stat span{font-size:.78rem;color:#72807b}.order-stat strong{color:#17343e}.order-stat small{font-size:.65rem}.order-list{padding:1rem}.order-list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.order-list-heading h2,.order-detail-card h2{margin:0;font-size:1rem;color:#17343e}.order-list-heading p{margin:.3rem 0 0;font-size:.75rem;color:#72807b}.order-loading{display:none;color:#176548}.order-table-wrap{overflow-x:auto}.order-table{width:100%;border-collapse:collapse;white-space:nowrap}.order-table th{padding:.8rem;text-align:right;font-size:.72rem;color:#72807b;background:#f8faf9}.order-table td{padding:.9rem .8rem;border-bottom:1px solid #e8eeeb;font-size:.8rem;color:#23322d}.order-badge{display:inline-flex;padding:.35rem .65rem;border-radius:99px;background:#fef3c7;color:#92400e;font-size:.7rem}.order-badge-delivered{background:#dcfce7;color:#166534}.order-badge-cancelled{background:#fee2e2;color:#991b1b}.order-badge-shipped,.order-badge-processing{background:#dbeafe;color:#1e40af}.order-details-link{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.65rem;background:#edf7f3;color:#176548}.order-empty{text-align:center;padding:3rem 1rem}.order-empty>i{font-size:2.4rem;color:#d2a13d}.order-empty h3{color:#17343e}.order-empty p{color:#72807b}.order-empty a{display:inline-flex;gap:.5rem;align-items:center;margin-top:.5rem;padding:.7rem 1rem;border-radius:.8rem;background:linear-gradient(135deg,#176548,#287b5e);color:#fff}.order-pagination{display:flex;justify-content:center;gap:.4rem;margin-top:1rem}.order-pagination a{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid #e8eeeb;border-radius:.65rem;color:#23322d}.order-pagination .order-page-active{background:#176548;color:#fff}.order-detail-grid{display:grid;gap:1rem}.order-detail-card{padding:1rem;margin-bottom:1rem}.order-detail-card h2{display:flex;gap:.5rem;margin-bottom:1rem}.order-product{display:flex;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid #e8eeeb}.order-product img{width:3.5rem;height:3.5rem;border-radius:.8rem;object-fit:cover}.order-product div{flex:1}.order-product h3{margin:0;font-size:.82rem}.order-product p,.order-detail-card p{font-size:.76rem;color:#72807b}.order-product>strong{font-size:.75rem}.order-totals p{display:flex;justify-content:space-between}.order-total-final{padding-top:.8rem;border-top:1px solid #e8eeeb;color:#17343e!important}.order-total-final strong{color:#176548}
@media(min-width:768px){.order-hero{padding:2rem}.order-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.order-list{padding:1.4rem}.order-detail-grid{grid-template-columns:minmax(0,1.7fr) minmax(17rem,.8fr)}}

/* Phase 3 commerce — all selectors intentionally prefixed. */
.cart-page,.checkout-page,.return-page{max-width:1280px;margin:auto;padding:1rem;color:#23322d}.cart-hero,.checkout-hero,.return-hero{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:2rem;border:1px solid rgba(255,255,255,.55);border-radius:1.5rem;box-shadow:0 18px 45px rgba(23,52,62,.1);color:#fff}.cart-hero{background:linear-gradient(135deg,#d97706,#f59e0b)}.checkout-hero{background:linear-gradient(135deg,#176548,#287b5e)}.return-hero{background:linear-gradient(135deg,#7f1d1d,#dc2626)}.cart-hero h1,.checkout-hero h1,.return-hero h1{font-size:1.75rem;margin:.5rem 0}.cart-grid,.checkout-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1rem;margin-top:1rem}.cart-line,.cart-summary,.cart-empty,.checkout-address,.checkout-summary,.return-list article{background:rgba(255,255,255,.9);border:1px solid #e8eeeb;border-radius:1.25rem;padding:1rem;box-shadow:0 8px 25px rgba(23,52,62,.06)}.cart-line{display:flex;gap:1rem;margin-bottom:.75rem}.cart-line img{width:110px;height:110px;object-fit:contain;border-radius:1rem}.cart-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.cart-actions button,.cart-checkout,#cart-coupon button,.checkout-address button{border:0;border-radius:.75rem;padding:.7rem 1rem;background:#176548;color:#fff}.cart-actions button:last-child{background:#dc2626}.cart-actions input,#cart-coupon input{border:1px solid #e8eeeb;border-radius:.75rem;padding:.65rem;width:100px}.cart-summary p,.checkout-summary p{display:flex;justify-content:space-between}.cart-checkout{display:block;text-align:center;margin-top:1rem}.checkout-address label{display:block;border:1px solid #e8eeeb;border-radius:1rem;padding:1rem;margin:.5rem 0}.return-list{display:grid;gap:1rem;margin-top:1rem}@media(max-width:768px){.cart-grid,.checkout-grid{grid-template-columns:1fr}.cart-hero,.checkout-hero,.return-hero{padding:1.25rem}.cart-line{align-items:center}.cart-line img{width:80px;height:80px}}

/* Phase 3.5.2 — premium product grid (strictly feature-prefixed). */
.xk-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;align-items:stretch}.xk-product-card{position:relative;isolation:isolate;display:flex;min-width:0;min-height:34rem;overflow:hidden;flex-direction:column;border:1px solid rgba(232,238,235,.9);border-radius:1.75rem;background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(248,250,249,.92));box-shadow:0 12px 35px rgba(23,52,62,.07);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.xk-product-card:hover{transform:translateY(-.45rem);border-color:rgba(23,101,72,.2);box-shadow:0 26px 60px rgba(23,52,62,.14)}.xk-product-card:focus-within{outline:3px solid rgba(210,161,61,.35);outline-offset:3px}.xk-product-card__link{position:absolute;z-index:2;inset:0;border-radius:inherit}.xk-product-card__link:focus{outline:0}.xk-product-card__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.xk-product-card__media{position:relative;display:grid;place-items:center;min-height:19rem;overflow:hidden;padding:3.4rem 1.5rem 1.1rem;background:radial-gradient(circle at 75% 15%,rgba(210,161,61,.14),transparent 31%),linear-gradient(145deg,#fff 0%,#f3f8f5 100%)}.xk-product-card__badges{position:absolute;z-index:5;top:1rem;right:1rem;left:4.3rem;display:flex;flex-wrap:wrap;gap:.4rem;pointer-events:none}.xk-product-card__badge{display:inline-flex;align-items:center;gap:.32rem;padding:.4rem .65rem;border:1px solid rgba(255,255,255,.8);border-radius:999px;box-shadow:0 5px 16px rgba(23,52,62,.08);font-size:.66rem;font-weight:900;backdrop-filter:blur(12px)}.xk-product-card__badge--stock{color:#15803d;background:rgba(232,248,239,.9)}.xk-product-card__badge--out{color:#b42318;background:rgba(253,236,236,.92)}.xk-product-card__badge--discount{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.xk-product-card__quick-actions{position:absolute;z-index:6;top:1rem;left:1rem;display:grid;gap:.45rem;opacity:0;transform:translateX(-.6rem);transition:opacity .25s ease,transform .25s ease}.xk-product-card:hover .xk-product-card__quick-actions,.xk-product-card:focus-within .xk-product-card__quick-actions{opacity:1;transform:none}.xk-product-card__icon-button{position:relative;display:grid;width:2.45rem;height:2.45rem;place-items:center;border:1px solid rgba(255,255,255,.82);border-radius:50%;color:#17343e;background:rgba(255,255,255,.85);box-shadow:0 7px 20px rgba(23,52,62,.1);cursor:pointer;backdrop-filter:blur(12px);transition:color .22s ease,background .22s ease,transform .22s ease}.xk-product-card__icon-button:hover,.xk-product-card__icon-button:focus-visible{color:#fff;background:#176548;outline:3px solid rgba(23,101,72,.2);transform:scale(1.08)}.xk-product-card__icon-button:active,.xk-product-card__cart-button:active:not(:disabled){transform:scale(.96)}.xk-product-card__tooltip{position:absolute;left:calc(100% + .45rem);padding:.3rem .5rem;border-radius:.45rem;color:#fff;background:#17343e;font-size:.62rem;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(-.2rem);transition:opacity .2s ease,transform .2s ease}.xk-product-card__icon-button:hover .xk-product-card__tooltip,.xk-product-card__icon-button:focus-visible .xk-product-card__tooltip{opacity:1;transform:none}.xk-product-card__image-frame{position:relative;display:grid;width:100%;aspect-ratio:1/1;place-items:center;overflow:hidden;border-radius:1.3rem}.xk-product-card__image-frame--loading{background:linear-gradient(100deg,#eef3f0 20%,#f9fbfa 40%,#eef3f0 60%);background-size:200% 100%;animation:xk-product-card-shimmer 1.5s infinite}.xk-product-card__image{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(23,52,62,.08));transition:transform .32s ease,filter .32s ease}.xk-product-card:hover .xk-product-card__image{transform:scale(1.07);filter:drop-shadow(0 16px 18px rgba(23,52,62,.14))}.xk-product-card__placeholder{display:flex;align-items:center;flex-direction:column;gap:.75rem;color:#8b9b95}.xk-product-card__placeholder i{display:grid;width:5rem;height:5rem;place-items:center;border:1px solid #e1eae5;border-radius:1.5rem;background:rgba(255,255,255,.75);font-size:2rem}.xk-product-card__placeholder small{font-size:.72rem}.xk-product-card__stock-overlay{position:absolute;pointer-events:none;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;color:#fff;background:rgba(23,52,62,.48);font-size:.76rem;font-weight:900;backdrop-filter:grayscale(.7)}.xk-product-card__stock-overlay i{font-size:1.5rem}.xk-product-card__content{display:flex;min-height:0;flex:1;flex-direction:column;padding:1.15rem 1.2rem 1.25rem}.xk-product-card__meta{display:flex;align-items:center;gap:.5rem;color:#72807b;font-size:.66rem}.xk-product-card__meta span:first-child{color:#9a6b12}.xk-product-card__meta i{color:#d2a13d}.xk-product-card__title{display:-webkit-box;min-height:3rem;margin:.55rem 0 .35rem;overflow:hidden;color:#17343e;font-size:.9rem;font-weight:900;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.xk-product-card__identity{display:flex;align-items:center;gap:.4rem;color:#72807b;font-size:.64rem}.xk-product-card__identity i{font-size:.2rem;color:#d2a13d}.xk-product-card__pricing{display:grid;gap:.2rem;margin-top:auto;padding-top:.8rem}.xk-product-card__old-price{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:1.25rem}.xk-product-card__old-price del{color:#9aa6a1;font-size:.72rem}.xk-product-card__old-price span{padding:.2rem .42rem;border-radius:999px;color:#b91c1c;background:#fef2f2;font-size:.6rem;font-weight:900}.xk-product-card__current-price{display:flex;align-items:baseline;justify-content:flex-end;gap:.3rem;color:#176548}.xk-product-card__current-price strong{font-size:1.2rem;font-weight:950}.xk-product-card__current-price span{font-size:.66rem;font-weight:800}.xk-product-card__saving{display:flex;align-items:center;gap:.35rem;color:#15803d;font-size:.62rem}.xk-product-card__cart-button{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;margin-top:.8rem;overflow:hidden;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#287b5e,#176548);box-shadow:0 10px 24px rgba(23,101,72,.2);font-family:inherit;font-size:.75rem;font-weight:900;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.xk-product-card__cart-button:hover:not(:disabled),.xk-product-card__cart-button:focus-visible:not(:disabled){filter:saturate(1.12);outline:3px solid rgba(23,101,72,.2);box-shadow:0 14px 30px rgba(23,101,72,.28);transform:translateY(-2px)}.xk-product-card__cart-button:disabled{color:#7b8984;background:#e8eeeb;box-shadow:none;cursor:not-allowed}.xk-product-card__cart-arrow{position:absolute;left:1rem;transition:transform .22s ease}.xk-product-card__cart-button:hover .xk-product-card__cart-arrow{transform:translateX(-.2rem)}@keyframes xk-product-card-shimmer{to{background-position-x:-200%}}@media(max-width:1199px){.xk-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:899px){.xk-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.xk-product-grid{grid-template-columns:1fr;gap:1rem}.xk-product-card{min-height:32rem}.xk-product-card__quick-actions{opacity:1;transform:none}.xk-product-card__media{min-height:17.5rem}}@media(prefers-reduced-motion:reduce){.xk-product-card,.xk-product-card__quick-actions,.xk-product-card__icon-button,.xk-product-card__image,.xk-product-card__cart-button,.xk-product-card__cart-arrow{transition:none}.xk-product-card__image-frame--loading{animation:none}}

/* Product grid 2026 — isolated XKalaX selectors. */
.xk-product-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.xk-product-card{min-height:0;border-radius:28px;overflow:visible;transition:transform 220ms ease,box-shadow 220ms ease}.xk-product-card:hover{transform:translate3d(0,-6px,0)}.xk-product-card__media{min-height:0;aspect-ratio:1/1;padding:48px 16px 16px;border-radius:27px 27px 20px 20px}.xk-product-card__image-frame{aspect-ratio:1/1;background:#f3f7f5}.xk-product-card__skeleton{position:relative}.xk-product-card__skeleton::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(100deg,#edf2ef 25%,#fafcfb 40%,#edf2ef 55%);background-size:200% 100%;animation:xk-product-card-shimmer 1.2s infinite;transition:opacity 180ms ease}.xk-product-card__skeleton.is-loaded::before{opacity:0;pointer-events:none}.xk-product-card__image{transform:translateZ(0);transition:transform 220ms ease}.xk-product-card:hover .xk-product-card__image{transform:scale3d(1.055,1.055,1)}.xk-product-card__badge--new{color:#176548;background:#fff}.xk-product-card__badge--featured{color:#6f4c08;background:#fff8e8}.xk-product-card__content{padding:16px 18px 18px}.xk-product-card__title a{position:relative;z-index:3;color:inherit;text-decoration:none}.xk-product-card__meta{justify-content:flex-start}.xk-product-card__current-price{flex-wrap:wrap}.xk-product-card__cart-button--notify{color:#17343e;background:#fff;border:1px solid #d9e5df;box-shadow:none}.xk-product-card__placeholder strong{font-size:18px;color:#176548}.xk-grid-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:14px 16px;border:1px solid #e8eeeb;border-radius:20px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px)}.xk-grid-toolbar__result{display:flex;align-items:baseline;gap:7px;color:#72807b}.xk-grid-toolbar__result strong{font-size:20px;color:#17343e}.xk-grid-toolbar__controls,.xk-grid-toolbar__controls label,.xk-grid-toolbar__view{display:flex;align-items:center;gap:8px}.xk-grid-toolbar select,.xk-pagination__jump input{border:1px solid #dce7e2;border-radius:10px;background:#fff;padding:7px;color:#17343e}.xk-grid-toolbar__view{padding:4px;border-radius:12px;background:#f1f5f3}.xk-grid-toolbar__view button,.xk-pagination button{display:grid;place-items:center;border:1px solid transparent;background:transparent;color:#596963;cursor:pointer;transition:transform 180ms ease,background 180ms ease,color 180ms ease}.xk-grid-toolbar__view button{width:34px;height:34px;border-radius:9px}.xk-grid-toolbar__view button.is-active{color:#fff;background:#17343e}.xk-product-grid.is-list{grid-template-columns:1fr}.xk-product-grid.is-list .xk-product-card{display:grid;grid-template-columns:220px 1fr}.xk-product-grid.is-list .xk-product-card__media{border-radius:27px}.xk-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:28px}.xk-pagination button{min-width:40px;height:40px;padding:0 10px;border-color:#dce7e2;border-radius:13px;background:#fff}.xk-pagination button:hover:not(:disabled){transform:translate3d(0,-2px,0);border-color:#17343e}.xk-pagination button.is-current{border-color:#17343e;color:#fff;background:#17343e}.xk-pagination button:disabled{opacity:.38;cursor:not-allowed}.xk-pagination__jump{display:flex;align-items:center;gap:6px;margin-right:10px;color:#72807b;font-size:12px}.xk-pagination__jump input{width:64px}@media(max-width:640px){.xk-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.xk-product-card{border-radius:20px}.xk-product-card__media{padding:42px 8px 8px;border-radius:19px}.xk-product-card__content{padding:12px}.xk-product-card__title{font-size:12px}.xk-product-card__identity{display:none}.xk-product-card__current-price strong{font-size:15px}.xk-product-card__cart-button{font-size:10px}.xk-grid-toolbar{align-items:flex-start;flex-direction:column}.xk-product-grid.is-list .xk-product-card{grid-template-columns:120px 1fr}.xk-pagination__jump{width:100%;justify-content:center;margin:8px 0 0}}@media(prefers-reduced-motion:reduce){.xk-product-card__skeleton::before{animation:none}}
.xk-category-hero{position:relative;isolation:isolate;background:radial-gradient(circle at 12% 18%,rgba(210,161,61,.2),transparent 25%),linear-gradient(135deg,#102f38 0%,#176548 58%,#287b5e 100%)}.xk-category-hero::after{content:"";position:absolute;z-index:-1;inset:14px;border:1px solid rgba(255,255,255,.12);border-radius:30px;pointer-events:none}.xk-category-hero .market-hero__grid{gap:clamp(24px,5vw,72px)}.xk-category-hero .market-hero__content{padding-block:clamp(26px,5vw,64px)}.xk-category-hero .market-hero__content h1{letter-spacing:-.035em;text-wrap:balance}.xk-category-hero .market-hero-photo{border:1px solid rgba(255,255,255,.24);box-shadow:0 24px 60px rgba(7,33,27,.22);backdrop-filter:blur(18px)}

/* Product detail */
.product-page{max-width:1440px;margin:auto;padding:24px;color:#23322d}.product-breadcrumb{display:flex;gap:10px;align-items:center;color:#72807b;font-size:13px;margin-bottom:24px}.product-breadcrumb a:hover{color:#176548}.product-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:48px;background:#fff;border:1px solid #e8eeeb;border-radius:28px;padding:32px;box-shadow:0 18px 60px rgba(23,52,62,.07)}.product-gallery{position:relative;min-width:0}.product-gallery-main{aspect-ratio:1;background:linear-gradient(145deg,#f8faf9,#fff);border-radius:22px}.product-slide{display:grid;place-items:center;overflow:hidden}.product-slide img{width:100%;height:100%;object-fit:contain;transition:transform .25s}.product-slide:hover img{transform:scale(1.7);cursor:zoom-in}.product-gallery-thumbs{margin-top:14px}.product-thumb{height:74px;border:1px solid #e8eeeb;border-radius:14px;background:#fff;padding:5px}.product-thumb.swiper-slide-thumb-active{border-color:#176548}.product-thumb img{width:100%;height:100%;object-fit:contain}.product-badges{position:absolute;z-index:3;top:14px;right:14px;display:flex;gap:6px}.product-badge{padding:6px 10px;border-radius:99px;background:#17343e;color:#fff;font-size:12px}.product-badge-success{background:#15803d}.product-badge-danger{background:#dc2626}.product-badge-sale{background:#dc2626}.product-badge-gold{background:#d2a13d}.product-fullscreen{position:absolute;z-index:3;left:14px;top:14px;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #e8eeeb}.product-summary h1{font-size:clamp(24px,3vw,38px);line-height:1.5;color:#17343e;margin:8px 0 12px}.product-eyebrow{color:#176548;font-weight:700}.product-rating,.product-actions,.product-identifiers,.product-identifiers div,.product-totals div{display:flex;gap:14px;align-items:center}.product-rating{color:#72807b;font-size:13px}.product-rating span:first-child{color:#d2a13d;font-weight:800}.product-identifiers{margin:20px 0}.product-identifiers div{background:#f8faf9;border-radius:10px;padding:8px 12px}.product-identifiers dt{color:#72807b}.product-tech{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product-tech div{border:1px solid #e8eeeb;padding:12px;border-radius:14px}.product-tech i{color:#176548;margin-left:8px}.product-buybox{margin-top:22px;padding:22px;border-radius:20px;background:linear-gradient(145deg,#f8faf9,#eef7f2);border:1px solid #dce9e3}.product-units{border:0;display:flex;gap:8px}.product-units legend{font-weight:700;margin-bottom:8px}.product-units input{position:absolute;opacity:0}.product-units span{display:block;padding:9px 16px;border:1px solid #d9e3de;border-radius:10px;background:white}.product-units input:checked+span{background:#176548;color:#fff}.product-price{display:flex;align-items:end;gap:8px;margin:20px 0}.product-price strong{font-size:34px;color:#176548}.product-price del{color:#72807b}.product-totals{border-top:1px dashed #cad8d1;padding-top:12px}.product-totals div{justify-content:space-between;margin:8px 0}.product-totals div:last-child{font-weight:800}.product-stock{font-weight:700}.product-stock-in{color:#15803d}.product-stock-low{color:#d97706}.product-stock-out{color:#dc2626}.product-quantity{display:inline-flex;border:1px solid #d9e3de;border-radius:12px;overflow:hidden;background:#fff;margin:10px 0}.product-quantity button,.product-quantity input{width:42px;height:42px;border:0;text-align:center;background:#fff}.product-add{width:100%;height:54px;background:linear-gradient(135deg,#176548,#287b5e);color:#fff;border-radius:14px;font-weight:800}.product-add:disabled{opacity:.45}.product-actions{justify-content:space-between;margin-top:14px}.product-actions button{background:transparent;color:#17343e}.product-actions i{margin-left:5px}.product-content,.product-rail{margin-top:32px;background:#fff;border:1px solid #e8eeeb;border-radius:24px;padding:28px}.product-tabs{display:flex;gap:8px;border-bottom:1px solid #e8eeeb;overflow:auto}.product-tabs button{padding:14px;background:none;white-space:nowrap}.product-tabs .is-active{color:#176548;border-bottom:3px solid #176548}.product-panel{display:none;padding-top:24px}.product-panel.is-active{display:block;animation:product-fade .25s}.product-panel h2,.product-rail h2{font-size:22px;color:#17343e;margin-bottom:20px}.product-description{line-height:2}.product-spec-table div{display:grid;grid-template-columns:220px 1fr;padding:14px;border-bottom:1px solid #e8eeeb}.product-ajax-form{display:grid;gap:10px;max-width:720px;margin-bottom:24px}.product-ajax-form textarea,.product-ajax-form select,.product-ajax-form input{border:1px solid #d9e3de;border-radius:12px;padding:12px;background:#fff}.product-ajax-form textarea{min-height:110px}.product-ajax-form button{justify-self:start;padding:12px 22px;border-radius:12px;background:#176548;color:#fff}.product-user-card{padding:18px;border:1px solid #e8eeeb;border-radius:14px;margin-top:10px}.product-user-card p{margin-top:8px}.product-rail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.product-card{border:1px solid #e8eeeb;border-radius:16px;padding:12px;transition:.25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(23,52,62,.1)}.product-card img{width:100%;aspect-ratio:1;object-fit:contain}.product-card h3{font-size:14px;line-height:1.7;height:48px;overflow:hidden}.product-card strong{color:#176548}.product-lightbox{position:fixed;z-index:9999;inset:0;background:rgba(10,20,17,.92);display:none;place-items:center}.product-lightbox.is-open{display:grid}.product-lightbox img{max-width:92vw;max-height:88vh}.product-lightbox button{position:absolute;top:20px;left:20px;color:#fff;font-size:28px;background:none}@keyframes product-fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:1024px){.product-hero{grid-template-columns:1fr;gap:24px}.product-rail-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.product-page{padding:12px}.product-hero,.product-content,.product-rail{padding:16px;border-radius:18px}.product-tech{grid-template-columns:1fr}.product-tabs{display:block}.product-tabs button{width:100%;text-align:right;border-bottom:1px solid #e8eeeb}.product-panel{padding:16px 0}.product-spec-table div{grid-template-columns:1fr;gap:6px}.product-rail-grid{display:flex;overflow:auto}.product-card{min-width:190px}.product-slide:hover img{transform:none}}

/* Premium product details — Phase 5 */
.product-page{--product-green:#176548;--product-deep:#17343e;--product-gold:#d2a13d;--product-muted:#72807b;--product-line:#e8eeeb;background:radial-gradient(circle at 95% 4%,#dff3e9 0,transparent 22%),#f8faf9;width:100%;max-width:none;padding:28px max(20px,calc((100% - 1380px)/2)) 80px}
.product-hero{background:rgba(255,255,255,.86);backdrop-filter:blur(20px);border-color:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(23,52,62,.09);align-items:start}
.product-gallery-main{box-shadow:inset 0 0 0 1px rgba(23,101,72,.06);overflow:hidden}.product-skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#f2f5f3 30%,#fff 50%,#f2f5f3 70%);background-size:200% 100%;animation:product-shimmer 1.4s infinite}.product-skeleton:has(img[complete]):before{display:none}
.product-placeholder{min-height:450px;display:flex!important;flex-direction:column;gap:12px;color:#89a298;background:linear-gradient(145deg,#eef7f2,#fff)}.product-placeholder i{font-size:72px}.product-placeholder strong{font-size:28px;color:#176548}
.product-fullscreen{display:grid;place-items:center;box-shadow:0 8px 25px rgba(23,52,62,.12);transition:.25s}.product-fullscreen:hover{color:#fff;background:#176548;transform:scale(1.08)}
.product-summary{min-width:0}.product-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:99px;background:#edf8f3}.product-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.product-meta-grid>span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:11px;border:1px solid var(--product-line);border-radius:14px;background:rgba(255,255,255,.7);transition:.25s;min-width:0}.product-meta-grid>span:hover{border-color:#bcd8cb;transform:translateY(-2px);box-shadow:0 8px 20px rgba(23,52,62,.06)}.product-meta-grid i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--product-green);background:#edf8f3}.product-meta-grid small{color:var(--product-muted);font-size:10px}.product-meta-grid b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-buybox{box-shadow:inset 0 1px rgba(255,255,255,.8)}.product-price-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.product-saving{padding:8px 10px;border-radius:10px;background:#e9f8ee;color:#15803d;font-size:11px;font-weight:800}.product-units{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0}.product-units legend{grid-column:1/-1}.product-units label span{height:100%;padding:12px!important;display:grid!important;grid-template-columns:auto 1fr;gap:3px 8px;cursor:pointer;transition:.25s}.product-units label small{grid-column:1/-1;font-size:10px;opacity:.75}.product-units input:focus-visible+span{outline:3px solid rgba(23,101,72,.25);outline-offset:2px}.product-units input:checked+span{transform:translateY(-3px);box-shadow:0 9px 24px rgba(23,101,72,.2)}
.product-purchase-row{display:flex;gap:10px;align-items:center}.product-add{flex:1;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(23,101,72,.22);transition:.25s}.product-add:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 17px 35px rgba(23,101,72,.3)}.product-add.is-loading span{opacity:.4}.product-add.is-loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:product-spin .7s linear infinite}.product-quantity{flex:none;margin:0}.product-quantity button:hover{background:#edf8f3;color:#176548}
.product-actions{gap:10px}.product-actions button{position:relative;flex:1;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;text-align:right;align-items:center;padding:12px;border:1px solid #e7ece9;border-radius:15px;background:linear-gradient(145deg,#fff,#f6faf8);overflow:hidden;transition:.25s}.product-actions button:nth-child(2){background:linear-gradient(145deg,#fffaf0,#fff)}.product-actions button:nth-child(3){background:linear-gradient(145deg,#f1f6ff,#fff)}.product-actions button:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(23,52,62,.1)}.product-actions i{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#287b5e,#176548)}.product-actions span{font-weight:800;font-size:12px}.product-actions small{color:#72807b;font-size:9px}
.product-trust{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.product-trust article{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--product-line);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 9px 25px rgba(23,52,62,.04);transition:.25s}.product-trust article:hover{transform:translateY(-4px);border-color:#bdd9cc}.product-trust i{font-size:20px;color:#176548}.product-trust b,.product-trust span{display:block}.product-trust b{font-size:13px}.product-trust span{font-size:10px;color:#72807b;margin-top:3px}
.product-tabs{gap:4px;position:sticky;top:0;z-index:5;background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.product-tabs button{border-radius:12px 12px 0 0;transition:.25s}.product-tabs button:hover{background:#f3f8f5}.product-tabs button:focus-visible{outline:3px solid rgba(23,101,72,.2)}.product-spec-table{overflow:hidden;border:1px solid var(--product-line);border-radius:16px}.product-spec-table div:nth-child(odd){background:#f8faf9}.product-spec-table div:hover{background:#edf8f3}.product-spec-table i{color:#176548;margin-left:8px}
.product-ajax-form{padding:22px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:linear-gradient(145deg,rgba(239,248,244,.9),rgba(255,255,255,.75));box-shadow:0 14px 40px rgba(23,52,62,.07)}.product-stars{display:flex;direction:ltr;justify-content:flex-end}.product-stars button{padding:2px;background:none;color:#d8dfdb;font-size:30px}.product-stars button.is-active,.product-stars button:hover,.product-stars button:has(~button:hover){color:#f5ad24;transform:scale(1.12)}.product-upload{display:flex;align-items:center;gap:8px;width:max-content;padding:10px 14px;border:1px dashed #a9cbbb;border-radius:12px;color:#176548;cursor:pointer}.product-upload input{position:absolute;opacity:0;pointer-events:none}.product-user-card{display:grid;grid-template-columns:48px 1fr;gap:14px;background:#fff;box-shadow:0 8px 25px rgba(23,52,62,.04)}.product-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#287b5e,#17343e);font-weight:900}.product-user-card header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.product-user-card time{margin-right:auto;color:#72807b;font-size:11px}.product-verified,.product-manager{padding:4px 8px;border-radius:99px;background:#eaf8f1;color:#15803d;font-size:10px}.product-review-stars{color:#f5ad24;margin-top:5px}
.product-rail-grid{grid-template-columns:repeat(4,1fr)}.product-card{background:#fff;overflow:hidden}.product-card img{transition:.3s}.product-card:hover img{transform:scale(1.04)}
.product-lightbox{grid-template-columns:56px minmax(0,1fr) 56px;gap:12px;padding:20px}.product-lightbox>button{position:static;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.12);font-size:18px}.product-lightbox>button:first-child{position:absolute;top:20px;left:20px}.product-lightbox img{justify-self:center}.product-lightbox:focus-within{outline:none}
@keyframes product-shimmer{to{background-position:-200% 0}}@keyframes product-spin{to{transform:rotate(360deg)}}
@media(max-width:1024px){.product-meta-grid{grid-template-columns:repeat(3,1fr)}.product-trust{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.product-page{padding:12px 12px 60px}.product-breadcrumb{overflow:auto;white-space:nowrap}.product-meta-grid{grid-template-columns:repeat(2,1fr)}.product-price-row,.product-purchase-row{align-items:stretch;flex-direction:column}.product-units{grid-template-columns:1fr}.product-actions{display:grid;grid-template-columns:1fr}.product-trust{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.product-trust article{min-width:165px;scroll-snap-align:start}.product-tabs{display:flex}.product-tabs button{width:auto;text-align:center}.product-user-card{grid-template-columns:40px 1fr}.product-avatar{width:40px;height:40px}.product-lightbox{grid-template-columns:40px minmax(0,1fr) 40px;padding:8px}.product-lightbox>button{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.product-page *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Product detail bug fixes: spacing and restrained semantic accents. */
.product-stock{display:inline-flex;align-items:center;gap:10px}.product-stock i{color:#0d9488}.product-stock-out i{color:#e11d48}
.product-actions button{column-gap:10px;row-gap:3px}.product-actions i{margin-left:0}.product-actions button:nth-child(1) i{background:#e11d48}.product-actions button:nth-child(2) i{background:#7c3aed}.product-actions button:nth-child(3) i{background:#2563eb}
.product-tabs button:nth-child(2).is-active{color:#ea580c;border-bottom-color:#ea580c}.product-tabs button:nth-child(3).is-active{color:#7c3aed;border-bottom-color:#7c3aed}.product-tabs button:nth-child(4).is-active{color:#0d9488;border-bottom-color:#0d9488}
.product-meta-grid>span:nth-child(2) i{color:#ea580c}.product-meta-grid>span:nth-child(3) i{color:#7c3aed}.product-meta-grid>span:nth-child(4) i{color:#0d9488}.product-meta-grid>span:nth-child(5) i{color:#e11d48}.product-meta-grid>span:nth-child(6) i{color:#d97706}

/* Product details completion — scoped controls, social feedback and compact rails. */
.product-quantity input[type=number]{-moz-appearance:textfield;appearance:textfield}.product-quantity input[type=number]::-webkit-inner-spin-button,.product-quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.product-quantity button:disabled{color:#b7c1bd;background:#f1f4f2;cursor:not-allowed}.product-stars{direction:rtl;justify-content:flex-start;gap:4px}.product-stars button{transition:color .18s ease,transform .18s ease}.product-stars button:hover{color:#f5ad24}.product-stars button:has(~button:hover){color:#d8dfdb}.product-field{display:grid;gap:7px}.product-field>span{font-size:12px;font-weight:900;color:#17343e}.product-field small{text-align:left;color:#72807b}.product-field small b{color:#176548}.product-upload-previews,.product-review-images{display:flex;flex-wrap:wrap;gap:10px}.product-upload-previews figure{position:relative;width:112px;margin:0;padding:7px;border:1px solid #dce7e2;border-radius:14px;background:#fff}.product-upload-previews img,.product-review-images img{width:96px;height:96px;object-fit:cover;border-radius:10px}.product-upload-previews figcaption{overflow:hidden;margin-top:5px;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.product-upload-previews button{position:absolute;top:2px;left:2px;display:grid;width:23px;height:23px;padding:0;place-items:center;border-radius:50%;background:#dc2626;color:#fff}.product-panel-heading{display:flex;align-items:center;justify-content:space-between}.product-panel-heading>div>span{color:#0d9488;font-size:11px;font-weight:900}.product-panel-heading>i{display:grid;width:54px;height:54px;place-items:center;border-radius:18px;background:#eaf8f6;color:#0d9488;font-size:22px}.product-question-feed{display:grid;gap:12px;max-width:900px}.product-question{margin:0;border:0;border-radius:22px;box-shadow:0 8px 28px rgba(23,52,62,.07)}.product-question-text{font-size:15px;line-height:2}.product-status{padding:4px 9px;border-radius:99px;font-size:10px}.product-status.is-answered{color:#15803d;background:#eaf8f1}.product-status.is-pending{color:#b45309;background:#fff7e6}.product-answer{margin-top:13px;padding:14px;border-right:3px solid #176548;border-radius:12px;background:#f1f8f5}.product-question-form{margin-top:22px;max-width:900px}.product-rail>header{display:flex;align-items:baseline;justify-content:space-between}.product-rail>header span{color:#72807b;font-size:11px}.product-rail-grid{gap:18px}.product-card{padding:0;border:0;border-radius:22px;background:linear-gradient(150deg,#fff,#f7faf8);box-shadow:0 10px 35px rgba(23,52,62,.08)}.product-card-media{position:relative;overflow:hidden;aspect-ratio:1.2;border-radius:22px 22px 15px 15px;background:#f0f5f2}.product-card-media:before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(100deg,#e9efec 25%,#fafcfb 45%,#e9efec 65%);background-size:200% 100%;animation:product-shimmer 1.2s infinite;transition:opacity .2s}.product-card-media.is-loaded:before{opacity:0;pointer-events:none}.product-card-media img{height:100%;object-fit:contain}.product-card-media>button{position:absolute;z-index:4;top:10px;left:10px;display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:#fff;color:#e11d48;box-shadow:0 5px 16px #17343e22}.product-card-stock{position:absolute;z-index:4;top:10px;right:10px;padding:5px 9px;border-radius:99px;font-size:9px;font-weight:900}.product-card-stock.is-in{color:#15803d;background:#eaf8f1}.product-card-stock.is-out{color:#b91c1c;background:#fef2f2}.product-card-body{padding:14px}.product-card-body h3{margin:0 0 8px}.product-card-body>strong{display:block;text-align:left;font-size:16px}.product-card-body>div{display:flex;gap:7px;margin-top:12px}.product-card-body button,.product-card-view{flex:1;padding:9px;border-radius:10px;text-align:center;font-size:10px}.product-card-body button{border:0;background:#176548;color:#fff}.product-card-view{border:1px solid #dce7e2;color:#17343e;background:#fff}.product-card-body button:disabled{opacity:.45}@media(max-width:640px){.product-rail>header{align-items:flex-start;flex-direction:column}.product-rail-grid{padding-bottom:8px}.product-card{min-width:220px}}