:root{
  --green:#0d4b3b; --cream:#fbf6ed; --ink:#201a16; --muted:#786f66;
  --line:rgba(13,75,59,.10); --shadow:0 12px 30px rgba(50,40,30,.08);
}
*{box-sizing:border-box}
body{margin:0;background:#e9e2d9;color:var(--ink);font-family:Tahoma,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.tearex-site{
  position:relative;
  max-width:1180px;
  margin:auto;
  min-height:100vh;
  background:#fbf6ed;
  overflow:hidden;
}
.tearex-site::before{display:none;content:none;}
.tearex-site > *{
  position:relative;
  z-index:1;
}
.topbar{background:var(--green);color:#fff;text-align:center;padding:8px 12px;font-size:12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,246,237,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-row{height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px}
.menu-btn{justify-self:start}.header-actions{justify-self:end;display:flex;gap:8px}
.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center}
.brand img{width:185px;height:50px;object-fit:contain}
.story-bar{padding:14px 12px;background:rgba(251,246,237,.7)}
.story-track{display:flex;gap:14px;overflow:auto;scrollbar-width:none}
.story-item{flex:0 0 78px;text-align:center}.story-ring{width:64px;height:64px;border-radius:50%;padding:3px;background:linear-gradient(145deg,#cfb17d,#0d4b3b);margin:auto;overflow:hidden}
.story-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--cream)}
.story-item strong,.story-item small{display:block}.story-item strong{font-size:11px;margin-top:6px}.story-item small{font-size:9px;color:var(--muted)}
.hero-carousel,.categories-section,.products-section,.testimonials-section,.faq-section{padding:24px 14px}
.hero-track,.testimonial-track,.product-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.hero-slide{flex:0 0 min(86vw,500px);scroll-snap-align:center;border-radius:28px;overflow:hidden}.hero-slide img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2{margin:0;color:var(--green);font-size:23px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.category-card{background:#fff;border-radius:18px;padding:10px;text-align:center}.category-card img{width:100%;aspect-ratio:1/1;object-fit:contain}.category-card strong{font-size:11px}
.sale-strip{display:block;margin-top:12px;background:var(--green);color:white;border-radius:15px;padding:13px 15px;font-weight:700}
.product-card{flex:0 0 31%;scroll-snap-align:start;background:#fff;border-radius:15px;overflow:hidden;border:1px solid var(--line)}
.product-image img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.product-info{padding:8px}.product-info h3{font-size:11px;line-height:1.45;min-height:32px;margin:0 0 7px}.price{font-size:11px;margin-bottom:8px}
.add-btn,.notify-btn{display:block;width:100%;background:var(--green);color:white;border:0;border-radius:10px;padding:8px;font-size:10px;text-align:center}
.stock-alert>span{display:block;color:#9b5f50;font-size:10px;margin-bottom:6px}
.locked-ref{padding:0 0 18px}.locked-ref img{display:block;width:100%;height:auto}
.testimonial-card{flex:0 0 78%;scroll-snap-align:center;background:#fff;border-radius:20px;padding:12px}.testimonial-card img{width:100%;border-radius:14px}.testimonial-card p{font-size:12px;line-height:1.8}.tag{font-size:10px;color:var(--green)}
.fallback-review{width:100%;height:auto}
.faq-section details{background:rgba(255,255,255,.6);border-radius:14px;padding:12px 14px;margin-bottom:8px}.faq-section summary{font-weight:700;color:var(--green)}.faq-section p{font-size:12px;line-height:1.9;color:var(--muted)}
.site-footer{background:linear-gradient(180deg,#0e4c3d,#08392f);color:#fff;padding:30px 16px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-brand,.track-box,.copyright{grid-column:1/-1}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer p,.site-footer li{font-size:12px;line-height:1.9;color:#efe7dc}.track-box{background:rgba(255,255,255,.08);border-radius:18px;padding:14px;display:flex;justify-content:space-between;align-items:center}.track-box a{background:#efd7b3;color:#183d33;padding:10px 12px;border-radius:11px;font-weight:700}
@media(min-width:800px){.category-grid{grid-template-columns:repeat(6,1fr)}.product-card{flex-basis:22%}}


/* v0.2: one continuous visual field */
.story-bar,.hero-carousel,.categories-section,.products-section,.testimonials-section{
  background:transparent;
}
.categories-section,.products-section,.testimonials-section{
  position:relative;
}
.locked-ref{
  background:transparent;
}
.site-footer{
  background:linear-gradient(180deg,#174f41 0%,#0d4035 55%,#08362e 100%);
  border-radius:34px 34px 0 0;
}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.footer-brand,.track-box,.trust-row,.copyright{grid-column:1/-1}
.site-footer a{color:inherit}
.trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.trust-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:12px}
.trust-box strong,.trust-box span{display:block}
.trust-box span{font-size:10px;color:#ddd6ca;margin-top:3px}

/* ===== Homepage v0.3 ===== */
/* One continuous background for the complete page */
.tearex-site{
  background-color:#fbf6ed;
  background-image:
    radial-gradient(ellipse at -4% 7%, rgba(59,91,72,.060) 0 3%, transparent 12%),
    radial-gradient(ellipse at 103% 19%, rgba(59,91,72,.055) 0 3%, transparent 12%),
    radial-gradient(ellipse at -2% 39%, rgba(59,91,72,.050) 0 2.5%, transparent 11%),
    radial-gradient(ellipse at 103% 58%, rgba(59,91,72,.050) 0 2.5%, transparent 11%),
    radial-gradient(ellipse at -4% 79%, rgba(59,91,72,.055) 0 3%, transparent 12%),
    radial-gradient(ellipse at 104% 94%, rgba(59,91,72,.050) 0 2.5%, transparent 11%),
    linear-gradient(#fbf6ed,#fbf6ed);
  background-attachment:local;
}
.story-bar,.hero-carousel,.categories-section,.products-section,.testimonials-section,.locked-ref{
  background:transparent !important;
}
.categories-section,.products-section,.testimonials-section{box-shadow:none!important}
.locked-ref img{
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
}

/* product placeholders until real catalog entry begins */
.placeholder-image{
  background:linear-gradient(145deg,#eee5d9,#e5d9c9);
  aspect-ratio:3/4;
  display:grid;
  place-items:center;
  color:#988b7d;
  font-size:11px;
}
.product-placeholder .product-info h3{color:#5b534b}
.placeholder-button{
  display:block;
  width:100%;
  background:#0d4b3b;
  color:#fff;
  border-radius:10px;
  padding:8px;
  font-size:10px;
  text-align:center;
  opacity:.70;
}

/* real testimonials carousel */
.testimonial-shell{position:relative}
.testimonial-track{
  display:flex;
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  padding:2px 2px 8px;
}
.testimonial-track::-webkit-scrollbar{display:none}
.testimonial-card{
  flex:0 0 82%;
  scroll-snap-align:center;
  background:rgba(255,253,249,.82);
  border:1px solid rgba(13,75,59,.08);
  border-radius:20px;
  padding:12px;
}
.testimonial-media img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  border-radius:14px;
  display:block;
}
.review-placeholder{
  min-height:185px;
  border-radius:14px;
  background:linear-gradient(145deg,#eee5d9,#e7dccf);
  color:#928678;
  display:grid;
  place-items:center;
  text-align:center;
  padding:16px;
}
.testimonial-arrow{
  position:absolute;
  top:45%;
  transform:translateY(-50%);
  z-index:2;
  width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(13,75,59,.12);
  background:rgba(251,246,237,.94);
  color:#0d4b3b;
  font-size:22px;
  display:grid;place-items:center;
}
.testimonial-arrow.prev{right:5px}
.testimonial-arrow.next{left:5px}
.testimonial-dots{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:8px;
}
.testimonial-dots button{
  width:7px;height:7px;border:0;border-radius:50%;
  padding:0;background:#d7cec2;
}
.testimonial-dots button.active{
  width:22px;border-radius:8px;background:#0d4b3b;
}

/* v0.4 polish */
.hero-slide{
  background:transparent;
  box-shadow:0 14px 36px rgba(53,39,29,.07);
}
.products-section, .categories-section, .testimonials-section, .story-bar, .hero-carousel{
  padding-top:22px;
  padding-bottom:22px;
}
.section-head h2{
  text-shadow:0 1px 0 rgba(255,255,255,.6);
}
.locked-ref{
  padding:10px 14px 18px;
}
.locked-ref img{
  border-radius:26px;
  box-shadow:0 18px 40px rgba(53,39,29,.08);
}
.testimonials-section .section-head{
  padding:0 14px;
}

/* v0.5 stronger botanical background */
.tearex-site{
  position:relative;
  background:#fbf6ed !important;
}
.tearex-site::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1NjAnIGhlaWdodD0nMTIwMCcgdmlld0JveD0nMCAwIDU2MCAxMjAwJz4KPGRlZnM+PGZpbHRlciBpZD0nYmx1cic+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0nNCcvPjwvZmlsdGVyPjwvZGVmcz4KPGcgZmlsbD0nbm9uZScgc3Ryb2tlPScjNmY4ZjcyJyBzdHJva2Utd2lkdGg9JzIuMicgb3BhY2l0eT0nLjIzJyBmaWx0ZXI9J3VybCgjYmx1ciknPgogIDxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDI1LDgwKSByb3RhdGUoLTEwKSc+CiAgICA8cGF0aCBkPSdNMCAxOTAgQzM1IDEzNSA1MiA4MCA2MiAwJy8+CiAgICA8ZWxsaXBzZSBjeD0nMTgnIGN5PScxNTAnIHJ4PScyMicgcnk9JzknIHRyYW5zZm9ybT0ncm90YXRlKDM4IDE4IDE1MCknLz4KICAgIDxlbGxpcHNlIGN4PSc0OCcgY3k9JzExNicgcng9JzIwJyByeT0nOCcgdHJhbnNmb3JtPSdyb3RhdGUoLTI4IDQ4IDExNiknLz4KICAgIDxlbGxpcHNlIGN4PScyMCcgY3k9JzgzJyByeD0nMTgnIHJ5PSc3JyB0cmFuc2Zvcm09J3JvdGF0ZSg0MCAyMCA4MyknLz4KICAgIDxlbGxpcHNlIGN4PSc1NicgY3k9JzUzJyByeD0nMTYnIHJ5PSc3JyB0cmFuc2Zvcm09J3JvdGF0ZSgtMzIgNTYgNTMpJy8+CiAgPC9nPgogIDxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDQ1NSwyNDApIHJvdGF0ZSgxNiknPgogICAgPHBhdGggZD0nTTAgMjEwIEM0NiAxNDUgNjAgODIgNjkgMCcvPgogICAgPGVsbGlwc2UgY3g9JzIwJyBjeT0nMTYzJyByeD0nMjMnIHJ5PSc5JyB0cmFuc2Zvcm09J3JvdGF0ZSg0MCAyMCAxNjMpJy8+CiAgICA8ZWxsaXBzZSBjeD0nNTInIGN5PScxMjUnIHJ4PScyMScgcnk9JzgnIHRyYW5zZm9ybT0ncm90YXRlKC0yNiA1MiAxMjUpJy8+CiAgICA8ZWxsaXBzZSBjeD0nMjInIGN5PSc4OScgcng9JzE5JyByeT0nNycgdHJhbnNmb3JtPSdyb3RhdGUoMzggMjIgODkpJy8+CiAgICA8ZWxsaXBzZSBjeD0nNjEnIGN5PSc1OCcgcng9JzE3JyByeT0nNycgdHJhbnNmb3JtPSdyb3RhdGUoLTMwIDYxIDU4KScvPgogIDwvZz4KICA8ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgyMCw2OTApIHJvdGF0ZSgtOCknPgogICAgPHBhdGggZD0nTTAgMTk1IEM0MCAxMzIgNTUgNzQgNjQgMCcvPgogICAgPGVsbGlwc2UgY3g9JzE4JyBjeT0nMTUwJyByeD0nMjInIHJ5PSc5JyB0cmFuc2Zvcm09J3JvdGF0ZSgzOSAxOCAxNTApJy8+CiAgICA8ZWxsaXBzZSBjeD0nNTAnIGN5PScxMTInIHJ4PScyMCcgcnk9JzgnIHRyYW5zZm9ybT0ncm90YXRlKC0yOCA1MCAxMTIpJy8+CiAgICA8ZWxsaXBzZSBjeD0nMjAnIGN5PSc3OScgcng9JzE4JyByeT0nNycgdHJhbnNmb3JtPSdyb3RhdGUoNDAgMjAgNzkpJy8+CiAgPC9nPgogIDxnIHRyYW5zZm9ybT0ndHJhbnNsYXRlKDQ2OCw5MTApIHJvdGF0ZSgxMiknPgogICAgPHBhdGggZD0nTTAgMTgwIEMzOCAxMjQgNTEgNzAgNTkgMCcvPgogICAgPGVsbGlwc2UgY3g9JzE4JyBjeT0nMTQwJyByeD0nMjAnIHJ5PSc4JyB0cmFuc2Zvcm09J3JvdGF0ZSgzOSAxOCAxNDApJy8+CiAgICA8ZWxsaXBzZSBjeD0nNDUnIGN5PScxMDMnIHJ4PScxOCcgcnk9JzcnIHRyYW5zZm9ybT0ncm90YXRlKC0yOCA0NSAxMDMpJy8+CiAgICA8ZWxsaXBzZSBjeD0nMTgnIGN5PSc3MCcgcng9JzE2JyByeT0nNycgdHJhbnNmb3JtPSdyb3RhdGUoNDAgMTggNzApJy8+CiAgPC9nPgo8L2c+Cjwvc3ZnPg==");
  background-repeat:repeat-y;
  background-position:center top;
  background-size:560px 1200px;
  opacity:.72;
  z-index:0;
}
.tearex-site > *{position:relative;z-index:1}
.clickable-poster{display:block;cursor:pointer}
.clickable-poster:hover{filter:brightness(.985)}
.clickable-poster img{display:block;width:100%;height:auto}

/* v0.6 final homepage structure */
.tearex-site{
  background-color:#fbf6ed !important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27620%27%20height%3D%271320%27%20viewBox%3D%270%200%20620%201320%27%3E%0A%3Cdefs%3E%3Cfilter%20id%3D%27blur%27%3E%3CfeGaussianBlur%20stdDeviation%3D%275%27/%3E%3C/filter%3E%3C/defs%3E%0A%3Cg%20fill%3D%27none%27%20stroke%3D%27%236f8f72%27%20stroke-width%3D%272.3%27%20opacity%3D%27.25%27%20filter%3D%27url%28%23blur%29%27%3E%0A%20%20%3Cg%20transform%3D%27translate%2826%2C85%29%20rotate%28-10%29%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M0%20210%20C40%20145%2056%2085%2066%200%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2718%27%20cy%3D%27166%27%20rx%3D%2724%27%20ry%3D%2710%27%20transform%3D%27rotate%2840%2018%20166%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2752%27%20cy%3D%27128%27%20rx%3D%2721%27%20ry%3D%278%27%20transform%3D%27rotate%28-27%2052%20128%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2720%27%20cy%3D%2792%27%20rx%3D%2719%27%20ry%3D%278%27%20transform%3D%27rotate%2840%2020%2092%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2761%27%20cy%3D%2759%27%20rx%3D%2717%27%20ry%3D%277%27%20transform%3D%27rotate%28-30%2061%2059%29%27/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28500%2C250%29%20rotate%2814%29%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M0%20215%20C48%20148%2062%2084%2072%200%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2718%27%20cy%3D%27171%27%20rx%3D%2724%27%20ry%3D%2710%27%20transform%3D%27rotate%2839%2018%20171%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2754%27%20cy%3D%27132%27%20rx%3D%2721%27%20ry%3D%278%27%20transform%3D%27rotate%28-27%2054%20132%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2721%27%20cy%3D%2795%27%20rx%3D%2719%27%20ry%3D%278%27%20transform%3D%27rotate%2839%2021%2095%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2764%27%20cy%3D%2760%27%20rx%3D%2717%27%20ry%3D%277%27%20transform%3D%27rotate%28-30%2064%2060%29%27/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%2824%2C720%29%20rotate%28-8%29%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M0%20205%20C42%20140%2057%2080%2066%200%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2718%27%20cy%3D%27160%27%20rx%3D%2723%27%20ry%3D%279%27%20transform%3D%27rotate%2839%2018%20160%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2751%27%20cy%3D%27122%27%20rx%3D%2720%27%20ry%3D%278%27%20transform%3D%27rotate%28-28%2051%20122%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2720%27%20cy%3D%2788%27%20rx%3D%2718%27%20ry%3D%277%27%20transform%3D%27rotate%2840%2020%2088%29%27/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28512%2C1015%29%20rotate%2812%29%27%3E%0A%20%20%20%20%3Cpath%20d%3D%27M0%20190%20C39%20130%2053%2075%2061%200%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2718%27%20cy%3D%27147%27%20rx%3D%2721%27%20ry%3D%279%27%20transform%3D%27rotate%2840%2018%20147%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2747%27%20cy%3D%27110%27%20rx%3D%2719%27%20ry%3D%277%27%20transform%3D%27rotate%28-28%2047%20110%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2718%27%20cy%3D%2776%27%20rx%3D%2717%27%20ry%3D%277%27%20transform%3D%27rotate%2840%2018%2076%29%27/%3E%0A%20%20%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E") !important;
  background-repeat:repeat-y !important;
  background-position:center top !important;
  background-size:620px 1320px !important;
}
.why-tearex-live{padding:18px 14px 26px}
.why-tearex-live .why-heading{text-align:center;margin-bottom:14px}
.why-tearex-live .why-heading h2{margin:0;color:#0d4b3b;font-size:23px}
.why-tearex-live .why-heading p{margin:5px 0 0;color:#756c63;font-size:12px}
.why-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.why-live-slot{min-height:190px;border:2px dashed rgba(13,75,59,.28);border-radius:20px;background:rgba(255,255,255,.14);display:grid;place-items:center;text-align:center;padding:14px}
.why-live-slot.wide{grid-column:1/-1;min-height:165px}
.review-tag{display:inline-block;background:#e5eee4;color:#0d4b3b;border-radius:18px;padding:6px 10px;font-size:10px}

/* v0.7 FINAL: plain cream background, no botanical leaves */
.tearex-site{
  background:#fbf6ed !important;
  background-image:none !important;
}
.tearex-site::before{
  display:none !important;
  content:none !important;
}
.brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.brand img{
  width:42px;
  height:42px;
  object-fit:contain;
}
.brand .wordmark{
  color:#0d4b3b;
  font-size:24px;
  font-weight:900;
  letter-spacing:.5px;
}

/* v0.8 FINAL PREVIEW MATCH */
.tearex-site{
  background-color:#fbf6ed !important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27520%27%20height%3D%271200%27%20viewBox%3D%270%200%20520%201200%27%3E%0A%3Cdefs%3E%0A%20%20%3Cfilter%20id%3D%27soft%27%3E%3CfeGaussianBlur%20stdDeviation%3D%272.5%27/%3E%3C/filter%3E%0A%3C/defs%3E%0A%3Cg%20fill%3D%27%236f8f72%27%20opacity%3D%27.16%27%20filter%3D%27url%28%23soft%29%27%3E%0A%20%20%3Cg%20transform%3D%27translate%28-15%2C65%29%20rotate%28-15%29%27%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2730%27%20cy%3D%2720%27%20rx%3D%2728%27%20ry%3D%2790%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2772%27%20cy%3D%2760%27%20rx%3D%2724%27%20ry%3D%2774%27%20transform%3D%27rotate%2830%2072%2060%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2718%27%20cy%3D%27118%27%20rx%3D%2721%27%20ry%3D%2766%27%20transform%3D%27rotate%28-25%2018%20118%29%27/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28455%2C220%29%20rotate%2818%29%27%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2726%27%20cy%3D%2720%27%20rx%3D%2727%27%20ry%3D%2786%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2768%27%20cy%3D%2760%27%20rx%3D%2723%27%20ry%3D%2772%27%20transform%3D%27rotate%2828%2068%2060%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2712%27%20cy%3D%27118%27%20rx%3D%2720%27%20ry%3D%2764%27%20transform%3D%27rotate%28-22%2012%20118%29%27/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28-10%2C635%29%20rotate%28-10%29%27%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2728%27%20cy%3D%2722%27%20rx%3D%2726%27%20ry%3D%2782%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2768%27%20cy%3D%2764%27%20rx%3D%2722%27%20ry%3D%2768%27%20transform%3D%27rotate%2830%2068%2064%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2718%27%20cy%3D%27116%27%20rx%3D%2719%27%20ry%3D%2760%27%20transform%3D%27rotate%28-24%2018%20116%29%27/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cg%20transform%3D%27translate%28458%2C900%29%20rotate%2814%29%27%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2726%27%20cy%3D%2722%27%20rx%3D%2726%27%20ry%3D%2782%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2766%27%20cy%3D%2764%27%20rx%3D%2722%27%20ry%3D%2768%27%20transform%3D%27rotate%2829%2066%2064%29%27/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2716%27%20cy%3D%27116%27%20rx%3D%2719%27%20ry%3D%2760%27%20transform%3D%27rotate%28-24%2016%20116%29%27/%3E%0A%20%20%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E") !important;
  background-repeat:repeat-y !important;
  background-position:center top !important;
  background-size:520px 1200px !important;
}
.tearex-site::before{
  display:none !important;
  content:none !important;
}


/* v0.9 clean header */
.brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--green);
  font-weight:900;
  white-space:nowrap;
}
.brand img{
  width:38px;
  height:38px;
  object-fit:contain;
  display:block;
}
.brand .brand-text{
  font-size:24px;
  line-height:1;
  letter-spacing:.6px;
}

/* Shop page v1 */
.shop-page{padding:22px 14px 32px;background:#fbf6ed}
.shop-intro h1{margin:0;color:#0d4b3b;font-size:28px}
.shop-intro p{font-size:12px;line-height:1.8;color:#786f66}
.shop-search{display:flex;gap:8px;margin:16px 0}
.shop-search input{flex:1;border:1px solid #e7ddd0;border-radius:13px;padding:11px;background:#fff}
.shop-search button,.shop-filters button{border:0;border-radius:11px;background:#0d4b3b;color:#fff;padding:10px 12px}
.shop-categories{display:flex;gap:8px;overflow:auto;scrollbar-width:none;margin-bottom:14px}
.shop-categories::-webkit-scrollbar{display:none}
.shop-chip{flex:0 0 auto;padding:9px 12px;border-radius:999px;border:1px solid #d9cfc2;background:#fff;font-size:11px}
.shop-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px;padding:12px;background:#f2e8dc;border-radius:16px}
.shop-filters select{border:1px solid #ddd3c6;border-radius:10px;background:#fff;padding:9px;font-size:11px}
.shop-filters button{grid-column:1/-1}
.shop-sort{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px}
.shop-page ul.products{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.shop-page ul.products li.product{width:auto!important;margin:0!important;background:#fff;border:1px solid #e7ddd0;border-radius:16px;overflow:hidden;padding-bottom:10px}
.shop-page ul.products li.product img{margin:0!important;aspect-ratio:3/4;object-fit:cover;background:#eee4d7}
.shop-page ul.products li.product .woocommerce-loop-product__title{font-size:11px!important;line-height:1.5;padding:8px 9px 0!important;min-height:43px}
.shop-page ul.products li.product .price{padding:0 9px;font-size:11px!important;color:#201a16!important}
.shop-page ul.products li.product .button{margin:8px 9px 0!important;background:#0d4b3b!important;color:#fff!important;border-radius:10px!important;font-size:10px!important;text-align:center;display:block}
.shop-empty{padding:30px;text-align:center;color:#786f66}
@media(min-width:800px){.shop-page ul.products{grid-template-columns:repeat(4,1fr)!important}}

/* v1.1 exact original Tearex logo */
.brand{
  display:flex;
  align-items:center;
  justify-content:center;
}
.brand-logo-original{
  width:165px !important;
  height:46px !important;
  object-fit:contain !important;
  display:block !important;
}
.brand .brand-text,
.brand img:not(.brand-logo-original){
  display:none !important;
}

/* Product page v1 */
.tearex-product-page{padding:14px;background:#fbf6ed}
.tearex-product-gallery .woocommerce-product-gallery{float:none!important;width:100%!important;margin:0!important}
.tearex-product-gallery .woocommerce-product-gallery__wrapper{border-radius:24px;overflow:hidden;background:#eee4d7}
.tearex-product-gallery img{width:100%!important;height:auto!important}
.tearex-product-main{padding:10px 0}
.tearex-product-main h1{margin:5px 0;color:#173f34;font-size:24px;line-height:1.5}
.tearex-product-brand{font-size:10px;color:#8a8179}
.tearex-short-description{font-size:11px;line-height:1.9;color:#786f66}
.tearex-price{font-size:21px;font-weight:800;margin:13px 0 6px}
.tearex-stock{font-size:10px;color:#41725f}
.tearex-stock.out{color:#8b5a4b}
.tearex-snapp{margin:12px 0;background:#edf3ff;border:1px solid #cfdcf7;border-radius:14px;padding:12px}
.tearex-snapp strong,.tearex-snapp span{display:block;font-size:11px;line-height:1.8}
.tearex-snapp strong{color:#1d5cad}
.tearex-addtocart form.cart{display:flex!important;gap:8px;align-items:stretch}
.tearex-addtocart .quantity{margin:0!important}
.tearex-addtocart .qty{height:44px;border:1px solid #e7ddd0;border-radius:12px}
.tearex-addtocart .single_add_to_cart_button{flex:1;background:#0d4b3b!important;color:#fff!important;border-radius:12px!important}
.tearex-laser-link{display:block;margin-top:8px;border:1px solid #0d4b3b;border-radius:13px;padding:12px;text-align:center;color:#0d4b3b;font-size:11px}
.tearex-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 18px}
.tearex-feature{background:#fff;border:1px solid #e7ddd0;border-radius:15px;padding:12px}
.tearex-feature strong,.tearex-feature span{display:block}
.tearex-feature strong{color:#0d4b3b;font-size:11px;margin-bottom:4px}
.tearex-feature span{font-size:10px;line-height:1.7;color:#786f66}
.tearex-product-details details{background:rgba(255,255,255,.62);border:1px solid #e7ddd0;border-radius:14px;padding:12px 13px;margin-bottom:8px}
.tearex-product-details summary{font-size:12px;font-weight:700;color:#0d4b3b}
.tearex-product-details details div{font-size:11px;line-height:1.9;color:#786f66}
.tearex-guide-box{background:#f0e6d9;border-radius:18px;padding:15px;margin:18px 0}
.tearex-guide-box h3{margin:0 0 6px;color:#0d4b3b;font-size:15px}
.tearex-guide-box p{margin:0 0 10px;font-size:11px;line-height:1.8;color:#675e56}
.tearex-guide-box a{display:inline-block;background:#fff;border:1px solid #d8cec1;border-radius:10px;padding:9px 11px;font-size:10px}
.tearex-related h2{color:#0d4b3b;font-size:19px}
.tearex-related ul.products{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
@media(min-width:800px){
  .tearex-product-page{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1180px;margin:auto}
  .tearex-feature-grid,.tearex-product-details,.tearex-guide-box,.tearex-related{grid-column:1/-1}
  .tearex-related ul.products{grid-template-columns:repeat(4,1fr)!important}
}

/* Cash campaign pricing v1 */
.tearex-price-campaign{margin:14px 0 8px;background:#fff;border:1px solid #e7ddd0;border-radius:16px;padding:12px}
.tearex-base-price,.tearex-discount-row,.tearex-cash-final{display:flex;justify-content:space-between;gap:12px;align-items:center}
.tearex-base-price{font-size:11px;color:#766c62;padding-bottom:9px;border-bottom:1px dashed #e7ddd0}
.tearex-base-price strong{font-size:14px;color:#221b17}
.tearex-discount-row{padding:10px 0 5px;font-size:11px;color:#2f6d57}
.tearex-discount-row strong{font-size:13px;color:#2f6d57}
.tearex-discount-note{font-size:9px;line-height:1.8;color:#8a8179;padding-bottom:10px}
.tearex-cash-final{background:#f1eadf;border-radius:12px;padding:10px}
.tearex-cash-final span{font-size:11px;color:#0d4b3b;font-weight:700}
.tearex-cash-final strong{font-size:18px;color:#0d4b3b}

/* TEAREX LOCKED HEADER vFinal */
.header,.site-header{direction:ltr !important;display:grid !important;grid-template-columns:1fr auto 1fr !important;align-items:center !important}
.tearex-cart-slot{justify-self:start !important;display:flex;align-items:center}
.tearex-tools-slot{justify-self:end !important;display:flex;align-items:center;gap:8px}
.tearex-logo-slot{justify-self:center !important;display:flex;align-items:center;justify-content:center}
.tearex-logo-slot img{width:154px;height:46px;object-fit:contain;display:block}
.tearex-header-icon{width:38px;height:38px;border:1px solid #ded5c9;border-radius:50%;background:#fff;display:grid;place-items:center;position:relative;color:#262626;padding:0}
.tearex-header-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tearex-header-icon.cart{color:#0d4b3b}
.tearex-cart-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#0d4b3b;color:#fff;font-size:9px;display:grid;place-items:center;line-height:1}


/* ===== Tearex v1.6 shared UI ===== */
.tearex-no-scroll{overflow:hidden}
.tearex-ui-overlay{position:fixed;inset:0;background:rgba(24,22,19,.48);opacity:0;pointer-events:none;transition:.22s;z-index:900}
.tearex-ui-overlay.show{opacity:1;pointer-events:auto}
.tearex-side-drawer{position:fixed;top:0;right:0;width:min(86vw,410px);height:100dvh;background:#fffdf8;z-index:920;transform:translateX(102%);transition:.25s ease;box-shadow:-18px 0 40px rgba(0,0,0,.16);overflow:auto}
.tearex-side-drawer.open{transform:translateX(0)}
.tearex-drawer-head,.tearex-search-head{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e7ddd2}
.tearex-drawer-head strong,.tearex-search-head strong{color:#0f4f3f;font-size:20px}
.tearex-drawer-close{width:38px;height:38px;border:0;border-radius:50%;background:#f7f1e9;font-size:24px}
.tearex-drawer-body{padding:14px}
.tearex-drawer-label{font-size:11px;color:#786e66;margin:8px 4px}
.tearex-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}
.tearex-category-card{display:block;background:#fff;border:1px solid #e7ddd2;border-radius:14px;padding:12px;text-decoration:none}
.tearex-category-card strong{display:block;color:#29473e;font-size:11px}
.tearex-category-card small{display:block;color:#786e66;font-size:9px;margin-top:4px}
.tearex-menu-promo{display:block;background:#0f4f3f;color:#fff;border-radius:16px;padding:13px;text-decoration:none;margin-bottom:8px}
.tearex-menu-promo strong{display:block;font-size:12px}.tearex-menu-promo span{font-size:9px;opacity:.85}
.tearex-drawer-link{display:flex;align-items:center;justify-content:space-between;padding:13px 4px;border-bottom:1px solid #eee6dd;color:#2f443d;text-decoration:none;font-size:11px}
.tearex-search-panel{position:fixed;top:0;left:50%;transform:translate(-50%,-102%);width:min(100%,480px);max-height:82dvh;background:#fffdf8;z-index:930;transition:.25s ease;box-shadow:0 18px 40px rgba(0,0,0,.16);border-radius:0 0 24px 24px;overflow:auto}
.tearex-search-panel.open{transform:translate(-50%,0)}
.tearex-search-box{padding:14px}
.tearex-search-box input{width:100%;border:1px solid #e7ddd2;border-radius:14px;padding:13px;background:#fff;font-family:inherit}
.tearex-search-results{padding:0 14px 18px}
.tearex-search-empty{padding:24px;text-align:center;color:#786e66;font-size:10px}
.tearex-search-item{display:grid;grid-template-columns:58px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee6dd;text-decoration:none}
.tearex-search-thumb{width:58px;height:58px;border-radius:11px;background:#efe5d9;overflow:hidden;display:block}
.tearex-search-thumb img{width:100%;height:100%;object-fit:cover}
.tearex-search-item strong{display:block;color:#29473e;font-size:11px}.tearex-search-item small{display:block;color:#786e66;font-size:9px;margin-top:4px}
.tearex-login-modal{position:fixed;inset:0;z-index:940;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none}
.tearex-login-modal.open{opacity:1;pointer-events:auto}
.tearex-login-card{width:min(100%,400px);background:#fffdf8;border-radius:22px;padding:18px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.tearex-login-close{position:absolute;left:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f7f1e9;font-size:20px}
.tearex-login-card h3{margin:4px 0 8px;color:#0f4f3f;font-size:20px}.tearex-login-card p{font-size:10px;color:#786e66;line-height:1.8}
.tearex-login-step input{width:100%;border:1px solid #e7ddd2;border-radius:13px;padding:12px;background:#fff;margin-top:8px;direction:ltr;text-align:left}
.tearex-primary-btn{width:100%;border:0;border-radius:13px;background:#0f4f3f;color:#fff;padding:12px;margin-top:9px;font-weight:700}
.tearex-login-message{font-size:9px;color:#4d6c5d;margin-top:8px}
.tearex-account-credit{background:#0f4f3f;color:#fff;border-radius:18px;padding:16px;margin:12px 0 18px}.tearex-account-credit-label{font-size:10px;opacity:.8}.tearex-account-credit strong{display:block;font-size:22px;margin-top:5px}.tearex-account-credit small{display:block;font-size:9px;opacity:.8;margin-top:6px}
@media(min-width:800px){.tearex-side-drawer{width:390px}.tearex-search-panel{width:640px;max-width:90vw}}


/* ===== Tearex Magazine v1.7 ===== */
.tearex-magazine,.tearex-single-article{max-width:1180px;margin:0 auto;padding:24px 14px 60px}
.tearex-magazine-hero{background:linear-gradient(145deg,#efe4d6,#f7efe5);border:1px solid #e7ddd2;border-radius:28px;padding:28px 20px;margin-bottom:16px}
.tearex-magazine-kicker{font-size:10px;letter-spacing:.12em;color:#0f4f3f}
.tearex-magazine-hero h1{margin:8px 0;color:#0f4f3f;font-size:32px}
.tearex-magazine-hero p{max-width:620px;margin:0;color:#786e66;line-height:1.9;font-size:11px}
.tearex-magazine-cats{display:flex;gap:8px;overflow:auto;padding:4px 0 14px;scrollbar-width:none}
.tearex-magazine-cats::-webkit-scrollbar{display:none}
.tearex-magazine-cats a{flex:0 0 auto;border:1px solid #e7ddd2;background:#fff;color:#4d443d;border-radius:999px;padding:9px 13px;text-decoration:none;font-size:10px}
.tearex-magazine-cats a.active{background:#0f4f3f;color:#fff;border-color:#0f4f3f}
.tearex-magazine-grid{display:grid;grid-template-columns:1fr;gap:12px}
.tearex-article-card{background:#fff;border:1px solid #e7ddd2;border-radius:20px;overflow:hidden}
.tearex-article-media{display:block;aspect-ratio:16/10;background:linear-gradient(145deg,#eee4d8,#e5d7c8);overflow:hidden;color:#9a8e83;text-decoration:none}
.tearex-article-media img{width:100%;height:100%;object-fit:cover}
.tearex-article-media span{height:100%;display:grid;place-items:center;font-size:10px}
.tearex-article-body{padding:14px}
.tearex-article-meta{display:flex;gap:10px;color:#8a7f75;font-size:9px}
.tearex-article-card h2{font-size:15px;line-height:1.7;margin:7px 0}
.tearex-article-card h2 a{color:#29473e;text-decoration:none}
.tearex-article-card p{color:#786e66;font-size:10px;line-height:1.9;margin:0 0 10px}
.tearex-read-more{font-size:10px;color:#0f4f3f;font-weight:700;text-decoration:none}
.tearex-magazine-pagination{display:flex;justify-content:center;gap:6px;margin-top:22px}
.tearex-magazine-pagination .page-numbers{display:grid;place-items:center;min-width:36px;height:36px;padding:0 8px;border:1px solid #e7ddd2;background:#fff;border-radius:10px;text-decoration:none;color:#29473e;font-size:10px}
.tearex-magazine-pagination .current{background:#0f4f3f;color:#fff;border-color:#0f4f3f}

.tearex-article-shell{background:#fff;border:1px solid #e7ddd2;border-radius:24px;overflow:hidden}
.tearex-article-hero{padding:20px 18px 0}
.tearex-article-breadcrumb{font-size:9px;color:#8a7f75;margin-bottom:8px}.tearex-article-breadcrumb a{color:#0f4f3f;text-decoration:none}
.tearex-article-hero h1{font-size:28px;line-height:1.55;color:#0f4f3f;margin:0 0 8px}
.tearex-single-meta{display:flex;gap:12px;color:#8a7f75;font-size:9px;margin-bottom:14px}
.tearex-article-featured{border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#efe5d9}
.tearex-article-featured img{width:100%;height:100%;object-fit:cover}
.tearex-article-content{padding:20px 18px;font-size:14px;line-height:2.05;color:#3d3732}
.tearex-article-content h2,.tearex-article-content h3{color:#0f4f3f;line-height:1.7;margin-top:28px}
.tearex-article-content img{max-width:100%;height:auto;border-radius:16px}
.tearex-related-products{padding:0 18px 20px}
.tearex-section-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:10px}
.tearex-section-head h2{margin:0;color:#0f4f3f;font-size:18px}.tearex-section-head span{font-size:9px;color:#786e66}
.tearex-article-footer{padding:16px 18px;border-top:1px solid #eee6dd}.tearex-article-footer a{color:#0f4f3f;text-decoration:none;font-size:10px;font-weight:700}

@media(min-width:720px){
  .tearex-magazine-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  .tearex-magazine-hero{padding:42px 34px}
  .tearex-article-hero{padding:34px 44px 0}
  .tearex-article-content{padding:30px 44px;font-size:16px}
  .tearex-related-products{padding:0 44px 30px}
  .tearex-article-footer{padding:18px 44px}
}


/* ===== Product laser personalization CTA v1.8 ===== */
.tearex-laser-personalize{
  margin:14px 0 16px;
  padding:14px;
  border:1px solid #d9e5df;
  background:#f5faf7;
  border-radius:16px;
}
.tearex-laser-personalize-copy strong{
  display:block;
  color:#0f4f3f;
  font-size:13px;
  margin-bottom:4px;
}
.tearex-laser-personalize-copy span{
  display:block;
  color:#66756d;
  font-size:10px;
  line-height:1.8;
}
.tearex-laser-personalize-link{
  display:inline-flex;
  margin-top:10px;
  color:#0f4f3f;
  font-weight:700;
  font-size:10px;
  text-decoration:none;
  border-bottom:1px solid rgba(15,79,63,.35);
  padding-bottom:2px;
}


/* ===== Gift & wrapping page v1.9 ===== */
.tearex-gift-page{max-width:1180px;margin:0 auto;padding:22px 14px 60px}
.tearex-gift-hero{background:linear-gradient(145deg,#f0e5d7,#fbf5ed);border:1px solid #e7ddd2;border-radius:28px;padding:30px 20px;text-align:center}
.tearex-gift-kicker{display:block;color:#0f4f3f;font-size:10px;letter-spacing:.14em}
.tearex-gift-hero h1{margin:8px 0;color:#0f4f3f;font-size:30px}
.tearex-gift-hero p{margin:0 auto;max-width:560px;color:#786e66;font-size:11px;line-height:1.9}
.tearex-gift-shop-btn{display:inline-flex;margin-top:15px;padding:11px 20px;border-radius:999px;background:#0f4f3f;color:#fff;text-decoration:none;font-size:10px;font-weight:700}
.tearex-gift-how{margin-top:22px}
.tearex-gift-how h2,.tearex-gift-examples h2{color:#0f4f3f;font-size:20px;margin:0 0 10px}
.tearex-gift-steps{display:grid;grid-template-columns:1fr;gap:9px}
.tearex-gift-steps>div{background:#fff;border:1px solid #e7ddd2;border-radius:17px;padding:14px}
.tearex-gift-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef5f1;color:#0f4f3f;margin-bottom:8px}
.tearex-gift-steps strong{display:block;color:#29473e;font-size:11px}
.tearex-gift-steps span{display:block;color:#786e66;font-size:9px;line-height:1.8;margin-top:4px}
.tearex-gift-examples{margin-top:26px}
.tearex-gift-head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.tearex-gift-head>div>span{color:#967e67;font-size:9px}
.tearex-gift-head p{max-width:320px;color:#786e66;font-size:9px;line-height:1.8;margin:0}
.tearex-gift-gallery{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.tearex-gift-photo{aspect-ratio:1/1;border-radius:18px;background:linear-gradient(145deg,#eee3d5,#dfcfbd);display:grid;place-items:center;color:#938579;font-size:9px;border:1px solid #e3d7ca}
.tearex-gift-note{margin-top:22px;background:#0f4f3f;color:#fff;border-radius:20px;padding:16px}
.tearex-gift-note strong{display:block;font-size:13px}
.tearex-gift-note span{display:block;font-size:9px;line-height:1.8;opacity:.85;margin-top:5px}
.tearex-gift-note a{display:inline-block;margin-top:10px;color:#fff;font-size:9px;font-weight:700}
@media(min-width:720px){
 .tearex-gift-hero{padding:48px 34px}
 .tearex-gift-steps{grid-template-columns:repeat(3,1fr)}
 .tearex-gift-gallery{grid-template-columns:repeat(4,1fr)}
}


/* ===== SnappPay info page v1.10 ===== */
.tearex-snapp-page{max-width:900px;margin:0 auto;padding:24px 14px 60px}
.tearex-snapp-card{background:#fff;border:1px solid #e7ddd2;border-radius:28px;padding:26px 18px}
.tearex-snapp-kicker{display:block;color:#0f4f3f;font-size:10px;letter-spacing:.08em;margin-bottom:6px}
.tearex-snapp-card h1{margin:0;color:#0f4f3f;font-size:30px;line-height:1.5}
.tearex-snapp-lead{margin:10px 0 0;color:#5f5852;font-size:12px;line-height:2}
.tearex-snapp-steps{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
.tearex-snapp-steps>div{border:1px solid #e7ddd2;border-radius:17px;padding:14px;background:#fffdf8}
.tearex-snapp-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef5f1;color:#0f4f3f;margin-bottom:8px}
.tearex-snapp-steps strong{display:block;color:#29473e;font-size:11px}
.tearex-snapp-steps span{display:block;color:#786e66;font-size:9px;line-height:1.9;margin-top:4px}
.tearex-snapp-note{margin-top:14px;background:#f5faf7;border:1px solid #d9e5df;border-radius:15px;padding:12px}
.tearex-snapp-note strong{display:block;color:#0f4f3f;font-size:10px}
.tearex-snapp-note span{display:block;color:#617068;font-size:9px;line-height:1.8;margin-top:4px}
.tearex-snapp-start{width:100%;border:0;border-radius:14px;background:#0f4f3f;color:#fff;padding:13px;margin-top:16px;font-weight:700;cursor:pointer}
@media(min-width:720px){
  .tearex-snapp-card{padding:42px 36px}
  .tearex-snapp-steps{grid-template-columns:repeat(3,1fr)}
  .tearex-snapp-start{width:auto;min-width:180px}
}


/* ===== Laser Engraving v1.11 ===== */
.tearex-laser-page{max-width:1180px;margin:0 auto;padding:22px 14px 70px}
.tearex-laser-hero{display:grid;grid-template-columns:1fr;gap:18px}
.tearex-laser-gallery,.tearex-laser-info{background:#fff;border:1px solid #e7ddd2;border-radius:24px;padding:14px}
.tearex-laser-main-photo{aspect-ratio:1/1;border-radius:18px;background:linear-gradient(145deg,#ece1d4,#dbc9b6);display:grid;place-items:center;color:#8c7d70;font-size:11px}
.tearex-laser-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px}
.tearex-laser-thumbs div{aspect-ratio:1/1;border-radius:12px;background:#f5eee6;border:1px solid #eadfd2;display:grid;place-items:center;font-size:8px;color:#786e66}
.tearex-laser-kicker{display:block;color:#967e67;font-size:9px;letter-spacing:.11em}
.tearex-laser-info h1{font-size:29px;line-height:1.5;color:#0f4f3f;margin:7px 0}
.tearex-laser-lead{color:#71675f;font-size:11px;line-height:1.9;margin:0 0 14px}
.tearex-laser-from-product{padding:11px;border-radius:14px;background:#f5faf7;border:1px solid #d9e5df;margin-bottom:14px}
.tearex-laser-from-product span{display:block;font-size:8px;color:#6b766f}
.tearex-laser-from-product strong{display:block;color:#29473e;font-size:11px;margin-top:3px}
.tearex-laser-from-product a{display:inline-block;color:#0f4f3f;font-size:8px;margin-top:5px}
.tearex-laser-field{margin-top:14px}
.tearex-laser-field>label{display:block;color:#463e38;font-size:10px;font-weight:700;margin-bottom:8px}
.tearex-laser-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tearex-laser-option{position:relative}
.tearex-laser-option input{position:absolute;opacity:0}
.tearex-laser-option span{display:block;border:1px solid #e7ddd2;background:#fffdf8;border-radius:14px;padding:11px;cursor:pointer}
.tearex-laser-option input:checked+span{border-color:#0f4f3f;box-shadow:0 0 0 1px #0f4f3f}
.tearex-laser-option strong{display:block;color:#29473e;font-size:10px}
.tearex-laser-option small{display:block;color:#786e66;font-size:8px;margin-top:4px}
.tearex-laser-field textarea{width:100%;border:1px solid #e7ddd2;border-radius:13px;padding:11px;font:inherit;background:#fff;resize:vertical}
.tearex-laser-field>small{display:block;color:#83786f;font-size:8px;line-height:1.8;margin-top:5px}
.tearex-laser-primary{width:100%;border:0;border-radius:14px;background:#0f4f3f;color:#fff;padding:13px;font-weight:700;margin-top:14px}
.tearex-laser-section{margin-top:26px}
.tearex-laser-section-head span{font-size:9px;color:#967e67}
.tearex-laser-section-head h2,.tearex-laser-rules h2{font-size:20px;color:#0f4f3f;margin:4px 0 12px}
.tearex-laser-showcase{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tearex-laser-showcase-card{aspect-ratio:1/1;border-radius:18px;background:linear-gradient(145deg,#eee3d5,#dfcfbd);border:1px solid #e3d7ca;display:grid;place-items:center;color:#8c7d70;font-size:9px}
.tearex-laser-steps{display:grid;grid-template-columns:1fr;gap:9px}
.tearex-laser-steps>div{background:#fff;border:1px solid #e7ddd2;border-radius:17px;padding:14px}
.tearex-laser-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eef5f1;color:#0f4f3f;margin-bottom:7px}
.tearex-laser-steps strong{display:block;font-size:10px;color:#29473e}
.tearex-laser-steps span{display:block;font-size:8px;color:#786e66;line-height:1.8;margin-top:4px}
.tearex-laser-rules{background:#fff;border:1px solid #e7ddd2;border-radius:20px;padding:16px}
.tearex-laser-rule-list p{font-size:9px;line-height:1.9;color:#665e57;margin:6px 0}
.tearex-product-extras{margin:13px 0;display:grid;gap:8px}
.tearex-extra-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border:1px solid #e7ddd2;border-radius:14px;background:#fffdf8;padding:11px}
.tearex-extra-row input{width:17px;height:17px}
.tearex-extra-row strong{display:block;color:#29473e;font-size:10px}
.tearex-extra-row small{display:block;color:#786e66;font-size:8px;margin-top:3px}
.tearex-extra-row a{color:#0f4f3f;font-size:8px;font-weight:700;text-align:left}
.tearex-laser-selected-summary{padding:9px 11px;border-radius:12px;background:#f5faf7;color:#466257;font-size:9px}
.tearex-laser-selected-summary small{display:block;margin-top:4px;color:#6f7e76}
@media(min-width:760px){
 .tearex-laser-hero{grid-template-columns:1fr 1fr}
 .tearex-laser-showcase{grid-template-columns:repeat(4,1fr)}
 .tearex-laser-steps{grid-template-columns:repeat(4,1fr)}
}

.tearex-guide{max-width:920px;margin:0 auto;padding:24px 14px 70px}.tearex-guide-intro,.tearex-guide-wizard,.tearex-guide-results{background:#fff;border:1px solid #e7ddd2;border-radius:26px;padding:24px 18px}.tearex-guide-intro{text-align:center}.tearex-guide-kicker{display:block;color:#967e67;font-size:9px;letter-spacing:.12em}.tearex-guide-intro h1{color:#0f4f3f;font-size:30px;line-height:1.5;margin:7px 0}.tearex-guide-intro p{max-width:560px;margin:0 auto;color:#786e66;font-size:11px;line-height:1.9}.tearex-guide-start,.tearex-guide-next,.tearex-guide-product-cta{border:0;background:#0f4f3f;color:#fff;border-radius:14px;padding:12px 18px;font-weight:700;text-decoration:none}.tearex-guide-start{margin-top:16px}.tearex-guide-progress{height:6px;background:#eee6dd;border-radius:999px;overflow:hidden}.tearex-guide-progress span{display:block;height:100%;width:20%;background:#0f4f3f;transition:.2s}.tearex-guide-step-label{font-size:9px;color:#786e66;margin-top:8px}.tearex-question{display:none;padding-top:16px}.tearex-question.active{display:block}.tearex-question h2{color:#0f4f3f;font-size:20px;margin:0 0 12px}.tearex-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tearex-choice-grid label{position:relative}.tearex-choice-grid input{position:absolute;opacity:0}.tearex-choice-grid span{display:grid;place-items:center;min-height:56px;padding:10px;border:1px solid #e7ddd2;border-radius:15px;background:#fffdf8;color:#3f3a35;font-size:10px;text-align:center}.tearex-choice-grid input:checked+span{border-color:#0f4f3f;box-shadow:0 0 0 1px #0f4f3f;background:#f5faf7;color:#0f4f3f;font-weight:700}.tearex-guide-check{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:9px;color:#665f58}.tearex-guide-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.tearex-guide-back{border:1px solid #e7ddd2;background:#fff;border-radius:14px;padding:12px 18px;color:#625a53}.tearex-guide-result-head span{font-size:9px;color:#967e67}.tearex-guide-result-head h2{font-size:22px;color:#0f4f3f;margin:4px 0}.tearex-guide-result-head p{font-size:9px;color:#786e66}.tearex-guide-result-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.tearex-guide-product{border:1px solid #e7ddd2;border-radius:18px;overflow:hidden;background:#fffdf8}.tearex-guide-rank{background:#f5faf7;color:#0f4f3f;font-size:9px;font-weight:700;padding:8px 12px}.tearex-guide-product-image{display:block;aspect-ratio:16/10;background:#eee3d5}.tearex-guide-product-image img{width:100%;height:100%;object-fit:cover}.tearex-guide-product-image span{height:100%;display:grid;place-items:center;color:#8e8075;font-size:9px}.tearex-guide-product-body{padding:13px}.tearex-guide-product-body h3{font-size:14px;margin:0}.tearex-guide-product-body h3 a{color:#29473e;text-decoration:none}.tearex-guide-product-price{font-size:10px;color:#0f4f3f;font-weight:700;margin-top:6px}.tearex-guide-product-body ul{margin:10px 0 12px;padding:0 18px 0 0;color:#6e665f;font-size:9px;line-height:1.9}.tearex-guide-product-cta{display:inline-flex;font-size:9px}.tearex-guide-restart{width:100%;margin-top:14px;border:1px solid #0f4f3f;background:#fff;color:#0f4f3f;border-radius:14px;padding:11px;font-weight:700}.tearex-guide-empty{padding:22px;text-align:center;color:#786e66;font-size:10px}@media(min-width:760px){.tearex-guide-intro,.tearex-guide-wizard,.tearex-guide-results{padding:38px 34px}.tearex-choice-grid{grid-template-columns:repeat(3,1fr)}.tearex-guide-result-grid{grid-template-columns:repeat(3,1fr)}}


/* ===== Guide polish v1.13 ===== */
.tearex-guide-intro{
  position:relative;
  overflow:hidden;
  text-align:right;
  padding-top:28px;
}
.tearex-guide-intro::after{
  content:"🦖";
  position:absolute;
  left:18px;
  bottom:16px;
  font-size:54px;
  opacity:.12;
  pointer-events:none;
}
.tearex-guide-intro h1{max-width:620px}
.tearex-guide-intro p{max-width:600px;margin:0}
.tearex-guide-intro .tearex-guide-start{min-width:180px}
@media(max-width:520px){
  .tearex-guide-intro{text-align:right}
  .tearex-guide-intro h1{font-size:27px}
  .tearex-guide-intro .tearex-guide-start{width:100%}
}


/* ===== Product Guide intro redesign v1.14 ===== */
.tearex-guide-intro{
  text-align:right;
  padding:22px 18px 18px;
  background:linear-gradient(145deg,#fffdf8,#f7efe5);
}
.tearex-guide-intro::after{display:none!important}
.tearex-guide-intro-grid{
  display:grid;
  grid-template-columns:1fr 112px;
  gap:14px;
  align-items:center;
}
.tearex-guide-intro-copy{min-width:0}
.tearex-guide-intro-art{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:120px;
}
.tearex-guide-intro-art img{
  width:108px;
  height:108px;
  object-fit:contain;
}
.tearex-guide-intro h1{
  font-size:27px;
  line-height:1.55;
  margin:6px 0 7px;
}
.tearex-guide-intro p{
  font-size:10px;
  line-height:1.9;
  max-width:none;
}
.tearex-guide-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:13px;
}
.tearex-guide-chip{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid #e7ddd2;
  background:#fff;
  color:#655d56;
  font-size:8px;
}
.tearex-guide-intro .tearex-guide-start{
  width:100%;
  margin-top:14px;
}
@media(max-width:390px){
  .tearex-guide-intro-grid{grid-template-columns:1fr 94px}
  .tearex-guide-intro-art img{width:92px;height:92px}
  .tearex-guide-intro h1{font-size:24px}
}


/* ===== Guide v1.15 visual fixes ===== */
.tearex-guide-intro{
  padding:20px 16px 16px;
  border-radius:24px;
}
.tearex-guide-intro-grid{
  grid-template-columns:minmax(0,1fr) 124px;
  gap:12px;
  align-items:center;
}
.tearex-guide-intro-copy{min-width:0}
.tearex-guide-intro-art{
  min-height:132px;
  overflow:visible;
}
.tearex-guide-intro-art img{
  width:118px;
  height:118px;
  object-fit:contain;
  object-position:center;
  display:block;
}
.tearex-guide-intro h1{
  font-size:26px;
  line-height:1.55;
  margin:5px 0 7px;
}
.tearex-guide-intro p{
  font-size:10px;
  line-height:1.85;
}
.tearex-guide-chips{
  gap:6px;
  margin-top:12px;
}
.tearex-guide-chip{
  font-size:8px;
  min-height:29px;
  padding:6px 8px;
}
@media(max-width:390px){
  .tearex-guide-intro-grid{
    grid-template-columns:minmax(0,1fr) 104px;
  }
  .tearex-guide-intro-art{
    min-height:112px;
  }
  .tearex-guide-intro-art img{
    width:100px;
    height:100px;
  }
  .tearex-guide-intro h1{
    font-size:23px;
  }
}


/* ===== Guide v1.16 dino quality/crop fix ===== */
.tearex-guide-intro-art{
  min-height:118px;
}
.tearex-guide-intro-art img{
  width:92px !important;
  height:112px !important;
  object-fit:contain !important;
  object-position:center !important;
  image-rendering:auto;
}
@media(max-width:390px){
  .tearex-guide-intro-art img{
    width:82px !important;
    height:102px !important;
  }
}


/* ===== About TEAREX v1.17 ===== */
.tearex-about{
  background:#fbf6ee;
  color:#251f1b;
}
.tearex-about .ta-shell{
  max-width:1180px;
  margin:0 auto;
  padding:18px 16px 48px;
}
.tearex-about-hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  gap:20px;
  align-items:center;
  padding:28px;
  border-radius:28px;
  background:
    radial-gradient(circle at 85% 20%,rgba(255,255,255,.7),transparent 28%),
    linear-gradient(135deg,#123f35 0%,#1b5a48 46%,#eadbc8 46%,#f6eddf 100%);
  overflow:hidden;
}
.tearex-about-hero-copy{
  color:#fff;
  position:relative;
  z-index:2;
}
.tearex-about-kicker{
  display:inline-block;
  font-size:12px;
  letter-spacing:.14em;
  opacity:.72;
  margin-bottom:10px;
}
.tearex-about-hero h1{
  margin:0 0 12px;
  font-size:42px;
  line-height:1.45;
}
.tearex-about-hero p{
  max-width:640px;
  font-size:15px;
  line-height:2;
  margin:0;
  color:rgba(255,255,255,.9);
}
.tearex-about-hero-art{
  min-height:270px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  position:relative;
}
.tearex-about-hero-art:before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.72);
  filter:blur(.2px);
}
.tearex-about-hero-art img{
  width:220px;
  height:240px;
  object-fit:contain;
  position:relative;
  z-index:2;
}
.tearex-about-story{
  margin-top:18px;
  border:1px solid #eadfd3;
  border-radius:28px;
  background:#fffdf9;
  padding:28px;
}
.tearex-about-story h2,
.tearex-about-values h2{
  color:#0f4f3f;
  font-size:24px;
  margin:0 0 14px;
}
.tearex-about-story p{
  font-size:15px;
  line-height:2.15;
  color:#4e4741;
  margin:0 0 14px;
}
.tearex-about-story p:last-child{margin-bottom:0}
.tearex-about-values{
  margin-top:18px;
  padding:22px;
  border-radius:24px;
  background:#f3e8da;
  border:1px solid #ead7c3;
  display:grid;
  grid-template-columns:1fr 150px;
  gap:18px;
  align-items:center;
}
.tearex-about-values img{
  width:120px;
  height:120px;
  object-fit:contain;
  justify-self:center;
}
.tearex-about-values p{
  margin:0;
  line-height:2;
  color:#50463e;
}
.tearex-about-trust{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.tearex-about-trust-card{
  min-height:112px;
  padding:18px;
  border-radius:20px;
  border:1px solid #e9dfd3;
  background:#fffdf9;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.tearex-about-trust-card b{
  color:#0f4f3f;
  font-size:15px;
  margin-bottom:6px;
}
.tearex-about-trust-card span{
  color:#766b62;
  font-size:12px;
  line-height:1.8;
}
.tearex-about-visual{
  margin-top:18px;
  border-radius:28px;
  padding:24px;
  background:linear-gradient(135deg,#efe2d2,#fffdf8);
  border:1px solid #e7d8c8;
  display:grid;
  grid-template-columns:1fr 220px;
  gap:22px;
  align-items:center;
}
.tearex-about-visual h3{
  margin:0 0 8px;
  font-size:24px;
  color:#0f4f3f;
}
.tearex-about-visual p{
  margin:0;
  color:#665b52;
  line-height:2;
}
.tearex-about-visual img{
  width:180px;
  height:180px;
  object-fit:contain;
  justify-self:center;
}
.tearex-about-actions{
  margin-top:18px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.tearex-about-actions a{
  min-height:52px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:700;
}
.tearex-about-actions .primary{
  background:#0f4f3f;
  color:#fff;
}
.tearex-about-actions .secondary{
  border:1px solid #0f4f3f;
  background:#fffdf9;
  color:#0f4f3f;
}
@media(max-width:760px){
  .tearex-about .ta-shell{padding:14px 14px 36px}
  .tearex-about-hero{
    grid-template-columns:1fr 122px;
    padding:20px 16px;
    gap:10px;
    background:
      radial-gradient(circle at 84% 18%,rgba(255,255,255,.7),transparent 26%),
      linear-gradient(135deg,#123f35 0%,#1b5a48 60%,#eadbc8 60%,#f6eddf 100%);
  }
  .tearex-about-hero h1{font-size:29px}
  .tearex-about-hero p{font-size:11px;line-height:1.95}
  .tearex-about-hero-art{min-height:170px}
  .tearex-about-hero-art:before{width:145px;height:145px}
  .tearex-about-hero-art img{width:118px;height:145px}
  .tearex-about-story{padding:20px 16px;border-radius:22px}
  .tearex-about-story h2,
  .tearex-about-values h2{font-size:20px}
  .tearex-about-story p{font-size:12px;line-height:2.05}
  .tearex-about-values{
    grid-template-columns:1fr 90px;
    padding:16px;
  }
  .tearex-about-values img{width:78px;height:78px}
  .tearex-about-values p{font-size:11px}
  .tearex-about-trust{grid-template-columns:1fr 1fr}
  .tearex-about-trust-card{min-height:96px;padding:14px}
  .tearex-about-trust-card b{font-size:12px}
  .tearex-about-trust-card span{font-size:10px}
  .tearex-about-visual{
    grid-template-columns:1fr 100px;
    padding:18px 16px;
  }
  .tearex-about-visual h3{font-size:19px}
  .tearex-about-visual p{font-size:11px}
  .tearex-about-visual img{width:86px;height:86px}
  .tearex-about-actions{grid-template-columns:1fr}
}


/* ===== About TEAREX v1.18 - visual match to approved concept ===== */
.tearex-about-v18{
  background:#f5ecdf;
  color:#2b241f;
}
.tearex-about-v18 .about-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 0 48px;
}
.tearex-about-v18 .about-hero{
  position:relative;
  overflow:hidden;
  min-height:430px;
  display:grid;
  grid-template-columns:43% 57%;
  background:#ead7bd;
  border-radius:0 0 34px 34px;
}
.tearex-about-v18 .about-hero-green{
  background:#173e34;
  color:#fff9ef;
  padding:72px 44px 48px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.tearex-about-v18 .about-hero-green h1{
  margin:0 0 18px;
  font-size:50px;
  line-height:1.25;
}
.tearex-about-v18 .about-hero-green p{
  margin:0;
  font-size:19px;
  line-height:1.9;
  color:#f7efe4;
}
.tearex-about-v18 .about-hero-visual{
  position:relative;
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.9),transparent 18%),
    linear-gradient(135deg,#d9bea0,#f5ead8 55%,#e5cbaa);
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.tearex-about-v18 .about-hero-visual:before,
.tearex-about-v18 .about-hero-visual:after{
  content:"";
  position:absolute;
  border-radius:999px;
  filter:blur(1px);
  opacity:.28;
  background:#45614c;
}
.tearex-about-v18 .about-hero-visual:before{
  width:170px;height:260px;right:20px;bottom:30px;transform:rotate(18deg)
}
.tearex-about-v18 .about-hero-visual:after{
  width:110px;height:200px;left:26px;top:28px;transform:rotate(-12deg)
}
.tearex-about-v18 .about-hero-visual img{
  position:relative;
  z-index:2;
  width:255px;
  height:320px;
  object-fit:contain;
  margin-bottom:16px;
}
.tearex-about-v18 .about-logo-badge{
  position:absolute;
  top:-1px;
  left:50%;
  transform:translateX(-50%);
  z-index:5;
  width:200px;
  height:92px;
  border-radius:0 0 34px 34px;
  background:#f7f1e8;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 24px rgba(45,35,26,.08);
}
.tearex-about-v18 .about-logo-badge img{
  width:150px;height:56px;object-fit:contain;
}

.tearex-about-v18 .about-content-card{
  width:min(94%,1050px);
  margin:-18px auto 0;
  position:relative;
  z-index:4;
  background:#fffdfa;
  border-radius:34px;
  padding:32px 34px;
  border:1px solid #eadfce;
  box-shadow:0 18px 40px rgba(65,45,25,.06);
}
.tearex-about-v18 .about-content-card h2{
  margin:0 0 16px;
  color:#0f4f3f;
  font-size:28px;
  line-height:1.6;
}
.tearex-about-v18 .about-content-card p{
  margin:0 0 14px;
  color:#4f4740;
  font-size:16px;
  line-height:2.15;
}
.tearex-about-v18 .about-content-card p:last-child{margin-bottom:0}

.tearex-about-v18 .about-value-strip{
  width:min(92%,980px);
  margin:22px auto 0;
  padding:18px 20px;
  border-radius:22px;
  background:#efe1d0;
  display:grid;
  grid-template-columns:1fr 120px;
  align-items:center;
  gap:12px;
  overflow:hidden;
}
.tearex-about-v18 .about-value-strip h3{
  margin:0 0 6px;
  color:#0f4f3f;
  font-size:22px;
}
.tearex-about-v18 .about-value-strip p{
  margin:0;
  color:#5d534b;
  line-height:1.9;
}
.tearex-about-v18 .about-value-strip img{
  width:112px;height:112px;object-fit:contain;align-self:end
}

.tearex-about-v18 .about-grid{
  width:min(92%,980px);
  margin:18px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.tearex-about-v18 .about-feature{
  background:#fffdfa;
  border:1px solid #eadfce;
  border-radius:20px;
  min-height:126px;
  padding:16px;
  display:flex;
  gap:12px;
  align-items:center;
}
.tearex-about-v18 .about-feature-icon{
  flex:0 0 52px;
  width:52px;height:52px;
  border-radius:50%;
  background:#efe5d8;
  display:grid;
  place-items:center;
  font-size:26px;
}
.tearex-about-v18 .about-feature b{
  display:block;
  color:#2e2925;
  font-size:15px;
  line-height:1.7;
}
.tearex-about-v18 .about-feature span{
  display:block;
  color:#74695f;
  font-size:12px;
  line-height:1.7;
}

.tearex-about-v18 .about-second-visual{
  margin-top:22px;
  min-height:310px;
  background:
    radial-gradient(circle at 16% 30%,rgba(255,255,255,.9),transparent 18%),
    linear-gradient(135deg,#ead9c0,#f7eee1 60%,#dac19e);
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  padding:30px 7%;
  overflow:hidden;
}
.tearex-about-v18 .about-second-copy{
  color:#2f2924;
}
.tearex-about-v18 .about-second-copy h3{
  margin:0 0 12px;
  font-size:30px;
  line-height:1.5;
}
.tearex-about-v18 .about-second-copy p{
  margin:0;
  font-size:15px;
  color:#62584f;
  line-height:2;
}
.tearex-about-v18 .about-second-art{
  display:flex;
  justify-content:center;
  align-items:flex-end;
}
.tearex-about-v18 .about-second-art img{
  width:230px;height:250px;object-fit:contain
}

.tearex-about-v18 .about-actions{
  width:min(92%,980px);
  margin:22px auto 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.tearex-about-v18 .about-actions a{
  min-height:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:700;
  font-size:16px;
}
.tearex-about-v18 .about-actions .primary{
  background:#0f4f3f;color:#fff
}
.tearex-about-v18 .about-actions .secondary{
  background:#fffdfa;color:#0f4f3f;border:1px solid #0f4f3f
}
.tearex-about-v18 .about-footer-note{
  width:min(92%,980px);
  margin:22px auto 0;
  text-align:center;
  color:#7d7065;
  font-size:11px;
  letter-spacing:.28em;
}
@media(max-width:760px){
  .tearex-about-v18 .about-wrap{padding-bottom:34px}
  .tearex-about-v18 .about-hero{
    min-height:360px;
    grid-template-columns:44% 56%;
    border-radius:0 0 28px 28px;
  }
  .tearex-about-v18 .about-hero-green{
    padding:66px 18px 30px;
  }
  .tearex-about-v18 .about-hero-green h1{
    font-size:28px;
    line-height:1.45;
  }
  .tearex-about-v18 .about-hero-green p{
    font-size:12px;
    line-height:1.9;
  }
  .tearex-about-v18 .about-hero-visual img{
    width:150px;height:210px;margin-bottom:14px
  }
  .tearex-about-v18 .about-logo-badge{
    width:150px;height:76px;border-radius:0 0 28px 28px
  }
  .tearex-about-v18 .about-logo-badge img{width:118px;height:46px}
  .tearex-about-v18 .about-content-card{
    width:94%;
    padding:22px 18px;
    border-radius:26px;
  }
  .tearex-about-v18 .about-content-card h2{
    font-size:20px;
  }
  .tearex-about-v18 .about-content-card p{
    font-size:12px;
    line-height:2.05;
  }
  .tearex-about-v18 .about-value-strip{
    grid-template-columns:1fr 88px;
    padding:16px;
  }
  .tearex-about-v18 .about-value-strip h3{font-size:18px}
  .tearex-about-v18 .about-value-strip p{font-size:11px}
  .tearex-about-v18 .about-value-strip img{width:84px;height:84px}
  .tearex-about-v18 .about-grid{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }
  .tearex-about-v18 .about-feature{
    min-height:104px;
    padding:12px;
    gap:9px;
  }
  .tearex-about-v18 .about-feature-icon{
    flex-basis:42px;width:42px;height:42px;font-size:21px
  }
  .tearex-about-v18 .about-feature b{font-size:11px}
  .tearex-about-v18 .about-feature span{font-size:9px}
  .tearex-about-v18 .about-second-visual{
    min-height:230px;
    grid-template-columns:1fr 135px;
    padding:22px 18px;
  }
  .tearex-about-v18 .about-second-copy h3{font-size:20px}
  .tearex-about-v18 .about-second-copy p{font-size:10px}
  .tearex-about-v18 .about-second-art img{width:125px;height:150px}
  .tearex-about-v18 .about-actions{grid-template-columns:1fr 1fr;gap:9px}
  .tearex-about-v18 .about-actions a{min-height:52px;font-size:12px}
}


/* ===== About TEAREX v1.19 exact approved visual ===== */
.tearex-about-approved{
  background:#f5ecdf;
  margin:0;
}
.tearex-about-approved .taa-frame{
  position:relative;
  width:min(100%, 941px);
  margin:0 auto;
  line-height:0;
}
.tearex-about-approved .taa-frame img{
  display:block;
  width:100%;
  height:auto;
}
.tearex-about-approved .taa-hotspot{
  position:absolute;
  z-index:5;
  display:block;
  border-radius:18px;
}
.tearex-about-approved .taa-contact{
  left:5.2%;
  top:85.1%;
  width:43.2%;
  height:5.4%;
}
.tearex-about-approved .taa-shop{
  right:5.2%;
  top:85.1%;
  width:43.2%;
  height:5.4%;
}
.tearex-about-approved .taa-sr{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
@media (min-width:942px){
  .tearex-about-approved{
    padding:18px 0 36px;
  }
  .tearex-about-approved .taa-frame{
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 18px 55px rgba(45,35,26,.08);
  }
}


/* ===== TEAREX Product Guide v1.20 approved visual ===== */
.tearex-guide-v20{
  background:#f7efe4;
  min-height:60vh;
}
.tearex-guide-v20 .tg20-shell{
  width:min(100%,941px);
  margin:0 auto;
}
.tearex-guide-v20 .tg20-intro{
  position:relative;
  line-height:0;
  overflow:hidden;
}
.tearex-guide-v20 .tg20-intro img{
  width:100%;
  height:auto;
  display:block;
}
.tearex-guide-v20 .tearex-guide-start{
  position:absolute;
  z-index:5;
  left:5.2%;
  top:35.5%;
  width:51.5%;
  height:6.2%;
  border:0;
  background:transparent;
  cursor:pointer;
  border-radius:22px;
  font-size:0;
}
.tearex-guide-v20 .tearex-guide-start:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
.tearex-guide-v20 .tearex-guide-wizard,
.tearex-guide-v20 .tearex-guide-results{
  max-width:760px;
  margin:24px auto;
  padding:24px;
  border-radius:28px;
  background:#fffdf9;
  border:1px solid #eadfce;
  box-shadow:0 18px 50px rgba(57,45,34,.08);
}
.tearex-guide-v20 .tearex-guide-progress{
  height:7px;
  background:#eee3d6;
  border-radius:999px;
  overflow:hidden;
}
.tearex-guide-v20 .tearex-guide-progress span{
  display:block;
  height:100%;
  width:20%;
  background:#0f4f3f;
  border-radius:999px;
  transition:width .25s ease;
}
.tearex-guide-v20 .tearex-guide-step-label{
  margin-top:10px;
  font-size:12px;
  color:#7c7066;
}
.tearex-guide-v20 .tearex-question{
  display:none;
  padding-top:20px;
}
.tearex-guide-v20 .tearex-question.active{display:block}
.tearex-guide-v20 .tearex-question h2{
  margin:0 0 16px;
  color:#0f4f3f;
  font-size:25px;
  line-height:1.55;
}
.tearex-guide-v20 .tearex-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.tearex-guide-v20 .tearex-choice-grid label{
  position:relative;
}
.tearex-guide-v20 .tearex-choice-grid input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.tearex-guide-v20 .tearex-choice-grid span{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid #e5d8c9;
  background:#fbf5ed;
  color:#3b342f;
  font-size:14px;
  transition:.18s ease;
}
.tearex-guide-v20 .tearex-choice-grid input:checked + span{
  border-color:#0f4f3f;
  background:#eef6f1;
  color:#0f4f3f;
  box-shadow:0 0 0 2px rgba(15,79,63,.08);
  font-weight:700;
}
.tearex-guide-v20 .tearex-guide-check{
  display:flex;
  gap:9px;
  align-items:center;
  margin-top:14px;
  color:#554c45;
  font-size:13px;
}
.tearex-guide-v20 .tearex-guide-actions{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-top:22px;
}
.tearex-guide-v20 .tearex-guide-actions button,
.tearex-guide-v20 .tearex-guide-restart{
  min-height:48px;
  border-radius:14px;
  padding:0 18px;
  font-weight:700;
  cursor:pointer;
}
.tearex-guide-v20 .tearex-guide-next{
  background:#0f4f3f;
  color:#fff;
  border:1px solid #0f4f3f;
}
.tearex-guide-v20 .tearex-guide-back{
  background:#fff;
  color:#0f4f3f;
  border:1px solid #cfc0b1;
}
.tearex-guide-v20 .tearex-guide-back:disabled{
  opacity:.38;
  cursor:default;
}
.tearex-guide-v20 .tearex-guide-result-head span{
  color:#9a795a;
  font-size:12px;
  letter-spacing:.08em;
}
.tearex-guide-v20 .tearex-guide-result-head h2{
  color:#0f4f3f;
  font-size:24px;
  margin:6px 0;
}
.tearex-guide-v20 .tearex-guide-result-head p{
  color:#766b62;
  margin:0 0 18px;
}
.tearex-guide-v20 .tearex-guide-result-grid{
  display:grid;
  gap:12px;
}
.tearex-guide-v20 .tearex-guide-product{
  border:1px solid #eadfce;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.tearex-guide-v20 .tearex-guide-rank{
  padding:8px 12px;
  background:#eef6f1;
  color:#0f4f3f;
  font-size:12px;
  font-weight:700;
}
.tearex-guide-v20 .tearex-guide-product-image{
  display:block;
  aspect-ratio:16/10;
  background:#f4ecdf;
}
.tearex-guide-v20 .tearex-guide-product-image img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.tearex-guide-v20 .tearex-guide-product-body{
  padding:14px;
}
.tearex-guide-v20 .tearex-guide-product-body h3{
  margin:0 0 7px;
  font-size:16px;
}
.tearex-guide-v20 .tearex-guide-product-body h3 a{
  color:#2f2925;
  text-decoration:none;
}
.tearex-guide-v20 .tearex-guide-product-price{
  color:#0f4f3f;
  font-weight:700;
  margin-bottom:8px;
}
.tearex-guide-v20 .tearex-guide-product-body ul{
  margin:0 0 12px;
  padding-right:18px;
  color:#6f655c;
  line-height:1.9;
  font-size:13px;
}
.tearex-guide-v20 .tearex-guide-product-cta{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  background:#0f4f3f;
  color:#fff;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
}
.tearex-guide-v20 .tearex-guide-restart{
  width:100%;
  margin-top:14px;
  background:#fff;
  color:#0f4f3f;
  border:1px solid #0f4f3f;
}
@media(max-width:760px){
  .tearex-guide-v20 .tearex-guide-wizard,
  .tearex-guide-v20 .tearex-guide-results{
    margin:14px;
    padding:18px 14px;
    border-radius:22px;
  }
  .tearex-guide-v20 .tearex-question h2{
    font-size:20px;
  }
  .tearex-guide-v20 .tearex-choice-grid span{
    min-height:58px;
    font-size:12px;
  }
}


/* ===== TEAREX Homepage botanical layer v1.21 ===== */
body.home .tearex-site{
  background:#f7f0e6;
}
body.home .home-surface{
  position:relative;
  isolation:isolate;
}
body.home .story-bar{
  background:#fffaf4;
  border-bottom:1px solid #eadfd4;
  padding:12px 10px 8px;
}
body.home .story-track{
  scrollbar-width:none;
}
body.home .story-placeholder .story-ring{
  display:grid;
  place-items:center;
  background:#f1e7da;
  color:#0f4f3f;
  font-size:24px;
  font-weight:500;
}
body.home .story-placeholder small{display:none}

body.home .home-hero-shell{
  margin-top:0;
  padding:12px 0 18px;
  background:#f7f0e6;
}
body.home .hero-track{
  gap:12px;
}
body.home .hero-slide{
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(59,42,28,.06);
}
body.home .hero-placeholder{
  min-height:240px;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.9),transparent 22%),
    linear-gradient(145deg,#ead9c8,#f8f2e9 58%,#e4cfb7);
  border:1px dashed #ccbba9;
  display:grid;
  place-items:center;
}
body.home .hero-placeholder-inner{
  width:82%;
  min-height:170px;
  border-radius:22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:6px;
  color:#0f4f3f;
  background:rgba(255,253,249,.55);
  backdrop-filter:blur(3px);
}
body.home .hero-placeholder-inner span{
  font-size:24px;
  font-weight:800;
}
body.home .hero-placeholder-inner small{
  font-size:12px;
  color:#75695f;
}

body.home .home-botanical-wave{
  height:92px;
  margin:-18px 0 -18px;
  background-image:url('../images/home-botanical-wave.png');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  position:relative;
  z-index:3;
  pointer-events:none;
}
body.home .botanical-section{
  overflow:visible;
}
body.home .botanical-section::before,
body.home .botanical-section::after{
  content:"";
  position:absolute;
  width:96px;
  height:126px;
  background-repeat:no-repeat;
  background-size:contain;
  opacity:.9;
  z-index:-1;
  pointer-events:none;
}
body.home .botanical-section::before{
  right:-22px;
  top:20px;
  background-image:url('../images/home-leaf-right.png');
  background-position:right top;
}
body.home .botanical-section::after{
  left:-18px;
  bottom:12px;
  background-image:url('../images/home-leaf-left.png');
  background-position:left bottom;
}
body.home .home-botanical-divider{
  height:52px;
  position:relative;
  margin:-4px 0;
  overflow:hidden;
  pointer-events:none;
}
body.home .home-botanical-divider::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    url('../images/home-leaf-left.png') left center/90px auto no-repeat,
    url('../images/home-leaf-right.png') right center/90px auto no-repeat;
  opacity:.82;
}
body.home .home-botanical-divider.reverse{
  transform:scaleX(-1);
}

body.home .categories-section,
body.home .products-section,
body.home .why-tearex-live,
body.home .testimonials-section{
  background:#fffaf4;
  border-radius:28px;
  margin:14px;
  padding:20px 14px;
  border:1px solid #eadfd4;
  box-shadow:0 12px 34px rgba(58,43,30,.045);
}
body.home .section-head h2,
body.home .why-heading h2{
  color:#0f4f3f;
}
body.home .category-card,
body.home .product-card,
body.home .why-live-slot,
body.home .testimonial-card{
  border-radius:18px;
  border-color:#e7dccf;
  background:#fffdf9;
}
body.home .category-card{
  box-shadow:0 8px 20px rgba(58,43,30,.035);
}
body.home .product-card{
  box-shadow:0 10px 22px rgba(58,43,30,.04);
}
body.home .sale-strip{
  border-radius:16px;
  background:#0f4f3f;
  color:#fff;
}

body.home .why-tearex-live{
  background:
    radial-gradient(circle at 8% 8%,rgba(168,195,160,.18),transparent 24%),
    #fffaf4;
}
body.home .why-live-slot{
  min-height:125px;
  background:
    linear-gradient(145deg,rgba(247,240,230,.9),rgba(255,253,249,.98));
}
body.home .why-live-slot::after{
  content:"";
  width:26px;height:26px;
  background-image:url('../images/home-leaf-right.png');
  background-size:contain;
  background-repeat:no-repeat;
  opacity:.35;
  position:absolute;
  left:10px;
  bottom:10px;
}

body.home .testimonials-section{
  background:
    radial-gradient(circle at 92% 18%,rgba(168,195,160,.12),transparent 20%),
    #fffaf4;
}
body.home .locked-ref{
  margin:14px;
  border-radius:26px;
  overflow:hidden;
  border:1px solid #eadfd4;
  background:#fffaf4;
}
body.home .locked-ref img{
  width:100%;
  height:auto;
  display:block;
}

@media(max-width:640px){
  body.home .hero-placeholder{min-height:205px}
  body.home .hero-placeholder-inner{min-height:145px}
  body.home .hero-placeholder-inner span{font-size:20px}
  body.home .home-botanical-wave{height:74px}
  body.home .botanical-section::before,
  body.home .botanical-section::after{
    width:72px;
    height:100px;
    opacity:.78;
  }
  body.home .categories-section,
  body.home .products-section,
  body.home .why-tearex-live,
  body.home .testimonials-section{
    margin:12px;
    padding:17px 12px;
    border-radius:24px;
  }
}


/* ===== TEAREX Homepage botanical refinement v1.22 ===== */
/* Preserve the locked homepage architecture; refine only the visual layer. */

body.home .home-botanical-wave{
  height:86px;
  margin:-12px 0 -10px;
  background-image:url('../images/home-botanical-wave.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% 100%;
  opacity:1;
  z-index:4;
}

/* Remove the bulky leaf blocks from every section. */
body.home .botanical-section::before,
body.home .botanical-section::after{
  display:none !important;
}

/* Use small, sparse leaf accents only at section edges. */
body.home .categories-section::before,
body.home .products-section::before,
body.home .why-tearex-live::before,
body.home .testimonials-section::before{
  content:"";
  display:block !important;
  position:absolute;
  width:58px;
  height:74px;
  right:-10px;
  top:18px;
  background:url('../images/home-leaf-right.png') center/contain no-repeat;
  opacity:.48;
  z-index:0;
  pointer-events:none;
}
body.home .categories-section::after,
body.home .why-tearex-live::after,
body.home .testimonials-section::after{
  content:"";
  display:block !important;
  position:absolute;
  width:48px;
  height:62px;
  left:-8px;
  bottom:16px;
  background:url('../images/home-leaf-left.png') center/contain no-repeat;
  opacity:.38;
  z-index:0;
  pointer-events:none;
}

body.home .home-botanical-divider{
  height:34px;
  margin:2px 0;
  overflow:visible;
}
body.home .home-botanical-divider::before{
  inset:auto;
  width:100%;
  height:34px;
  left:0;
  top:0;
  background:
    url('../images/home-leaf-left.png') 18px center/48px auto no-repeat,
    url('../images/home-leaf-right.png') calc(100% - 18px) center/48px auto no-repeat;
  opacity:.28;
}
body.home .home-botanical-divider.reverse::before{
  transform:scaleX(-1);
}

/* Give sections breathing room so leaves feel decorative, not crowded. */
body.home .categories-section,
body.home .products-section,
body.home .why-tearex-live,
body.home .testimonials-section{
  margin:12px 14px;
  padding:20px 14px;
  border-radius:26px;
  background:rgba(255,250,244,.97);
  box-shadow:0 10px 28px rgba(58,43,30,.035);
  overflow:hidden;
}
body.home .categories-section > *,
body.home .products-section > *,
body.home .why-tearex-live > *,
body.home .testimonials-section > *{
  position:relative;
  z-index:1;
}

/* Hero slider remains dynamic and three-slide-capable. */
body.home .hero-carousel{
  overflow:hidden;
}
body.home .hero-track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
body.home .hero-slide{
  flex:0 0 100%;
  scroll-snap-align:start;
}
body.home .hero-placeholder{
  min-height:245px;
}

/* Keep footer visible and visually integrated. */
body.home footer,
body.home .site-footer,
body.home .tearex-footer{
  position:relative;
  z-index:2;
  background:#fffaf4;
  border-top:1px solid #eadfd4;
}
body.home footer::before,
body.home .site-footer::before,
body.home .tearex-footer::before{
  content:"";
  position:absolute;
  top:-28px;
  left:0;
  right:0;
  height:42px;
  background:
    url('../images/home-leaf-left.png') 14px center/54px auto no-repeat,
    url('../images/home-leaf-right.png') calc(100% - 14px) center/54px auto no-repeat;
  opacity:.26;
  pointer-events:none;
}

/* Keep the special image-based gift / Instagram blocks editable and unforced. */
body.home .locked-ref{
  margin:12px 14px;
  border-radius:24px;
  overflow:hidden;
  background:#fffaf4;
  border:1px solid #eadfd4;
}

/* Reduce decorative intensity on small screens. */
@media(max-width:640px){
  body.home .home-botanical-wave{
    height:70px;
  }
  body.home .categories-section::before,
  body.home .products-section::before,
  body.home .why-tearex-live::before,
  body.home .testimonials-section::before{
    width:46px;
    height:58px;
    opacity:.36;
  }
  body.home .categories-section::after,
  body.home .why-tearex-live::after,
  body.home .testimonials-section::after{
    width:38px;
    height:50px;
    opacity:.28;
  }
  body.home .home-botanical-divider::before{
    background:
      url('../images/home-leaf-left.png') 12px center/38px auto no-repeat,
      url('../images/home-leaf-right.png') calc(100% - 12px) center/38px auto no-repeat;
    opacity:.22;
  }
}


/* ===== HOME botanical placeholder final v1.23 ===== */

/* Keep hero slider and all poster slots clean / editable. */
body.home .hero-carousel,
body.home .hero-track,
body.home .hero-slide,
body.home .hero-placeholder,
body.home .locked-ref,
body.home .why-live-slot{
  position:relative;
  z-index:5;
}
body.home .hero-slide::before,
body.home .hero-slide::after,
body.home .hero-placeholder::before,
body.home .hero-placeholder::after,
body.home .locked-ref::before,
body.home .locked-ref::after,
body.home .why-live-slot::before,
body.home .why-live-slot::after{
  content:none !important;
}

/* Approved wave separator after hero only. */
body.home .home-botanical-wave{
  height:78px !important;
  margin:-12px 0 -8px !important;
  background:url('../images/home-botanical-wave-final.png') center/100% 100% no-repeat !important;
  opacity:1 !important;
  pointer-events:none;
}

/* No bulky repeated foliage. */
body.home .botanical-section::before,
body.home .botanical-section::after{
  display:none !important;
}

/* Small edge accents on non-poster content sections only. */
body.home .categories-section,
body.home .products-section,
body.home .why-tearex-live,
body.home .testimonials-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
body.home .categories-section > *,
body.home .products-section > *,
body.home .why-tearex-live > *,
body.home .testimonials-section > *{
  position:relative;
  z-index:2;
}

body.home .categories-section::before,
body.home .why-tearex-live::before,
body.home .testimonials-section::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:1;
  pointer-events:none;
  width:58px;height:76px;
  right:-5px;top:8px;
  background:url('../images/home-leaf-right-final.png') right top/contain no-repeat;
  opacity:.86;
}
body.home .products-section::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:1;
  pointer-events:none;
  width:58px;height:76px;
  left:-5px;top:10px;
  background:url('../images/home-leaf-left-final.png') left top/contain no-repeat;
  opacity:.84;
}

body.home .categories-section::after,
body.home .why-tearex-live::after,
body.home .testimonials-section::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:1;
  pointer-events:none;
  width:38px;height:52px;
  left:2px;bottom:9px;
  background:url('../images/home-leaf-left-small-final.png') left bottom/contain no-repeat;
  opacity:.36;
}
body.home .products-section::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:1;
  pointer-events:none;
  width:38px;height:52px;
  right:2px;bottom:9px;
  background:url('../images/home-leaf-right-small-final.png') right bottom/contain no-repeat;
  opacity:.34;
}

/* Footer gets its own botanical edge, not an overlay. */
body.home footer::before,
body.home .site-footer::before,
body.home .tearex-footer::before{
  background:
    url('../images/home-leaf-left-final.png') 8px center/62px auto no-repeat,
    url('../images/home-leaf-right-final.png') calc(100% - 8px) center/62px auto no-repeat !important;
  opacity:.72 !important;
}

/* Preserve dynamic 3-slide carousel. */
body.home .hero-track{
  display:flex !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  -webkit-overflow-scrolling:touch;
}
body.home .hero-slide{
  flex:0 0 100% !important;
  scroll-snap-align:start;
}

/* Softer cards so foliage feels part of the identity, not decoration pasted on top. */
body.home .categories-section,
body.home .products-section,
body.home .why-tearex-live,
body.home .testimonials-section{
  background:rgba(255,250,244,.97) !important;
  border:1px solid #eadfd4 !important;
  border-radius:26px !important;
  box-shadow:0 10px 28px rgba(58,43,30,.03) !important;
}

@media(max-width:640px){
  body.home .home-botanical-wave{height:68px !important}
  body.home .categories-section::before,
  body.home .products-section::before,
  body.home .why-tearex-live::before,
  body.home .testimonials-section::before{
    width:48px;height:64px;
  }
  body.home .categories-section::after,
  body.home .products-section::after,
  body.home .why-tearex-live::after,
  body.home .testimonials-section::after{
    width:32px;height:44px;
  }
}


/* ===== HOME clean botanical final v1.24 ===== */

/* Remove all earlier cropped botanical artwork. */
body.home .botanical-section::before,
body.home .botanical-section::after,
body.home .categories-section::before,
body.home .categories-section::after,
body.home .products-section::before,
body.home .products-section::after,
body.home .why-tearex-live::before,
body.home .why-tearex-live::after,
body.home .testimonials-section::before,
body.home .testimonials-section::after{
  background-image:none !important;
  display:none !important;
}

/* Approved separator: clean vector only. */
body.home .home-botanical-wave{
  height:76px !important;
  margin:-10px 0 -6px !important;
  background:url('../images/home-wave-clean.svg') center/100% 100% no-repeat !important;
  opacity:1 !important;
  pointer-events:none;
}

/* Clean foliage on fixed content areas only. */
body.home .categories-section,
body.home .products-section,
body.home .why-tearex-live,
body.home .testimonials-section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
body.home .categories-section > *,
body.home .products-section > *,
body.home .why-tearex-live > *,
body.home .testimonials-section > *{
  position:relative;
  z-index:2;
}

body.home .categories-section::before,
body.home .why-tearex-live::before,
body.home .testimonials-section::before,
body.home .products-section::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:1;
  pointer-events:none;
  width:54px;
  height:72px;
  top:12px;
  background:url('../images/home-leaf-clean.svg') center/contain no-repeat !important;
  opacity:.9;
}
body.home .categories-section::before,
body.home .why-tearex-live::before,
body.home .testimonials-section::before{
  right:-7px;
}
body.home .products-section::before{
  left:-7px;
  transform:scaleX(-1);
}

body.home .categories-section::after,
body.home .why-tearex-live::after,
body.home .testimonials-section::after,
body.home .products-section::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:1;
  pointer-events:none;
  width:34px;
  height:46px;
  bottom:12px;
  background:url('../images/home-leaf-small-clean.svg') center/contain no-repeat !important;
  opacity:.35;
}
body.home .categories-section::after,
body.home .why-tearex-live::after,
body.home .testimonials-section::after{
  left:3px;
  transform:scaleX(-1);
}
body.home .products-section::after{
  right:3px;
}

/* Editable poster areas remain completely clean. */
body.home .hero-carousel::before,
body.home .hero-carousel::after,
body.home .hero-track::before,
body.home .hero-track::after,
body.home .hero-slide::before,
body.home .hero-slide::after,
body.home .hero-placeholder::before,
body.home .hero-placeholder::after,
body.home .locked-ref::before,
body.home .locked-ref::after,
body.home .why-live-slot::before,
body.home .why-live-slot::after{
  content:none !important;
  display:none !important;
}
body.home .hero-carousel,
body.home .hero-track,
body.home .hero-slide,
body.home .hero-placeholder,
body.home .locked-ref,
body.home .why-live-slot{
  position:relative;
  z-index:5;
  overflow:hidden;
}

/* Preserve slider behavior and all three editable slides. */
body.home .hero-track{
  display:flex !important;
  overflow-x:auto !important;
  scroll-snap-type:x mandatory !important;
  -webkit-overflow-scrolling:touch;
}
body.home .hero-slide{
  flex:0 0 100% !important;
  scroll-snap-align:start;
}

/* Footer decoration uses clean vectors only. */
body.home footer::before,
body.home .site-footer::before,
body.home .tearex-footer::before{
  background:
    url('../images/home-leaf-clean.svg') 6px center/58px auto no-repeat,
    url('../images/home-leaf-clean.svg') calc(100% - 6px) center/58px auto no-repeat !important;
  opacity:.7 !important;
}

@media(max-width:640px){
  body.home .home-botanical-wave{height:66px !important}
  body.home .categories-section::before,
  body.home .products-section::before,
  body.home .why-tearex-live::before,
  body.home .testimonials-section::before{
    width:46px;height:62px;
  }
  body.home .categories-section::after,
  body.home .products-section::after,
  body.home .why-tearex-live::after,
  body.home .testimonials-section::after{
    width:30px;height:40px;
  }
}


/* ============================================================
   TEAREX HOME HOTFIX v1.2
   - remove stray/repeated divider image artifacts
   - restore readable footer contrast
   - dynamic Instagram poster slot
   ============================================================ */

/* Kill every legacy inter-section divider/decor artifact. */
body.home .home-botanical-divider,
body.home .home-botanical-divider::before,
body.home .home-botanical-divider::after{
  display:none !important;
  content:none !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  background-image:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Keep only intentional clean foliage attached to section edges. */
body.home .products-section::after,
body.home .why-tearex-live::after,
body.home .testimonials-section::after,
body.home .categories-section::after{
  background-image:url('../images/home-leaf-small-clean.svg') !important;
}

/* Footer: use the shared dark TEAREX footer with proper contrast. */
body.home footer.site-footer,
body.home .site-footer,
body.home .tearex-footer{
  background:linear-gradient(180deg,#174f41 0%,#0d4035 55%,#08362e 100%) !important;
  color:#fff !important;
  border-top:0 !important;
  border-radius:30px 30px 0 0 !important;
}
body.home .site-footer h3,
body.home .site-footer strong{
  color:#fff !important;
  opacity:1 !important;
}
body.home .site-footer p,
body.home .site-footer li,
body.home .site-footer a,
body.home .site-footer span,
body.home .site-footer .copyright{
  color:#f0e9df !important;
  opacity:1 !important;
}
body.home .site-footer .track-box{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
body.home .site-footer .track-box a{
  background:#efd7b3 !important;
  color:#183d33 !important;
}
body.home .site-footer .trust-box{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.09) !important;
}
body.home .site-footer .trust-box span{
  color:#ddd6ca !important;
}
body.home footer::before,
body.home .site-footer::before,
body.home .tearex-footer::before{
  background:
    url('../images/home-leaf-clean.svg') 6px center/58px auto no-repeat,
    url('../images/home-leaf-clean.svg') calc(100% - 6px) center/58px auto no-repeat !important;
  opacity:.42 !important;
}

/* Dynamic Instagram section */
body.home .instagram-dynamic-section{
  margin:12px 14px 22px;
  padding:22px 18px 18px;
  border:1px solid #eadfd4;
  border-radius:28px;
  background:#fffaf4;
  position:relative;
  overflow:hidden;
}
body.home .instagram-dynamic-section::before{
  content:"";
  position:absolute;
  width:78px;
  height:98px;
  right:-24px;
  top:-20px;
  background:url('../images/home-leaf-clean.svg') center/contain no-repeat;
  opacity:.18;
  pointer-events:none;
}
body.home .instagram-dynamic-head{
  text-align:center;
  position:relative;
  z-index:2;
}
body.home .instagram-dynamic-head .instagram-handle{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  color:#0d4b3b;
  margin-bottom:5px;
}
body.home .instagram-dynamic-head h2{
  margin:2px 0 8px;
  color:#0d4b3b;
  font-size:24px;
}
body.home .instagram-dynamic-head p{
  margin:0 auto 16px;
  max-width:520px;
  color:#6f655c;
  font-size:12px;
  line-height:1.9;
}
body.home .instagram-poster-frame{
  display:block;
  width:100%;
  overflow:hidden;
  border-radius:22px;
  border:1px solid #e6dbce;
  background:#f3eadf;
  position:relative;
  z-index:2;
}
body.home .instagram-poster-frame.has-image img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:4/5;
  object-fit:cover;
}
body.home .instagram-poster-frame.is-empty{
  min-height:360px;
}
body.home .instagram-poster-placeholder{
  min-height:360px;
  display:grid;
  place-content:center;
  gap:8px;
  text-align:center;
  color:#7b6f64;
  padding:22px;
  background:
    radial-gradient(circle at 15% 15%,rgba(13,75,59,.06),transparent 23%),
    radial-gradient(circle at 85% 80%,rgba(13,75,59,.05),transparent 20%),
    #f5ece1;
}
body.home .instagram-poster-placeholder strong{
  color:#0d4b3b;
  font-size:18px;
}
body.home .instagram-poster-placeholder span{
  font-size:11px;
  line-height:1.8;
}
body.home .instagram-cta{
  display:block;
  margin:14px auto 0;
  max-width:330px;
  background:#0d4b3b;
  color:#fff !important;
  padding:13px 18px;
  border-radius:14px;
  text-align:center;
  font-weight:700;
  position:relative;
  z-index:2;
}

@media(max-width:640px){
  body.home .instagram-dynamic-section{margin:10px 12px 20px;padding:18px 14px 16px}
  body.home .instagram-dynamic-head h2{font-size:21px}
  body.home .instagram-poster-frame.is-empty,
  body.home .instagram-poster-placeholder{min-height:300px}
}


/* ============================================================
   TEAREX HOME HOTFIX v1.3 — cache-safe cleanup + approved IG shell
   ============================================================ */

/* Remove every legacy repeated inter-section artifact, including old pseudo-elements. */
body.home .home-botanical-divider,
body.home .home-botanical-divider::before,
body.home .home-botanical-divider::after{
  display:none !important;
  content:none !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  background-image:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* The small rectangular scraps were legacy section ::after graphics; disable them globally. */
body.home .categories-section::after,
body.home .products-section::after,
body.home .why-tearex-live::after,
body.home .testimonials-section::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
}

/* Keep only the intentional upper foliage accent. */
body.home .categories-section::before,
body.home .products-section::before,
body.home .why-tearex-live::before,
body.home .testimonials-section::before{
  background:url('../images/home-leaf-clean.svg') center/contain no-repeat !important;
  opacity:.75 !important;
}

/* Footer: force the intended dark TEAREX treatment and readable text. */
body.home footer.site-footer,
body.home .site-footer,
body.home .tearex-footer{
  background:linear-gradient(180deg,#174f41 0%,#0d4035 55%,#08362e 100%) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:30px 30px 0 0 !important;
}
body.home .site-footer h3,
body.home .site-footer strong{
  color:#fff !important;
  opacity:1 !important;
}
body.home .site-footer p,
body.home .site-footer li,
body.home .site-footer a,
body.home .site-footer span,
body.home .site-footer .copyright{
  color:#f4eee5 !important;
  opacity:1 !important;
}
body.home .site-footer .track-box{
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
body.home .site-footer .track-box a{
  background:#efd7b3 !important;
  color:#183d33 !important;
}
body.home .site-footer .trust-box{
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
body.home .site-footer .trust-box span{color:#e7dfd5 !important;}

/* Approved Instagram artwork stays intact; only the middle content becomes editable. */
body.home .instagram-approved-shell{
  margin:12px 14px 22px;
  background:transparent !important;
}
body.home .instagram-approved-card{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:28px;
}
body.home .instagram-approved-base{
  display:block;
  width:100%;
  height:auto;
}
body.home .instagram-live-poster{
  position:absolute;
  left:14.5%;
  top:25.8%;
  width:71%;
  height:53.8%;
  border-radius:21px;
  overflow:hidden;
  background:#f5ede3;
  box-shadow:0 8px 24px rgba(39,55,45,.10);
  z-index:3;
  display:grid;
  place-items:center;
}
body.home .instagram-live-poster.has-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
body.home .instagram-live-poster.is-empty span{
  color:#6f655c;
  font-size:12px;
  line-height:1.8;
  text-align:center;
  padding:20px;
  max-width:250px;
}
body.home .instagram-approved-link{
  position:absolute;
  left:27%;
  bottom:5.2%;
  width:46%;
  height:8.5%;
  z-index:5;
  border-radius:999px;
}

@media(max-width:640px){
  body.home .instagram-approved-shell{margin:10px 12px 18px}
  body.home .instagram-live-poster{border-radius:16px}
}