/* Plantozone storefront v11 — tighter rhythm, clearer commerce controls and footer polish */

/* Meaningful vertical rhythm across the storefront. */
.section{padding:72px 0}
.home-v9-categories-top,.home-v9-shapes-bottom,.home-v8-why,.home-v8-story,.home-v8-collection,.home-v8-women,.home-v8-journey,.home-v8-testimonials,.home-v8-journal{padding:72px 0}
.people-section{padding:68px 0}
.home-v8-category-row,.home-v8-shape-row{margin-top:30px}
.home-v8-final-shop{margin-top:30px}
.home-v8-journey .journey-cards,.home-v8-testimonials .testimonial-track,.home-v8-journal .journal-grid{margin-top:32px}
.about-v8-origin,.about-v8-profile,.about-v8-history,.about-v8-process,.about-v8-benefits,.about-v8-purpose,.about-v8-women,.contact-v8-main{padding:72px 0}
.about-v8-women+.people-section{padding:68px 0}
.newsletter-band{padding:58px 0}
.site-footer{padding-top:44px}

/* Vision, Mission and Product have exactly matching artwork stages. */
.home-v8-journey .journey-cards>article>img,
.home-v8-journey .journey-cards>article:nth-child(2)>img,
.home-v8-journey .journey-cards>article:nth-child(3)>img{width:100%;height:350px;aspect-ratio:1;background:#f5eee3;object-fit:contain;object-position:center}

/* Clear green product navigation instead of the detached white strip. */
.product-view{display:flex!important;align-items:center;justify-content:space-between;left:13px;right:13px;bottom:13px;width:auto;padding:11px 14px;border:1px solid #16734d;border-radius:8px;color:#fff;background:#0c5a3c;box-shadow:0 8px 22px rgba(12,70,47,.2);opacity:1;transform:none}
.product-view b{color:#dff0ac}
.product-card:hover .product-view{color:#fff;background:#073f2d;border-color:#073f2d}

/* Shop begins with one compact, closed category control. */
.shop-category-drawer{padding:22px 0;border-bottom:1px solid #d9ded5;background:#faf8f1}
.shop-category-drawer details{border:1px solid #d4dcd1;border-radius:12px;background:#fff}
.shop-category-drawer summary{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;color:#0d4933;font-size:14px;font-weight:800;cursor:pointer;list-style:none}
.shop-category-drawer summary::-webkit-details-marker{display:none}
.shop-category-drawer summary span{font-size:20px;transition:transform .2s}
.shop-category-drawer details[open] summary span{transform:rotate(45deg)}
.shop-category-drawer .category-shop-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:8px 20px 22px;overflow:visible}
.shop-category-drawer .category-shop-rail>a{min-width:0;padding:13px 8px;border:1px solid transparent;border-radius:10px;text-align:center}
.shop-category-drawer .category-shop-rail>a.active{border-color:#b8cdbd;background:#eef4eb}
.shop-category-drawer .category-shop-rail>a>span{width:74px;height:74px;display:grid;place-items:center;margin:auto;overflow:hidden;border:1px solid #d8ded4;border-radius:50%;background:#faf7ef}
.shop-category-drawer .category-shop-rail img{width:100%;height:100%;padding:4px;object-fit:contain}
.shop-category-drawer .category-shop-rail strong{display:block;margin-top:9px;color:#111914;font-size:12px;line-height:1.25}
.shop-toolbar{top:136px}
.toolbar-inner{justify-content:space-between}
.toolbar-inner form{margin-left:auto}
.shop-section{padding-top:52px}

/* Establishing icons replace sequence numerals. */
.about-v8-timeline article>b,.about-v8-process li>b,.form-section-head>span,.contact-v8-info article>span,.success-timeline b{display:grid;place-items:center;border-radius:50%;font-family:inherit;font-size:20px;font-weight:700}
.about-v8-timeline article>b{width:42px;height:42px;color:#123d2a;background:#dff0ac}
.about-v8-process li>b,.contact-v8-info article>span{width:36px;height:36px;color:#fff;background:#176a47}
.form-section-head>span{width:42px;height:42px;color:#123d2a;background:#dff0ac}

/* Proper official-green WhatsApp floating control. */
.whatsapp-float{right:22px;bottom:22px;min-width:144px;min-height:58px;display:flex;align-items:center;gap:9px;padding:7px 15px 7px 7px;border:2px solid #fff;border-radius:999px;color:#fff;background:#25d366;box-shadow:0 12px 32px rgba(7,68,40,.28);transition:transform .2s,box-shadow .2s}
.whatsapp-float:hover{color:#fff;background:#1fbd5b;transform:translateY(-2px);box-shadow:0 16px 38px rgba(7,68,40,.34)}
.whatsapp-float>span{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border:0;border-radius:50%;color:#25d366;background:#fff}
.whatsapp-float svg{width:27px;height:27px;fill:currentColor}
.whatsapp-float small{display:flex!important;flex-direction:column;color:#effff4;font-size:9px;font-weight:700;line-height:1.12}
.whatsapp-float small b{color:#fff;font-size:13px}

/* Footer legal and credit details remain visible and aligned on every width. */
.footer-bottom{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:25px;color:#d5e7dc}
.footer-bottom>span,.footer-bottom a{color:#d5e7dc;font-size:11px}
.footer-bottom a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.footer-bottom a:hover{color:#dff0ac}
.footer-credit{color:#fff!important;font-weight:700}

@media(max-width:980px){
  .section,.home-v9-categories-top,.home-v9-shapes-bottom,.home-v8-why,.home-v8-story,.home-v8-collection,.home-v8-women,.home-v8-journey,.home-v8-testimonials,.home-v8-journal,.about-v8-origin,.about-v8-profile,.about-v8-history,.about-v8-process,.about-v8-benefits,.about-v8-purpose,.about-v8-women,.contact-v8-main{padding:60px 0}
  .shop-category-drawer .category-shop-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shop-toolbar{top:74px}
  .footer-bottom{grid-template-columns:1fr 1fr}
  .footer-credit{grid-row:2}
  .footer-bottom>div{justify-self:end;grid-row:1/3}
}

@media(max-width:560px){
  .section,.home-v9-categories-top,.home-v9-shapes-bottom,.home-v8-why,.home-v8-story,.home-v8-collection,.home-v8-women,.home-v8-journey,.home-v8-testimonials,.home-v8-journal,.about-v8-origin,.about-v8-profile,.about-v8-history,.about-v8-process,.about-v8-benefits,.about-v8-purpose,.about-v8-women,.contact-v8-main{padding:48px 0}
  .people-section,.about-v8-women+.people-section{padding:48px 0}
  .home-v8-category-row,.home-v8-shape-row{margin-top:24px}
  .home-v8-final-shop{margin-top:25px}
  .home-v8-journey .journey-cards>article>img,.home-v8-journey .journey-cards>article:nth-child(2)>img,.home-v8-journey .journey-cards>article:nth-child(3)>img{height:auto;aspect-ratio:1}
  .shop-category-drawer{padding:14px 0}
  .shop-category-drawer .category-shop-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px 10px 14px}
  .shop-category-drawer .category-shop-rail>a{padding:10px 5px}
  .shop-category-drawer .category-shop-rail>a>span{width:62px;height:62px}
  .shop-section{padding-top:35px}
  .product-view{left:7px;right:7px;bottom:7px;padding:8px 10px;border-radius:6px;font-size:8px}
  .whatsapp-float{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));min-width:132px;min-height:54px;padding:6px 12px 6px 6px}
  .whatsapp-float>span{width:40px;height:40px;flex-basis:40px}
  .footer-bottom{display:flex;align-items:flex-start;flex-direction:column;gap:9px;text-align:left}
  .footer-bottom>div{display:flex;justify-content:flex-start;gap:20px;order:3}
  .footer-credit{order:2}
  .footer-bottom>span:first-child{order:1}
}