:root{--primary:#167247;--primary-dark:#0d4f35;--accent:#eef5f1;--line:#dce6e1;--text:#17221f;--muted:#66756f;--bg:#eef2f1;--soft:#f7faf8;--orange:#f06b22}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.page{width:100%;max-width:520px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 30px rgba(12,35,26,.12);overflow:hidden}.top-strip{height:9px;background:linear-gradient(90deg,#0d4f35,#167247,#a3b8ae,#167247,#0d4f35)}.header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid #edf1ef;background:#fbfdfc}.logo{font-size:28px;font-weight:800;color:#244136;letter-spacing:.5px}.logo span{color:#e6512d}.nav{display:none}.lang-switch{display:flex;gap:6px}.lang-btn{border:1px solid #d7e4dd;background:#fff;color:#385248;border-radius:999px;padding:7px 9px;font-weight:800;font-size:12px;cursor:pointer}.lang-btn.active{background:#167247;color:#fff;border-color:#167247}.utp-slider-wrap{background:#183d31;padding:7px 0 9px;overflow:hidden}.utp-slider{position:relative;height:58px}.utp-slide{position:absolute;left:10px;right:10px;top:0;height:52px;background:#fff;color:#10161d;text-align:center;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1.25;padding:0 14px;border-bottom:3px solid var(--primary);border-radius:0 0 4px 4px;opacity:0;transform:translateY(100%);transition:transform .45s ease,opacity .45s ease;box-shadow:0 3px 10px rgba(0,0,0,.15)}.utp-slide.active{opacity:1;transform:translateY(0)}.utp-slide.prev{opacity:0;transform:translateY(-100%)}.section{padding:14px 14px 0}.product-title{font-size:15px;color:#7f8e89;margin-bottom:8px}.gallery-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:0 4px 14px rgba(22,44,24,.04)}.main-image{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#f7faf8}.main-image img{width:100%;aspect-ratio:1/1.02;object-fit:contain;background:#f7faf8}.thumb-row{display:flex;gap:8px;padding-top:10px;overflow-x:auto}.thumb{width:64px;min-width:64px;height:64px;border:2px solid #d7e3da;border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center}.thumb.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(22,114,71,.18)}.thumb img{width:100%;height:100%;object-fit:contain;background:#fff}.summary{padding-top:12px}.summary h1{margin:0 0 8px;font-size:23px;line-height:1.15;color:#17221f}.summary p{margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--muted)}.meta-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;box-shadow:0 3px 10px rgba(26,58,33,.04)}.avail{font-size:14px;font-weight:800;color:#167247}.rating{font-size:16px;font-weight:700;color:#ff6b22;text-align:right}.rating small{display:block;font-size:12px;color:#97a4b1;font-weight:400}.price-card{background:linear-gradient(180deg,#edf7f2 0%,#e4f1eb 100%);border:1px solid #d5e6dd;border-radius:16px;padding:16px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.old-price{font-size:15px;color:#8c9790;text-decoration:line-through;margin-bottom:4px}.new-price{font-size:29px;line-height:1.1;font-weight:900;color:#13221c}.discount{background:linear-gradient(180deg,#178d54,#0f6c40);color:#fff;border-radius:999px;padding:7px 12px;font-size:18px;font-weight:900;white-space:nowrap;box-shadow:0 4px 10px rgba(22,114,71,.22)}.delivery-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;color:#50606a;box-shadow:0 3px 10px rgba(26,58,33,.04)}.delivery-title{font-size:14px;line-height:1.4;color:#5d6971;margin-bottom:8px}.delivery-dates{display:grid;gap:8px}.delivery-date{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 10px;background:#f7faf8;border:1px solid #e1ebe6;border-radius:10px}.delivery-date span{font-size:14px;font-weight:700;color:#1d2830;white-space:nowrap}.delivery-date strong{font-size:15px;line-height:1.35;color:#13232f;text-align:right}.cta{display:block;width:100%;background:linear-gradient(180deg,#18834f,#0f6c40);color:#fff;border:none;border-radius:12px;padding:16px 14px;font-size:18px;font-weight:800;text-align:center;cursor:pointer;margin-bottom:12px;box-shadow:0 8px 18px rgba(22,114,71,.22)}.pay-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.pay-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.35;color:#4c5962;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 2px 8px rgba(26,58,33,.03)}.sale-timer{margin:14px 0 12px}.sale-timer__label{display:flex;align-items:center;gap:6px;font-size:15px;color:#39584c;margin-bottom:10px}.sale-timer__row{display:flex;align-items:flex-start;gap:8px}.sale-timer__box{width:52px;min-width:52px;background:linear-gradient(180deg,#26332f 0%,#14211d 100%);color:#fff;border-radius:10px;padding:8px 4px 7px;text-align:center;box-shadow:0 4px 10px rgba(20,33,29,.18);border:1px solid #33443f}.sale-timer__num{font-size:18px;line-height:1;font-weight:900;color:#9ff0bd;margin-bottom:4px}.sale-timer__txt{font-size:10px;line-height:1.1;color:#fff;text-transform:lowercase}.sale-timer__sep{font-size:28px;line-height:1;color:#167247;font-weight:700;padding-top:9px}.sale-timer__line{display:flex;align-items:center;gap:8px;margin-top:12px}.sale-timer__progress{position:relative;flex:1;height:6px;background:#dbe8e2;border-radius:999px;overflow:hidden}.sale-timer__fill{position:absolute;left:0;top:0;bottom:0;width:30%;background:linear-gradient(90deg,#1a8f56,#35b66f);border-radius:999px;transition:width .8s linear}.sale-timer__warn{font-size:12px;line-height:1.2;color:#0f6c40;font-weight:700;white-space:nowrap}.quick-form{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 4px 14px rgba(26,58,33,.05)}.quick-form h3{margin:0 0 12px;font-size:18px;line-height:1.2;color:#17221f}.form-grid{display:grid;gap:10px}.quick-form input{width:100%;height:48px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:15px;outline:none;background:#fbfdfc}.quick-form input:focus{border-color:#167247;box-shadow:0 0 0 3px rgba(22,114,71,.16)}.quick-form button{height:48px;border:none;border-radius:12px;background:linear-gradient(180deg,#18834f,#0f6c40);color:#fff;font-size:18px;font-weight:800;cursor:pointer}.section-head{font-size:22px;line-height:1.15;margin:0 0 14px;color:#17221f;text-align:center}.section-subline{width:120px;height:3px;background:linear-gradient(90deg,transparent,#167247,transparent);margin:0 auto 16px;border-radius:999px}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 2px 8px rgba(26,58,33,.03)}.feature-icon{width:42px;height:42px;border-radius:12px;background:#edf7f2;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:10px;border:1px solid #d5e6dd}.feature-card b{display:block;font-size:16px;line-height:1.2;margin-bottom:6px;color:#17221f}.feature-card p{margin:0;font-size:14px;line-height:1.5;color:#617184}.cards-grid{display:grid;grid-template-columns:1fr;gap:12px}.info-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(26,58,33,.05)}.info-card img{width:100%;height:auto;display:block;aspect-ratio:15/8;object-fit:cover;background:#fff}.info-card__body{padding:12px 12px 14px}.info-card__body b{display:block;font-size:18px;line-height:1.2;margin-bottom:6px;color:#17221f}.info-card__body p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}.promo-card{background:linear-gradient(180deg,#f5faf7 0%,#fff 100%);border:1px solid #d9e8e0;border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(22,114,71,.08)}.promo-badge{display:inline-block;background:linear-gradient(180deg,#18834f,#0f6c40);color:#fff;font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;margin-bottom:10px;letter-spacing:.2px}.promo-title{font-size:24px;line-height:1.15;font-weight:800;color:#17221f;margin:0 0 10px}.promo-text{font-size:15px;line-height:1.55;color:#617184;margin:0 0 14px}.promo-prices{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #d9e8e0;border-radius:16px;padding:14px;margin-bottom:14px}.promo-old{font-size:15px;color:#8c9790;text-decoration:line-through;margin-bottom:4px}.promo-new{font-size:30px;line-height:1.05;font-weight:900;color:#13232f}.promo-discount{background:linear-gradient(180deg,#178d54,#0f6c40);color:#fff;border-radius:999px;padding:8px 12px;font-size:18px;font-weight:900;white-space:nowrap}.promo-note{display:flex;align-items:flex-start;gap:8px;background:#f5faf7;border:1px solid #d9e8e0;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45;color:#51615b;margin-bottom:14px}.hero-mini{border-radius:14px;overflow:hidden;border:1px solid var(--line)}.site-footer{padding:0 0 34px;background:#19372d;margin-top:18px}.site-footer__inner{padding:22px 18px;color:#fff;font-size:12px;line-height:1.65;text-align:center;background:#19372d;border-top:1px solid rgba(255,255,255,.10)}.site-footer a{color:#fff;text-decoration:underline}@media (min-width:780px){.page{max-width:1180px}.header{padding:12px 22px}.nav{display:flex;gap:26px;font-size:14px;text-decoration:underline}.product-section{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start}.product-title{grid-column:1/-1}}@media (max-width:380px){.sale-timer__warn{font-size:11px}.delivery-title{font-size:13px}.delivery-date span{font-size:13px}.delivery-date strong{font-size:14px}.summary h1,.promo-title{font-size:20px}}

/* === MOBILE-FIRST FINAL ADAPTATION === */
html, body {
  width: 100%;
  overflow-x: hidden;
}

body {
  background: #eef2f1;
}

.page {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  box-shadow: none;
  border-left: 1px solid rgba(22, 114, 71, .08);
  border-right: 1px solid rgba(22, 114, 71, .08);
}

.header {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 10px 12px;
}

.logo {
  font-size: 26px;
}

.lang-btn {
  padding: 8px 10px;
  font-size: 12px;
}

.utp-slider-wrap {
  padding: 6px 0 8px;
}

.utp-slider {
  height: 50px;
}

.utp-slide {
  height: 46px;
  font-size: 13px;
  left: 8px;
  right: 8px;
  padding: 0 10px;
}

.section {
  padding: 12px 10px 0;
}

.product-section {
  display: block !important;
}

.product-title {
  font-size: 14px;
  margin-left: 2px;
}

.gallery-box {
  border-radius: 14px;
  padding: 8px;
}

.main-image {
  border-radius: 12px;
}

.main-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.thumb-row {
  gap: 7px;
  padding-top: 8px;
  scrollbar-width: none;
}

.thumb-row::-webkit-scrollbar {
  display: none;
}

.thumb {
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 9px;
}

.summary {
  padding-top: 12px;
}

.summary h1 {
  font-size: 22px;
  line-height: 1.16;
}

.summary p {
  font-size: 14px;
  line-height: 1.5;
}

.meta-box {
  padding: 12px;
  border-radius: 13px;
}

.rating {
  font-size: 15px;
}

.price-card {
  padding: 14px 12px;
  border-radius: 14px;
}

.new-price {
  font-size: 27px;
}

.old-price {
  font-size: 14px;
}

.discount {
  font-size: 16px;
  padding: 7px 11px;
}

.delivery-box {
  padding: 12px;
  border-radius: 13px;
}

.delivery-date {
  padding: 9px 10px;
}

.delivery-date span,
.delivery-date strong {
  font-size: 13px;
}

.cta {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-radius: 13px;
}

.pay-row {
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.pay-item {
  padding: 9px;
  font-size: 11px;
  border-radius: 11px;
}

.sale-timer__row {
  gap: 6px;
}

.sale-timer__box {
  width: 49px;
  min-width: 49px;
  border-radius: 9px;
}

.sale-timer__num {
  font-size: 17px;
}

.sale-timer__txt {
  font-size: 9px;
}

.sale-timer__sep {
  font-size: 24px;
}

.sale-timer__warn {
  font-size: 11px;
  white-space: normal;
  text-align: right;
  max-width: 130px;
}

.quick-form {
  padding: 12px;
  border-radius: 14px;
}

.quick-form input,
.quick-form button {
  height: 50px;
  font-size: 15px;
  border-radius: 11px;
}

.quick-form button {
  font-size: 17px;
}

.section-head {
  font-size: 21px;
  margin-bottom: 12px;
}

.features-grid {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.feature-card {
  padding: 12px 10px;
  border-radius: 13px;
}

.feature-icon {
  width: 38px;
  height: 38px;
  font-size: 20px;
  margin-bottom: 8px;
}

.feature-card b {
  font-size: 15px;
}

.feature-card p {
  font-size: 12.5px;
  line-height: 1.42;
}

.cards-grid {
  gap: 10px;
}

.info-card {
  border-radius: 14px;
}

.info-card img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.info-card__body {
  padding: 11px 11px 13px;
}

.info-card__body b {
  font-size: 17px;
}

.info-card__body p {
  font-size: 13.5px;
}

.promo-card {
  padding: 14px;
  border-radius: 16px;
}

.promo-title {
  font-size: 22px;
}

.promo-text {
  font-size: 14px;
}

.promo-prices {
  padding: 13px;
  border-radius: 14px;
}

.promo-new {
  font-size: 28px;
}

.hero-mini {
  border-radius: 14px;
}

.hero-mini img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #f7faf8;
}

.site-footer__inner {
  padding: 20px 14px 28px;
  font-size: 11px;
}

/* Extra small phones */
@media (max-width: 360px) {
  .section {
    padding-left: 8px;
    padding-right: 8px;
  }

  .summary h1,
  .promo-title {
    font-size: 20px;
  }

  .new-price,
  .promo-new {
    font-size: 25px;
  }

  .features-grid {
    grid-template-columns: 1fr;
  }

  .feature-card {
    display: grid;
    grid-template-columns: 42px 1fr;
    column-gap: 10px;
    align-items: start;
  }

  .feature-card p {
    grid-column: 2;
  }

  .sale-timer__box {
    width: 46px;
    min-width: 46px;
  }

  .sale-timer__warn {
    max-width: 110px;
  }
}

/* Keep desktop from breaking, but mobile remains priority */
@media (min-width: 780px) {
  .page {
    max-width: 1180px;
    box-shadow: 0 0 30px rgba(12,35,26,.12);
  }

  .product-section {
    display: grid !important;
    grid-template-columns: 1.05fr .95fr;
  }

  .main-image img {
    aspect-ratio: 1 / 1;
  }
}


/* === FINAL USER FIXES === */
.header{
  justify-content:flex-end !important;
}
.logo,
.product-title{
  display:none !important;
}
.main-image img{
  object-fit:contain !important;
  background:#f6f9f7 !important;
}
.info-card img{
  object-fit:contain !important;
  background:#f6f9f7 !important;
}
.hero-mini img{
  object-fit:contain !important;
  background:#f6f9f7 !important;
}


/* === responsive and block image fixes === */
html,body{min-width:320px;}
body{padding:0;}
.page{width:min(100%,1320px);max-width:1320px;background:#fff;}
.section{padding:16px 18px 0;}
.gallery-box,.meta-box,.delivery-box,.quick-form,.promo-card,.feature-card,.info-card{box-shadow:0 6px 16px rgba(20,40,31,.05);}
.main-image{display:flex;align-items:center;justify-content:center;min-height:420px;background:#f6faf8;}
.main-image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;padding:8px;background:#f6faf8;}
.thumb-row{justify-content:flex-start;}
.summary h1{font-size:34px;}
.summary p{font-size:16px;}
.new-price,.promo-new{font-size:36px;}
.cta{font-size:20px;}
.info-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f8faf9;padding:8px;}
.info-card__body{padding:14px 14px 16px;}
.info-card__body b{font-size:24px;}
.info-card__body p{font-size:16px;}
.hero-mini img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f8faf9;padding:8px;}

@media (min-width: 900px){
  body{padding:18px;}
  .page{border-radius:18px;overflow:hidden;}
  .product-section{display:grid;grid-template-columns:minmax(420px, 560px) minmax(420px, 1fr);gap:32px;align-items:start;}
  .gallery-box{position:sticky;top:18px;}
  .summary{padding-top:0;}
  .main-image{min-height:680px;}
  .summary h1{font-size:40px;}
  .features-grid{grid-template-columns:repeat(4,1fr);}
  .feature-card{padding:16px;}
  .cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;}
  .info-card img{aspect-ratio:4/5;}
  .promo-card{max-width:980px;margin:0 auto;}
  .hero-mini{max-width:980px;margin:0 auto;}
}

@media (max-width: 899px){
  .page{max-width:520px;}
  .section{padding:14px 14px 0;}
  .main-image{min-height:auto;}
  .main-image img{aspect-ratio:1/1.2;}
  .info-card img{aspect-ratio:4/5;}
}


/* === DESKTOP VIEW LIKE MOBILE PREVIEW === */
body{
  background:#dddddd !important;
  padding:0 !important;
}
.page{
  width:100% !important;
  max-width:430px !important;
  margin:0 auto !important;
  background:#fff !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.header{
  max-width:430px !important;
  margin:0 auto !important;
}
.section{
  padding:14px 12px 0 !important;
}
.product-section{
  display:block !important;
}
.gallery-box,
.meta-box,
.delivery-box,
.quick-form,
.promo-card,
.feature-card,
.info-card,
.hero-mini{
  max-width:100% !important;
}
.main-image{
  min-height:auto !important;
}
.main-image img{
  aspect-ratio:4/5 !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
.thumb-row{
  justify-content:flex-start !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;
  padding-bottom:4px !important;
}
.thumb{
  flex:0 0 58px !important;
  width:58px !important;
  height:58px !important;
}
.summary h1{
  font-size:20px !important;
  line-height:1.25 !important;
}
.summary p{
  font-size:14px !important;
}
.new-price,.promo-new{
  font-size:24px !important;
}
.features-grid,
.cards-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
}
.info-card img,
.hero-mini img{
  width:100% !important;
  height:auto !important;
  aspect-ratio:4/5 !important;
  object-fit:contain !important;
  background:#f6f9f7 !important;
}
.info-card__body b{
  font-size:16px !important;
}
.info-card__body p,
.feature-card p{
  font-size:14px !important;
}
.cta{
  font-size:17px !important;
}
@media (min-width: 900px){
  body{padding:0 !important;}
  .page{max-width:430px !important;}
  .header{max-width:430px !important;}
  .product-section{display:block !important;}
  .gallery-box{position:static !important;top:auto !important;}
  .features-grid,.cards-grid{grid-template-columns:1fr !important;}
  .main-image{min-height:auto !important;}
  .main-image img,.info-card img,.hero-mini img{aspect-ratio:4/5 !important;}
}


/* remove top nav links per final request */
.nav{display:none !important;}
.header{justify-content:flex-end !important;}


/* === final footer text === */
.site-footer__inner{
  line-height:1.7 !important;
  font-size:12px !important;
}
.site-footer__inner a{
  display:inline-block;
  margin-top:2px;
}


/* === block image fit fix === */
.info-card img,
.hero-mini img{
  padding:0 !important;
  background:#fff !important;
  aspect-ratio:auto !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
.hero-mini{padding:0 !important; background:#fff !important;}