/* eTree plant page (uploads/etree-ui/pdp.css): spec §4.5 and work/ia/mock/product-plant.html, on the tokens in ui.css.
   Every rule is scoped under .e3.pp (the page wrapper from etree-pdp.php). The WooCommerce add-to-cart form inside
   .pp-cart is restyled here only. Phone first; 7/5 columns from 900 px; open blocks with contents from 1024 px. */

.e3.pp{padding-bottom:0;overflow-x:clip}
body.e3-pdp #main{background-color:#F7F7F2} /* only on this page (body class from etree-pdp.php): no white band above it */
.e3.pp .e3-ico{width:20px;height:20px}

/* ---------- Parent row: '‹ Indoor plants' on phones, 'Plants › Indoor plants' from 1024 px ---------- */
.e3 .k-crumbs{display:flex;align-items:center;min-height:32px;margin-top:8px;font-size:14px;line-height:1.2}
.e3 .k-crumbs>*{display:none}
.e3 .k-crumbs .k-up{display:inline-flex;align-items:center;gap:2px;min-height:32px;font-weight:700;color:var(--forest);text-decoration:none;white-space:nowrap}
.e3 .k-crumbs .k-up .e3-ico{width:16px;height:16px;margin-left:-3px}
@media (min-width:1024px){
  .e3 .k-crumbs>*{display:inline-flex;align-items:center;color:var(--muted)}
  .e3 .k-crumbs a{font-weight:700;color:var(--forest);text-decoration:none}
  .e3 .k-crumbs .k-up .e3-ico{display:none}
  .e3 .k-crumbs>*:not(:last-child)::after{content:"\203A";margin:0 9px;font-weight:400;color:var(--muted)}
  @media (hover:hover){.e3 .k-crumbs a:hover{text-decoration:underline}}
}

/* ---------- Top block: gallery + buy box ---------- */
.e3 .pp-top{display:grid;grid-template-columns:minmax(0,1fr);margin-top:8px}
.e3 .pp-gal{min-width:0}
.e3 .pp-frame{position:relative;border-radius:var(--r-tile);background:var(--stone);overflow:hidden}
.e3 .pp-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.e3 .pp-slides::-webkit-scrollbar{display:none}
.e3 .pp-slides:focus-visible{outline:2px solid var(--forest);outline-offset:-2px}
.e3 .pp-photo{position:relative;flex:0 0 100%;margin:0;aspect-ratio:1;scroll-snap-align:start;background:var(--stone)}
.e3 .pp-photo img{display:block;width:100%;height:100%;object-fit:contain}
.e3 .pp-nophoto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:var(--r-tile);color:var(--forest)}
.e3 .pp-nophoto .e3-ico{width:64px;height:64px;opacity:.5}
.e3 .pp-nophoto span{font-size:13px;font-weight:700;color:var(--muted)}
.e3 .pp-frame .e3-sticker{left:12px;top:12px}
.e3 .pp-dots{position:absolute;left:50%;bottom:10px;translate:-50% 0;display:flex;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.88);pointer-events:none}
.e3 .pp-dots i{display:block;width:7px;height:7px;border-radius:50%;background:var(--forest);opacity:.3;transition:opacity .2s}
.e3 .pp-dots i.is-on{opacity:1}
.e3 .pp-thumbs{display:none}
.e3 .pp-cap{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;line-height:18px;color:var(--muted)}
.e3 .pp-cap .e3-ico{width:16px;height:16px;color:var(--forest)}
@media (max-width:699px) and (max-height:759px){.e3 .pp-photo{aspect-ratio:auto;height:40svh}}
@media (min-width:700px) and (max-width:899px){.e3 .pp-photo{aspect-ratio:auto;height:min(560px,62vh)}}

.e3 .pp-buy{min-width:0}
.e3 .pp-buy h1{margin-top:12px;font-size:26px;line-height:30px;text-wrap:balance}
.e3 .pp-names{margin-top:2px;font-size:14px;line-height:20px;color:var(--muted)}
.e3 .pp-ur{margin-top:-2px;font-family:var(--urdu);font-size:17px;line-height:34px;color:var(--muted);text-align:left;unicode-bidi:plaintext}
.e3 .pp-buy h1+.pp-ur{margin-top:6px}
.e3 .pp-prices{margin-top:4px}
.e3 .pp-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;line-height:30px;font-variant-numeric:tabular-nums}
.e3 .pp-price b{font-size:24px;color:var(--forest)}
.e3 .pp-price span{font-size:14px;color:var(--muted)}
.e3 .pp-price .pp-from{font-size:15px}
.e3 .pp-xfer{margin-top:2px;font-size:15px;line-height:20px;color:var(--leaf-deep);font-variant-numeric:tabular-nums}
.e3 .pp-xfer a{display:inline-block;font-weight:700;color:var(--leaf-deep)!important;text-decoration:underline;text-underline-offset:3px}
.e3 .pp-get{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:14px;line-height:20px;color:var(--text)}
.e3 .pp-get .e3-ico{width:18px;height:18px;color:var(--forest)}

/* Sets: what's inside, the area they deliver to */
.e3 .pp-set{margin-top:12px;padding:12px 14px;border-radius:var(--r-tile);background:var(--stone)}
.e3 .pp-set-h{font-size:14px;font-weight:700;color:var(--forest)}
.e3 .pp-set ul{margin-top:4px;display:grid;gap:2px}
.e3 .pp-set li{font-size:14px;line-height:1.4;color:var(--text)}
.e3 .pp-set-q{display:inline-block;min-width:2.2em;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.e3 .pp-set-save{margin-top:6px;font-size:14px;font-weight:700;color:var(--leaf-deep)}
.e3 .pp-set-area{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:700;color:var(--text)}
.e3 .pp-set-area .e3-ico{width:18px;height:18px;color:var(--forest)}

/* ---------- Options as buttons (they drive WooCommerce's own variation form; the selects stay as the fallback) ---------- */
.e3 .pp-opts{display:none;margin:2px 0 14px;gap:12px}
.js .e3 .pp-opts{display:grid}
.js .e3 .pp-cart table.variations,.js .e3 .pp-cart .reset_variations{display:none!important}
.e3 .pp-opt{min-width:0;margin:0;padding:0;border:0}
.e3 .pp-opt legend{float:left;width:100%;margin:0 0 6px;padding:0;border:0;font-family:var(--sans);font-size:14px;font-weight:700;line-height:20px;letter-spacing:0;text-transform:none;color:var(--text)}
.e3 .pp-opt legend+*{clear:both}
.e3 .pp-opt-need{font-weight:400;color:#8a4b00}
.e3 .pp-opt.is-need .pp-opt-list{border-radius:14px;box-shadow:0 0 0 2px var(--marigold);animation:pp-flash .9s ease-out 1}
@keyframes pp-flash{0%{box-shadow:0 0 0 6px var(--marigold)}100%{box-shadow:0 0 0 2px var(--marigold)}}
.e3 .pp-opt-list{display:flex;flex-wrap:wrap;gap:8px}
.e3 .pp-opt-priced{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.e3 .pp-opt-wide{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.e3 label.pp-chip{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:64px;min-height:44px;margin:0;padding:6px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--field-line);font-size:15px;font-weight:700;line-height:1.25;color:var(--forest);text-transform:none;letter-spacing:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,box-shadow,color,scale;transition-duration:.15s}
.e3 .pp-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.e3 .pp-chip:active{scale:.97}
.e3 .pp-chip-sub{font-size:12px;font-weight:400;color:var(--muted)}
.e3 .pp-chip-price{margin-top:1px;font-size:13px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}
.e3 .pp-chip.is-on,.e3 .pp-chip:has(input:checked){background:var(--forest);color:#fff;box-shadow:none}
.e3 .pp-chip.is-on .pp-chip-sub,.e3 .pp-chip.is-on .pp-chip-price,.e3 .pp-chip:has(input:checked) .pp-chip-sub,.e3 .pp-chip:has(input:checked) .pp-chip-price{color:var(--on-forest-2)}
.e3 .pp-chip:has(input:focus-visible){outline:2px solid var(--forest);outline-offset:2px}
.e3 .pp-chip.is-off,.e3 .pp-chip:has(input:disabled){opacity:.45;cursor:not-allowed;text-decoration:line-through}
@media (hover:hover){.e3 .pp-chip:not(.is-on):not(.is-off):hover{box-shadow:inset 0 0 0 1.5px var(--forest)}}

/* ---------- Buy row: WooCommerce's form, Add to cart (about 60%) beside WhatsApp ---------- */
.e3 .pp-cart{margin-top:10px}
.e3 .pp-cart form.cart{margin:0;padding:0}
.e3 .pp-cart form.cart:not(.variations_form),.e3 .pp-cart .woocommerce-variation-add-to-cart{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:8px;align-items:stretch;margin:0}
.e3 .pp-cart .quantity{display:none!important}
.e3 .pp-cart.pp-qty form.cart:not(.variations_form),.e3 .pp-cart.pp-qty .woocommerce-variation-add-to-cart{grid-template-columns:auto minmax(0,3fr) minmax(0,2fr)}
.e3 .pp-cart.pp-qty .quantity{display:inline-flex!important;align-items:center;margin:0!important;opacity:1}
.e3 .pp-cart.pp-qty .quantity input{height:52px;margin:0;border-radius:12px}
.e3 .pp-cart .single_add_to_cart_button,.e3 .pp-cart .single_add_to_cart_button.alt,.e3 .pp-cart .single_add_to_cart_button.disabled{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:0!important;padding:0 12px;border:0;border-radius:999px;background:var(--forest)!important;color:#fff!important;font-family:var(--sans);font-size:17px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:none;text-align:center;white-space:normal;opacity:1!important;box-shadow:none;cursor:pointer;transition-property:background-color,scale;transition-duration:.15s}
.e3 .pp-cart .single_add_to_cart_button:active{scale:.97}
.e3 .pp-cart .single_add_to_cart_button.wc-variation-selection-needed{background:var(--forest-2)!important;font-size:15px}
.e3 .pp-cart .single_add_to_cart_button.loading{opacity:.7!important}
.e3 .pp-cart .single_add_to_cart_button::after{content:none!important}
@media (hover:hover){.e3 .pp-cart .single_add_to_cart_button:hover{background:var(--forest-2)!important}}
.e3 .pp-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;margin:0;padding:0 10px;border-radius:999px;background:#fff;color:var(--wa)!important;box-shadow:inset 0 0 0 1.5px var(--wa);font-size:17px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;transition-property:background-color,color,scale;transition-duration:.15s}
.e3 .pp-wa .e3-ico{width:22px;height:22px}
.e3 .pp-wa:active{scale:.96}
@media (hover:hover){.e3 .pp-wa:hover{background:var(--wa);color:#fff!important}}
.e3 .pp-cart .single_variation_wrap{margin:0}
.e3 .pp-cart .woocommerce-variation{margin:0}
.e3 .pp-cart .woocommerce-variation-price{display:none!important}
.e3 .pp-cart .woocommerce-variation-availability p,.e3 .pp-cart p.stock{margin:0 0 8px;font-size:14px;color:var(--muted)}
.e3 .pp-cart .woocommerce-variation-availability p.out-of-stock,.e3 .pp-cart p.stock.out-of-stock{color:#8a2b00;font-weight:700}
.e3 .pp-cart .woocommerce-variation-description p{margin:0 0 8px;font-size:14px;color:var(--text)}
.e3 .pp-cart .woocommerce-variation-add-to-cart-disabled .pp-wa{opacity:1}
.e3 .pp-cart .added_to_cart{display:none!important}
.e3 .pp-cart .single_add_to_cart_button+.pp-wa,.e3 .pp-cart .pp-wa{width:100%}
.e3 .pp-out{margin-top:4px;font-size:16px;font-weight:700;color:var(--muted)}
.e3 .pp-out-row{display:grid;margin-top:8px}

/* ---------- Trust lines under the button, each a link to Help ---------- */
.e3 .pp-trust{display:grid;gap:4px;margin-top:10px}
.e3 .pp-trust a{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:20px;color:var(--text)!important;text-decoration:none}
.e3 .pp-trust a span{text-decoration:underline;text-decoration-color:var(--field-line);text-decoration-thickness:1px;text-underline-offset:3px}
.e3 .pp-trust .e3-ico{width:18px;height:18px;margin-top:1px;color:var(--forest)}
.e3 .pp-trust .pp-ru span{font-style:italic}
@media (hover:hover){.e3 .pp-trust a:hover span{text-decoration-color:currentColor}}

/* Seasonal gift row (Oct–Dec, gift-ready plants) */
.e3 .pp-gift{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;border-radius:var(--r-tile);background:var(--sage);font-size:14px;line-height:1.45;color:var(--text)}
.e3 .pp-gift .e3-ico{width:20px;height:20px;color:var(--forest)}
.e3 .pp-gift a{font-weight:700;color:var(--forest)!important;text-decoration:underline;text-underline-offset:3px}

/* ---------- 'Goes well with': one labelled add-on ---------- */
.e3 .pp-with{margin-top:22px}
.e3 .pp-with h2{font-size:1.125rem;line-height:1.3}
.e3 .pp-addon{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:10px;padding:8px 12px 8px 8px;border-radius:var(--r-tile);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.e3 .pp-addon-pic{display:block;width:64px;height:80px;border-radius:10px;overflow:hidden;background:var(--stone)}
.e3 .pp-addon-pic img{display:block;width:100%;height:100%;object-fit:cover}
.e3 .pp-addon-kicker{font-size:12px;font-weight:700;line-height:16px;color:var(--leaf-deep)}
.e3 .pp-addon-name{font-size:15px;font-weight:700;line-height:1.3}
.e3 .pp-addon-name a{color:var(--forest)!important;text-decoration:none}
.e3 .pp-addon-sub{font-size:13px;line-height:1.35;color:var(--muted)}
.e3 .pp-addon-price{margin-top:2px;font-size:13px;line-height:1.35;color:var(--text);font-variant-numeric:tabular-nums}
.e3 .pp-addon-price b{color:var(--forest)}
.e3 .pp-addon-price .pp-x,.e3 .pp-addon-price .pp-x b{color:var(--leaf-deep)}
.e3 .pp-addon-add{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 14px 0 11px;border-radius:999px;font-size:14px;font-weight:700;color:var(--forest)!important;text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 1.5px rgba(21,66,19,.4);transition-property:background-color,color,scale;transition-duration:.15s}
.e3 .pp-addon-add .e3-ico{width:16px;height:16px}
.e3 .pp-addon-add:active{scale:.96}
.e3 .pp-addon-add.loading{opacity:.6;pointer-events:none}
.e3 .pp-addon-add.added{background:var(--forest);color:#fff!important;box-shadow:none}
.e3 .pp-addon-add::after,.e3 .pp-addon-add::before{content:none!important}
.e3 .pp-addon .added_to_cart{display:none!important}
@media (hover:hover){.e3 .pp-addon-add:hover{background:var(--forest);color:#fff!important;box-shadow:none}}
@media (hover:hover){.e3 .pp-addon-name a:hover{text-decoration:underline}}

/* ---------- Sections: 56 px rows on phones; open blocks with a contents list from 1024 px ---------- */
.e3 .pp-secs{margin-top:28px}
.e3 .pp-toc{display:none}
.e3 .pp-col{min-width:0}
.e3 .pp-sec{border-top:1px solid var(--line)}
.e3 .pp-sec:last-child{border-bottom:1px solid var(--line)}
.e3 .pp-sec>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-content:center;min-height:56px;padding:10px 0;list-style:none;cursor:pointer}
.e3 .pp-sec>summary::-webkit-details-marker{display:none}
.e3 .pp-sec>summary h2{grid-column:1;margin:0;font-family:var(--sans);font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0;color:var(--forest)}
.e3 .pp-sec>summary small{grid-column:1;font-size:13px;line-height:1.35;color:var(--muted)}
.e3 .pp-sec>summary>.e3-ico{grid-column:2;grid-row:1/span 2;align-self:center;width:18px;height:18px;color:var(--forest);transition:rotate .2s var(--ease)}
.e3 .pp-sec[open]>summary>.e3-ico{rotate:180deg}
.e3 .pp-sec>summary:focus-visible{outline:2px solid var(--forest);outline-offset:2px}
.e3 .pp-sec-body{padding:2px 0 22px}
.e3 .pp-note{margin-top:8px;font-size:12px;line-height:1.4;color:var(--muted)}

/* Fact lists (care, size and pot) */
.e3 .pp-facts{margin:0;border-radius:var(--r-tile);background:var(--stone)}
.e3 .pp-facts>div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;padding:12px 14px;align-items:start}
.e3 .pp-facts>div+div{box-shadow:inset 0 1px 0 var(--stone-2)}
.e3 .pp-facts dt{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;line-height:22px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--forest)}
.e3 .pp-facts dt .e3-ico{width:20px;height:20px}
.e3 .pp-facts dd{margin:0;font-size:15px;line-height:22px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text)}

/* Delivery rows */
.e3 .k-rows{border-radius:var(--r-tile);background:var(--stone)}
.e3 .k-rows a{display:flex;align-items:center;gap:14px;min-height:56px;padding:8px 16px;font-size:15px;font-weight:400;line-height:1.35;color:var(--text)!important;text-decoration:none}
.e3 .k-rows a b{font-weight:700;color:var(--forest)}
.e3 .k-rows li+li a{box-shadow:inset 0 1px 0 var(--stone-2)}
.e3 .k-rows .e3-ico{width:24px;height:24px;color:var(--forest)}
.e3 .k-rows .k-go{margin-left:auto;width:18px;height:18px}
.e3 .k-rows a:active{background:var(--stone-2)}
@media (hover:hover){.e3 .k-rows a:hover b{text-decoration:underline}}

/* The product's own description */
.e3 .pp-prose{font-size:15px;line-height:1.6;color:var(--text);overflow-wrap:anywhere}
.e3 .pp-prose [style]{font-family:inherit!important}
.e3 .pp-prose>*:first-child,.e3 .pp-prose>div:first-child>*:first-child{margin-top:0}
.e3 .pp-prose p{margin:0 0 10px;max-width:68ch}
.e3 .pp-prose h2,.e3 .pp-prose h3,.e3 .pp-prose h4{margin:18px 0 6px;font-family:var(--sans);font-size:16px;font-weight:700;line-height:1.35;letter-spacing:0;color:var(--forest)}
.e3 .pp-prose h2{font-size:17px}
.e3 .pp-prose ul,.e3 .pp-prose ol{margin:6px 0 12px;padding-left:1.25em;list-style:disc}
.e3 .pp-prose ol{list-style:decimal}
.e3 .pp-prose li{margin:3px 0}
.e3 .pp-prose table{display:block;max-width:100%;overflow-x:auto;margin:8px 0 14px;border-collapse:collapse;font-size:14px}
.e3 .pp-prose th,.e3 .pp-prose td{padding:6px 10px 6px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px;line-height:1.4}
.e3 .pp-prose th{font-weight:700;color:var(--forest)}
.e3 .pp-prose img,.e3 .pp-prose iframe,.e3 .pp-prose video{max-width:100%;height:auto;border-radius:10px}
.e3 .pp-prose iframe{aspect-ratio:16/9;width:100%}
.e3 .pp-prose a{color:var(--forest)!important;font-weight:700}
.e3 .pp-reviews{min-width:0;overflow-wrap:anywhere}

/* ---------- Shelves: 'More …' (2×2, 4 across from 700) and 'Often bought with' (sideways on phones) ---------- */
.e3 .k-shelf{padding:28px 0 4px}
.e3 .k-shelf-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 16px;margin-bottom:14px}
.e3 .k-shelf-head>div{flex:1 1 240px;min-width:0}
.e3 .k-shelf-head h2{font-size:1.5rem;line-height:1.15}
.e3 .k-shelf-head p{margin-top:4px;font-size:14px;line-height:1.45;color:var(--muted);max-width:60ch}
.e3 .k-shelf-head .e3-link{font-size:15px}
.e3 .pp-shelf{padding-top:36px}
@media (min-width:700px){.e3 .pp-shelf .e3-grid.k-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.e3 .e3-track{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 calc(var(--gutter)*-1);padding:6px var(--gutter) 8px;scroll-padding:0 var(--gutter)}
.e3 .e3-track::-webkit-scrollbar{display:none}
.e3 .e3-track>li{flex:0 0 44%;scroll-snap-align:start}
.e3 .pp-rail{position:relative;margin-top:-6px}
@media (min-width:700px){.e3 .e3-track.pp-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px var(--gap);overflow:visible;margin:0;padding:0}}
@media (min-width:1100px){.e3 .k-shelf{padding:48px 0 8px}.e3 .k-shelf-head{margin-bottom:20px}.e3 .k-shelf-head h2{font-size:2rem}.e3 .k-shelf-head p{font-size:16px}.e3 .e3-track.pp-rail{gap:32px 20px}}

/* ---------- Route-up band: all of the home category, the door row, 4 plant families ---------- */
.e3 .pp-up{margin-top:40px}
.e3 .pp-up-in{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.e3 .pp-up-a{display:grid;gap:16px;align-content:start}
.e3 .pp-up-all{width:100%;min-height:52px;text-align:center}
.e3 .pp-up-all .e3-ico{width:20px;height:20px}
.e3 .pp-up-label{margin-bottom:6px;font-size:13px;font-weight:700;color:var(--muted)}
.e3 .k-doors ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.e3 .k-doors a{display:flex;justify-content:center;font-size:15px;font-weight:700;color:var(--forest)!important;text-decoration:none;white-space:nowrap}
.e3 .k-doors a>span{position:relative;display:flex;align-items:center;padding:0 3px}
.e3 .k-doors a[aria-current]>span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--leaf)}
.e3 .k-doors a:active{background:var(--sage)}
.e3 .pp-doors ul{height:48px;padding:0 4px;border-radius:var(--r-tile);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.e3 .pp-doors a{height:48px}
@media (max-width:359px){.e3 .k-doors a{font-size:14px}}
.e3 .e3-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 10px}
.e3 .e3-cat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border-radius:var(--r-tile);text-align:center;text-decoration:none;color:var(--text)!important}
.e3 .e3-cat-disc{display:grid;place-items:center;width:100%;max-width:76px;aspect-ratio:1;border-radius:50%;background:var(--stone);overflow:hidden;transition-property:background-color,scale;transition-duration:.2s}
.e3 .e3-cat-disc img{width:100%;height:100%;object-fit:cover;transition:scale .35s var(--ease)}
.e3 .e3-cat:active .e3-cat-disc{scale:.97}
.e3 .e3-cat-name{font-size:13px;font-weight:700;line-height:1.2;color:var(--forest)}
.e3 .k-disc-n{display:block;margin-top:-2px;font-size:12px;line-height:14px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}
@media (hover:hover){.e3 .e3-cat:hover .e3-cat-disc img{scale:1.05}}

/* ---------- Sticky add bar (phones): built, off unless switch pdp_sticky is on ---------- */
.e3 .pp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:40px minmax(0,1fr) auto 42px;gap:8px;align-items:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -1px 0 var(--line),0 -10px 24px -16px rgba(15,50,16,.35)}
.e3 .pp-sticky[hidden]{display:none}
.e3 .pp-sticky img{display:block;width:40px;height:40px;border-radius:8px;object-fit:cover;object-position:50% 45%;background:var(--stone)}
.e3 .pp-sticky p{min-width:0;font-size:13px;line-height:1.3;color:var(--leaf-deep);font-variant-numeric:tabular-nums;white-space:nowrap}
.e3 .pp-sticky p b{display:block;font-size:16px;color:var(--forest)}
.e3 .pp-sticky .e3-btn{min-height:44px;padding:0 18px;font-size:15px}
.e3 .k-wa-sq{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;color:var(--wa)!important;box-shadow:inset 0 0 0 1.5px rgba(31,122,63,.5);text-decoration:none}
@media (min-width:1024px){.e3 .pp-sticky{display:none!important}}

/* ---------- Tablet and desktop ---------- */
@media (min-width:900px){
  .e3 .pp-top{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start;margin-top:16px}
  .e3 .pp-frame{border-radius:var(--r-panel)}
  .e3 .pp-dots{display:none}
  .e3 .pp-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .e3 .pp-thumb{display:block;width:64px;height:64px;padding:0;border:0;border-radius:10px;background:var(--stone);overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);opacity:.75;transition:opacity .15s}
  .e3 .pp-thumb img{display:block;width:100%;height:100%;object-fit:cover}
  .e3 .pp-thumb[aria-current]{opacity:1;box-shadow:0 0 0 2px var(--forest)}
  .e3 .pp-cap{margin-top:12px;font-size:14px}
  .e3 .pp-buy{position:sticky;top:24px}
  .e3 .pp-buy h1{margin-top:2px;font-size:36px;line-height:1.1}
  .e3 .pp-names{margin-top:6px;font-size:16px;line-height:22px}
  .e3 .pp-ur{font-size:19px;line-height:36px}
  .e3 .pp-prices{margin-top:8px}
  .e3 .pp-price b{font-size:28px}
  .e3 .pp-price span{font-size:15px}
  .e3 .pp-xfer{font-size:16px;line-height:22px}
  .e3 .pp-get{margin-top:10px;font-size:15px}
  .e3 .pp-cart{margin-top:18px}
  .e3 .pp-trust{margin-top:14px;gap:6px}
  .e3 .pp-trust a{font-size:15px;line-height:21px}
  .e3 .pp-gift{margin-top:18px}
  .e3 .pp-with{margin-top:26px}
  @media (hover:hover){.e3 .pp-thumb:hover{opacity:1}}
}
@media (min-width:1024px){
  .e3 .pp-secs{display:grid;grid-template-columns:200px minmax(0,760px);gap:64px;align-items:start;margin-top:72px}
  .e3 .pp-toc{display:block;position:sticky;top:24px}
  .e3 .pp-toc p{font-size:13px;font-weight:700;color:var(--muted)}
  .e3 .pp-toc ul{margin-top:8px;box-shadow:inset 2px 0 0 var(--line)}
  .e3 .pp-toc a{display:block;padding:7px 0 7px 16px;font-size:15px;font-weight:700;line-height:1.35;color:var(--forest)!important;text-decoration:none}
  .e3 .pp-toc a[aria-current]{box-shadow:inset 2px 0 0 var(--leaf)}
  @media (hover:hover){.e3 .pp-toc a:hover{text-decoration:underline}}
  .e3 .pp-sec:first-child{border-top:0}
  .e3 .pp-sec[data-desk-open]>summary{display:block;min-height:0;padding:36px 0 16px;cursor:default;pointer-events:none}
  .e3 .pp-sec:first-child>summary{padding-top:0}
  .e3 .pp-sec[data-desk-open]>summary h2{font-family:var(--serif);font-size:1.75rem;font-weight:600;line-height:1.15;letter-spacing:-.015em}
  .e3 .pp-sec[data-desk-open]>summary small,.e3 .pp-sec[data-desk-open]>summary>.e3-ico{display:none}
  .e3 .pp-sec-body{padding-bottom:36px}
  .e3 .pp-facts>div{grid-template-columns:160px minmax(0,1fr);padding:14px 18px}
  .e3 .pp-up-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center}
  .e3 .pp-fam.e3-cat-grid{gap:16px}
  .e3 .pp-fam .e3-cat-disc{max-width:112px}
  .e3 .pp-fam .e3-cat-name{font-size:15px}
  .e3 .k-disc-n{font-size:13px}
}
@media (min-width:1100px){
  .e3 .pp-top{gap:56px;margin-top:20px}
  .e3 .pp-buy h1{font-size:40px}
  .e3 .pp-shelf{padding-top:56px}
}
@media (prefers-reduced-motion:reduce){.e3 .pp-slides{scroll-behavior:auto}.e3 .pp-opt.is-need .pp-opt-list{animation:none}}

/* ---------- Wave-3 fixes ---------- */
/* WooCommerce's PhotoSwipe dialog has no script or styles on this page: never drawn (it showed as a black band) */
body.e3-pdp .pswp{display:none!important}
/* The add-to-cart notice after a form add: its View cart link shows, styled like the cards' Added state */
body.e3-pdp .woocommerce-message a.wc-forward.pp-notice-cart{display:inline-flex!important;align-items:center;min-height:36px;margin:0 0 0 12px;padding:0 16px;float:right;border-radius:999px;background:#154213;color:#fff!important;font-size:14px;font-weight:700;line-height:1.2;text-transform:none;letter-spacing:0;text-decoration:none}
/* Today's review badge (with its rating markup) at the top of the collapsed Reviews section */
.e3 .pp-rev-badge{margin:0 0 16px}
/* WooCommerce's notices print in Flatsome's white #wrapper above the page: paper on this page, so a notice sits on paper */
body.e3-pdp #wrapper{background:#F7F7F2}

/* ---------- Pricing round (22 Oct 2026, O8: sale prices shown) ----------
   Big price, the regular price struck beside it, a soft marigold "You save Rs X (N%)", then the transfer price as an extra
   saving in leaf-deep. --sale / --sale-ink come from ui.css. */
.e3 .pp-price .pp-was{font-size:17px;font-weight:400;color:var(--muted);text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:rgba(85,98,79,.7);white-space:nowrap}
.e3 .pp-price .pp-was span{font-size:inherit;color:inherit}
.e3 .pp-price .pp-was[hidden],.e3 .pp-save[hidden],.e3 .pp-prices [hidden]{display:none}
.e3 .pp-save{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:4px 0 6px}
.e3 .pp-off{display:inline-block;padding:3px 12px;border-radius:999px;background:var(--sale,#FCEFC4);color:var(--sale-ink,#5A4200);font-size:14px;line-height:20px;font-variant-numeric:tabular-nums}
.e3 .pp-off b{font-weight:700}
.e3 .pp-off-note{font-size:13px;color:var(--muted)}
.e3 .pp-xfer b{font-weight:700}
.e3 .pp-addon-price .e3-was{font-size:12px}
@media (min-width:1024px){
  .e3 .pp-price .pp-was{font-size:19px}
  .e3 .pp-off{font-size:15px}
}
