:root{--cream:#fff6e8;--cream2:#fffaf1;--paper:#fffdf8;--green:#204b16;--deep:#173c10;--leaf:#579327;--olive:#7d923a;--yellow:#f9c94b;--honey:#e8a72b;--brown:#75421d;--muted:#60715b;--line:#e8dfc9;--pink:#ffdfd0;--shadow:0 12px 35px rgba(38,65,19,.08);--fred:'Fredoka','Trebuchet MS',system-ui,sans-serif;--nunito:'Nunito',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--deep);font-family:var(--nunito);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--honey);outline-offset:2px}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.preview-banner{min-height:34px;background:#e3ebcf;color:#2c541e;display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 12px;text-align:center;font-size:12px}.preview-dot{width:7px;height:7px;background:var(--green);border-radius:50%;flex:none}.preview-desc{opacity:.85}.site-header{height:86px;background:rgba(255,248,235,.93);position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(75,93,38,.09);backdrop-filter:blur(15px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{width:136px;height:68px;object-fit:contain;mix-blend-mode:multiply}.desktop-nav{display:flex;align-items:center;gap:25px;font-weight:800;font-size:14px;color:#476339}.desktop-nav a:hover,.desktop-nav a.active{color:var(--deep)}.header-actions{display:flex;gap:14px;align-items:center}.small-order{background:var(--green);color:white;border-radius:40px;padding:13px 19px;font-weight:900;font-size:13px;white-space:nowrap;transition:transform .2s}.small-order:hover,.btn:hover{transform:translateY(-2px)}.small-order span{margin-left:10px}.menu-toggle{width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{width:18px;height:2px;background:var(--green);border-radius:2px}.menu-overlay{position:fixed;inset:0;background:#132a0cb3;z-index:69}.mobile-menu{position:fixed;right:0;top:0;bottom:0;width:min(350px,88vw);background:var(--cream2);z-index:70;transform:translateX(104%);transition:transform .28s;display:flex;flex-direction:column;box-shadow:-10px 0 30px #14210f22}.mobile-menu.open{transform:translateX(0)}.drawer-head{font:600 21px var(--fred);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:24px}.close-menu{border:0;background:#ebeddc;color:var(--green);border-radius:50%;width:38px;height:38px}.drawer-nav{overflow:auto;padding:14px 20px;flex:1}.drawer-nav a{display:block;padding:12px;border-bottom:1px solid #ebe2d1;font-weight:800;font-size:14px;border-radius:8px}.drawer-nav a:hover{background:#edf2df}.drawer-heading{font-size:11px;font-weight:900;color:#8b976e;letter-spacing:1.5px;padding:23px 12px 7px}.drawer-footer{display:flex;justify-content:space-evenly;gap:8px;padding:18px;border-top:1px solid var(--line);font-weight:800;font-size:13px}.site-footer{background:#244d18;color:#fff7e7;margin-top:78px;padding:56px 0 20px}.footer-inner{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:35px}.footer-brand img{width:145px;background:#fff5dc;border-radius:17px;padding:6px;mix-blend-mode:normal}.footer-inner p{font-size:13px;line-height:1.65;opacity:.73;max-width:290px}.footer-inner h4{font:600 18px var(--fred);margin:0 0 15px}.footer-inner a:not(.footer-brand){display:block;font-size:13px;opacity:.83;margin:0 0 10px}.footer-inner a:hover{opacity:1;text-decoration:underline}.footer-base{border-top:1px solid #ffffff26;margin-top:38px;padding-top:19px;display:flex;justify-content:space-between;gap:12px;color:#ffffffa9}.toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#1f4d1a;color:#fff;padding:13px 20px;border-radius:13px;box-shadow:0 12px 30px #0003;font-weight:700;font-size:13px;max-width:90vw;text-align:center}.toast.show{display:block}.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:var(--leaf)}.section{padding:82px 0}.section-sm{padding:55px 0}.section-header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 0 28px}.section-header h2,.page-head h1{font:600 clamp(33px,4vw,55px)/1.1 var(--fred);margin:6px 0;color:var(--green);letter-spacing:-1px}.section-header p{margin:8px 0 0;max-width:560px;color:var(--muted);line-height:1.65}.heading-link{font-weight:900;font-size:13px;color:var(--green);white-space:nowrap}.btn{border:0;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--nunito);font-weight:900;font-size:15px;padding:16px 22px;transition:transform .2s,background .2s}.btn-primary{background:var(--green);color:white}.btn-yellow{background:var(--yellow);color:var(--deep)}.btn-outline{border:2px solid #adc096;color:var(--green);background:transparent}.btn-soft{background:#f1f4e5;color:var(--green)}.btn-sm{padding:11px 15px;border-radius:12px;font-size:13px}.btn-wide{width:100%}.text-link{font-weight:900;text-decoration:underline;text-underline-offset:3px}.pill{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:900;border-radius:100px;padding:8px 13px;background:#eff1da;color:#5a6b1e}.pill-yellow{background:#fff0b6;color:#805019}.paper-card{border-radius:24px;background:var(--paper);border:1px solid #e9e3d5;box-shadow:var(--shadow);overflow:hidden}.alt-bg{background:#f4eedc}.subtle{color:var(--muted)}.center{text-align:center}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.image-cover{width:100%;height:100%;object-fit:cover}.doodle{font-family:var(--fred);color:#8da841}.hero{padding:48px 0 60px;position:relative;overflow:hidden}.hero::before{content:'♡';font:600 125px var(--fred);position:absolute;right:3vw;top:0;color:#c5cc87;transform:rotate(25deg);opacity:.55;pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.hero-topline{font-size:13px;font-weight:900;color:#5b7e34;letter-spacing:1px}.hero h1{font:600 clamp(47px,6vw,82px)/.98 var(--fred);color:var(--green);letter-spacing:-2px;margin:20px 0 22px}.hero h1 em{font-weight:500;color:#63952c;font-style:normal}.hero p{font-size:17px;color:#61735d;line-height:1.7;margin:0 0 18px;max-width:510px}.hero-schedule{display:inline-flex;gap:9px;align-items:center;background:#fffef7;border:1px dashed #bccb8a;border-radius:30px;padding:10px 15px;color:#5e6d36;font-weight:900;font-size:12px;margin-bottom:20px}.hero-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;max-width:520px}.order-entry{border:2px solid #e4dec9;padding:18px 16px;background:#fffdf7;border-radius:21px;display:flex;flex-direction:column;gap:6px;min-height:127px;transition:transform .2s,border .2s}.order-entry:hover{transform:translateY(-3px);border-color:#a6bf6a}.order-entry strong{font:600 20px var(--fred);line-height:1.1}.order-entry small{font-size:12px;color:var(--muted);line-height:1.35}.order-entry .icon{font-size:26px}.order-entry-wide{grid-column:1/-1;background:#edf3db;min-height:85px;flex-direction:row;align-items:center;gap:13px}.order-entry-wide .icon{font-size:30px}.hero-art{min-height:515px;position:relative;display:flex;justify-content:center;align-items:center}.hero-art-bg{width:100%;max-width:500px;aspect-ratio:1/1;border-radius:48% 52% 46% 54%;background:#e4ebc2;position:absolute;transform:rotate(-12deg)}.hero-art-bg::after{content:'✳';position:absolute;font-size:84px;color:#c2d17a;left:10px;bottom:-9px}.hero-main-fruit{position:relative;z-index:1;width:68%;max-height:480px;object-fit:cover;border-radius:210px 210px 170px 170px;box-shadow:0 30px 45px #36501825;transform:rotate(-4deg)}.hero-sticker{position:absolute;right:-10px;top:45px;z-index:2;background:var(--yellow);padding:18px;border-radius:60% 40% 55% 45%;font:600 18px var(--fred);text-align:center;max-width:150px;transform:rotate(13deg);box-shadow:0 7px 0 #d6a72b}.hero-heart{position:absolute;bottom:60px;left:0;color:#85a83d;font:600 90px var(--fred);transform:rotate(-15deg)}.hero-float{position:absolute;bottom:26px;right:12px;background:#fffefa;border-radius:18px;padding:13px 16px;box-shadow:var(--shadow);font-weight:900;font-size:12px;color:#4f722b;transform:rotate(4deg)}.marquee{background:#4c8025;color:#fff9da;overflow:hidden;padding:14px 0;white-space:nowrap}.marquee span{font:500 16px var(--fred);display:inline-block;margin-right:35px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{background:#fffcf3;border:1px solid #e9e2d0;border-radius:23px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 18px #264c0d0a}.product-photo{height:230px;background:linear-gradient(135deg,#fff3d5,#f7f5e9);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-photo img{height:95%;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.product-card:hover .product-photo img{transform:scale(1.055)}.product-photo .tag{position:absolute;top:12px;left:12px;z-index:2;background:#ffdf72;color:#6f5213;border-radius:30px;padding:6px 11px;font-size:10px;font-weight:900}.product-content{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.product-content h3{font:600 21px/1.13 var(--fred);margin:0;color:var(--green)}.price{font:600 22px var(--fred);color:#426c23}.product-content p{font-size:12px;color:var(--muted);margin:0;flex:1;line-height:1.5}.product-content .btn{margin-top:8px}.promo-feature{background:#f4e7c7;border-radius:24px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;margin-top:28px}.promo-feature .promo-copy{padding:32px}.promo-feature h3{font:600 32px var(--fred);margin:8px 0}.promo-feature p{font-size:14px;color:#617052;line-height:1.6}.promo-feature img{height:280px;width:100%;object-fit:cover;object-position:center 45%}.ripeness-teaser{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.ripeness-teaser img{border-radius:24px;max-height:520px;object-fit:cover;width:100%;box-shadow:var(--shadow)}.ripeness-points{display:flex;flex-direction:column;gap:14px;margin:24px 0}.point{display:flex;align-items:flex-start;gap:12px}.point i{display:inline-flex;align-items:center;justify-content:center;font-style:normal;width:33px;height:33px;flex:none;border-radius:50%;background:#e9eed1}.point strong{display:block;font:500 18px var(--fred)}.point small{display:block;color:var(--muted);line-height:1.5}.date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.date-box{background:white;border:1px solid #ece4cf;border-radius:17px;padding:18px;text-align:center}.date-box b{display:block;font:600 20px var(--fred)}.date-box small{display:block;color:#72816c;font-weight:800}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-tile{border:1px solid var(--line);background:white;padding:10px;border-radius:23px;box-shadow:var(--shadow)}.review-tile img{width:100%;height:250px;object-fit:cover;object-position:center 42%;border-radius:14px}.review-tile div{padding:12px 9px}.review-tile strong{font:500 18px var(--fred)}.review-tile small{color:var(--muted);display:block;margin-top:3px}.contact-strip{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.contact-tile{border:1px solid #e7e2d1;background:#fffefa;border-radius:21px;padding:24px}.contact-tile h3{font:600 22px var(--fred);margin:12px 0 8px}.contact-tile p{color:var(--muted);font-size:13px;line-height:1.55}.contact-tile a{font-weight:900;color:#477a2b;font-size:13px}.page-head{padding:65px 0 30px;max-width:760px}.page-head p{color:var(--muted);line-height:1.7;font-size:16px;margin:10px 0}.page-head h1{font-size:clamp(37px,5vw,62px)}.page-content{padding-bottom:60px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.gallery-card{position:relative;overflow:hidden;border-radius:20px;background:white;cursor:pointer;min-height:250px}.gallery-card img{width:100%;height:300px;object-fit:cover;transition:transform .25s}.gallery-card:hover img{transform:scale(1.045)}.gallery-card span{position:absolute;bottom:12px;left:12px;background:#fffdf0ea;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:900}.story-split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story-image{border-radius:34px;overflow:hidden;max-height:680px}.story-image img{width:100%;max-height:680px;object-fit:cover}.story-copy h2{font:600 37px var(--fred);margin:10px 0}.story-copy p{line-height:1.85;color:#5d6b58}.story-quote{background:#e9f0d2;border:1px dashed #9baf67;padding:28px;border-radius:25px;font:500 26px/1.35 var(--fred);text-align:center;margin:35px auto;max-width:720px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{background:white;padding:23px;border-radius:21px;border:1px solid var(--line)}.info-card .num{color:#749c31;font:600 32px var(--fred)}.info-card h3{font:600 23px var(--fred);margin:8px 0}.info-card p{color:var(--muted);font-size:14px;line-height:1.6}.warranty-box{background:#f4efd9;border-radius:24px;padding:28px}.warranty-box h2{font:600 26px var(--fred)}.warranty-box li{margin:12px 0;line-height:1.6}.warranty-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.warning-note{border-left:4px solid #d6a532;padding:14px 18px;background:#fcf3d8;border-radius:0 12px 12px 0;color:#73561e;line-height:1.65;font-size:14px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;list-style:none;font:500 20px var(--fred);display:flex;justify-content:space-between;gap:20px}.faq-list summary::after{content:'+';font:600 25px var(--fred);color:#7a9c3b}.faq-list details[open] summary::after{content:'−'}.faq-list p{max-width:800px;color:var(--muted);line-height:1.75;font-size:14px}.lead-form{background:white;border:1px solid var(--line);padding:27px;border-radius:25px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label,.field>span{font-weight:900;color:#405f32;font-size:13px}.field input,.field select,.field textarea{border:1.5px solid #e2decf;border-radius:12px;background:#fffefa;padding:13px 14px;color:#2f431c;width:100%;outline:none;min-height:46px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7ca13c;box-shadow:0 0 0 3px #8ca85424}.field textarea{resize:vertical;min-height:95px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fineprint{color:var(--muted);font-size:12px;line-height:1.6}.inline-alert{background:#f3efdc;padding:14px 15px;border:1px solid #e5dcbf;border-radius:13px;color:#74602d;font-size:13px;line-height:1.65}.success-panel{text-align:center;background:#fffdf4;border:1px solid #dfe6c3;border-radius:27px;padding:35px 22px}.success-icon{width:80px;height:80px;background:#e2edc8;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:36px}.success-panel h2{font:600 36px var(--fred)}.success-panel .ref{border:1px dashed #b1bd84;background:#faf4de;padding:16px;border-radius:12px;font:500 24px var(--fred);margin:16px auto;display:inline-block}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:27px;align-items:start}.order-main{min-width:0}.order-card{background:#fffdf6;border:1px solid #e9e2ce;padding:28px;border-radius:26px;box-shadow:0 15px 32px #2c4e1110}.order-side{position:sticky;top:108px;padding:23px;background:#eff0d8;border-radius:22px;border:1px solid #d7deb5}.order-side h3{font:600 23px var(--fred);margin:8px 0}.order-side p,.order-side li{font-size:13px;color:#60734f;line-height:1.65}.order-side ul{padding-left:20px}.order-mode{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.mode-chip{border:1px solid #d5dbb8;background:transparent;border-radius:30px;padding:9px 12px;font-size:12px;font-weight:900;color:#637b46}.mode-chip.active{background:var(--green);color:white;border-color:var(--green)}.step-track{display:flex;align-items:center;gap:5px;margin-bottom:24px;overflow:hidden}.step-track span{height:7px;border-radius:20px;background:#e4e3cb;flex:1}.step-track span.done{background:#79a342}.order-card h2{font:600 32px/1.15 var(--fred);margin:0 0 9px}.order-card h3{font:600 23px var(--fred);margin:16px 0 10px}.order-card .intro{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.65}.select-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.radio-card{display:block;position:relative;cursor:pointer}.radio-card input{position:absolute;opacity:0;pointer-events:none}.radio-card>span{display:flex;gap:8px;flex-direction:column;background:#fffefa;border:1.7px solid #e5e0d0;border-radius:17px;padding:15px;min-height:90px;transition:border-color .1s,background .1s}.radio-card input:checked+span{border-color:#5e8b2e;background:#eef5d9}.radio-card strong{font:500 18px var(--fred);line-height:1.2}.radio-card small{font-size:12px;color:#677a58;line-height:1.45}.radio-card input:focus-visible+span{outline:3px solid var(--honey);outline-offset:2px}.option-stack{display:flex;flex-direction:column;gap:9px}.option-row{display:flex;gap:12px;align-items:center;background:#fffefa;border:1.5px solid #e8e1d0;border-radius:15px;padding:13px 15px;font-size:14px;font-weight:800;cursor:pointer}.option-row:has(input:checked){background:#edf4d9;border-color:#7f9b49}.option-row input{accent-color:#4e842c;width:17px;height:17px}.step-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px dashed #dadabc;padding-top:23px;margin-top:24px}.step-footer .btn{min-width:135px}.quantity-controls{display:flex;gap:12px;align-items:center}.quantity-controls button{width:39px;height:39px;border:1px solid #c8d2a6;border-radius:12px;background:#f3f5e7;font-weight:900;font-size:20px;color:var(--green)}.quantity-controls strong{min-width:36px;text-align:center;font:600 24px var(--fred)}.ripeness-allocation{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.ripeness-allocation .field{text-align:center;margin:0}.ripeness-allocation input{text-align:center;font-weight:900;font-size:18px}.status-line{font-size:13px;font-weight:900;padding:10px 12px;border-radius:11px;background:#e9f0dc;color:#51742b;margin:14px 0}.status-line.error{background:#fbe8dd;color:#a15022}.order-small{color:#738268;font-size:12px;line-height:1.55}.recommend-box{padding:22px;background:#edf2d9;border-radius:22px;border:1px solid #d7dfa9;margin:16px 0}.recommend-box h3{font:600 35px var(--fred);margin:5px 0;color:#366219}.recommend-box .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.recommend-box .grid div{background:#fffdf4;border-radius:12px;padding:12px;text-align:center}.recommend-box .grid strong{display:block;font:500 22px var(--fred);color:#335c1c}.recommend-box .grid span{display:block;font-size:11px;color:#6f7f5c}.smoothie-choice{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.smoothie-choice .item{border:1px solid #e6e2d1;border-radius:18px;padding:12px;background:#fffefa}.smoothie-choice img{width:100%;height:168px;object-fit:contain;background:#fff1d4;border-radius:12px;mix-blend-mode:multiply}.smoothie-choice h4{font:500 19px var(--fred);margin:10px 0 3px}.smoothie-choice p{font-size:13px;color:#6c7c60;margin:0 0 10px}.smoothie-choice .quantity-controls{justify-content:space-between;gap:6px}.smoothie-choice .quantity-controls button{height:32px;width:32px;font-size:16px}.smoothie-choice .quantity-controls strong{font-size:17px}.order-review{background:#f4f4e7;border-radius:17px;padding:19px;margin:18px 0}.review-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #dbdec8;font-size:14px}.review-line:last-child{border-bottom:0}.review-line span:first-child{color:#617353}.review-line b{text-align:right}.checkbox-line{display:flex;align-items:start;gap:11px;margin-top:15px;font-size:13px;color:#4c6440;line-height:1.6;cursor:pointer}.checkbox-line input{accent-color:var(--green);height:18px;width:18px;margin-top:3px;flex:none}.whatsapp-cta{background:#2b8c45;color:white}.whatsapp-cta:hover{background:#267d3f}.mini-help{display:inline-flex;align-items:center;gap:7px;color:#607d43;font-weight:900;font-size:12px}.flag{display:inline-flex;align-items:center;background:#fff1bb;color:#7b6317;padding:7px 10px;font-size:11px;border-radius:20px;font-weight:900}.promo-banner{background:#eef1d8;border:1px dashed #bccd8d;border-radius:17px;padding:15px;color:#52612f;font-size:13px;line-height:1.6}.no-padding{padding:0}.qa{color:#7f922e;font-size:12px;font-weight:900}.table-lite{width:100%;border-collapse:collapse;font-size:14px}.table-lite td{padding:12px;border-bottom:1px solid #e8e3d8}.table-lite td:last-child{text-align:right;font-weight:900}.back-home{margin-top:25px}.image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.image-strip img{height:260px;object-fit:cover;border-radius:17px;width:100%}.spacer-12{height:12px}.spacer-24{height:24px}.mt-24{margin-top:24px}.mt-36{margin-top:36px}.border-dash{border:1px dashed #aabb86;border-radius:18px;padding:20px}.contact-feature{margin-top:18px}.contact-feature .btn{margin:5px}
@media(max-width:1050px){.desktop-nav{gap:15px;font-size:12px}.hero h1{font-size:66px}.product-photo{height:195px}.footer-inner{grid-template-columns:1.5fr repeat(3,1fr)}}
@media(max-width:830px){.desktop-nav{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:15px}.hero-art{min-height:440px}.hero h1{font-size:54px}.order-entry{min-height:110px;padding:13px}.order-entry strong{font-size:17px}.product-grid{grid-template-columns:repeat(2,1fr)}.review-grid{grid-template-columns:repeat(2,1fr)}.review-tile:last-child{display:none}.footer-inner{grid-template-columns:repeat(2,1fr)}.order-layout{grid-template-columns:1fr}.order-side{position:static;order:2}.contact-strip{grid-template-columns:1fr 1fr}.story-split{gap:25px}.warranty-grid{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(100% - 30px,540px)}.preview-banner{font-size:10px;gap:6px;flex-wrap:wrap;min-height:41px}.preview-desc{font-size:10px}.site-header{height:69px}.brand img{width:112px;height:56px}.small-order{padding:10px 13px;font-size:12px}.menu-toggle{height:39px;width:39px;border-radius:11px}.header-actions{gap:8px}.hero{padding:19px 0 39px}.hero-grid{grid-template-columns:1fr}.hero-topline{font-size:11px}.hero h1{font-size:clamp(43px,11vw,63px);letter-spacing:-1.5px;margin:14px 0 12px}.hero p{font-size:14px;margin-bottom:14px;line-height:1.6}.hero-schedule{font-size:11px;padding:8px 11px;margin-bottom:14px}.hero-options{gap:9px}.order-entry{min-height:106px;border-radius:18px;padding:13px 12px}.order-entry .icon{font-size:22px}.order-entry strong{font-size:16px}.order-entry small{font-size:11px}.order-entry-wide{min-height:76px}.hero-art{min-height:260px;max-height:290px;margin-top:10px}.hero-art-bg{width:66%;max-width:275px}.hero-main-fruit{height:255px;width:auto;max-width:60%;border-radius:130px 130px 90px 90px}.hero-sticker{right:6px;top:10px;padding:11px 12px;font-size:12px;max-width:115px;box-shadow:0 4px 0 #d6a72b}.hero-heart{font-size:60px;bottom:10px;left:10px}.hero-float{bottom:6px;right:1px;font-size:10px;padding:10px}.section{padding:49px 0}.section-sm{padding:34px 0}.section-header{align-items:start}.section-header h2{font-size:35px}.section-header p{font-size:13px}.heading-link{font-size:11px}.eyebrow{font-size:11px}.product-grid{gap:11px}.product-photo{height:168px}.product-content{padding:13px}.product-content h3{font-size:18px}.product-content p{font-size:11px}.price{font-size:20px}.product-content .btn{font-size:12px;padding:10px 6px}.promo-feature{grid-template-columns:1fr}.promo-feature .promo-copy{padding:22px}.promo-feature h3{font-size:27px}.promo-feature img{height:205px}.ripeness-teaser,.two-col,.story-split{grid-template-columns:1fr}.ripeness-teaser img{max-height:460px;object-fit:contain;background:#faf2e2}.date-grid{gap:8px}.date-box{padding:14px 5px}.date-box b{font-size:16px}.date-box small{font-size:10px}.review-grid{grid-template-columns:repeat(2,1fr);gap:10px}.review-tile{padding:7px;border-radius:16px}.review-tile img{height:175px}.review-tile div{padding:8px 5px}.review-tile strong{font-size:14px}.review-tile small{font-size:10px}.contact-strip{grid-template-columns:1fr}.contact-tile{padding:18px}.page-head{padding:40px 0 17px}.page-head h1{font-size:42px}.page-head p{font-size:14px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-card{min-height:auto;border-radius:16px}.gallery-card img{height:210px}.gallery-card span{bottom:8px;left:8px;font-size:10px;padding:6px}.details-grid{grid-template-columns:1fr}.story-image{max-height:380px}.story-image img{max-height:380px}.story-quote{font-size:21px;padding:22px}.warranty-box{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.order-card{padding:19px;border-radius:19px}.order-card h2{font-size:27px}.order-card h3{font-size:22px}.order-side{padding:19px}.step-footer .btn{min-width:0;flex:1;padding:13px 12px;font-size:13px}.step-footer .btn-outline{flex:0.7}.select-cards{gap:8px}.radio-card>span{padding:12px;min-height:82px}.radio-card strong{font-size:15px}.radio-card small{font-size:11px}.ripeness-allocation{gap:8px}.ripeness-allocation .field label{font-size:11px}.ripeness-allocation .field input{padding:10px 4px;font-size:16px}.smoothie-choice{gap:8px}.smoothie-choice .item{padding:9px}.smoothie-choice img{height:135px}.smoothie-choice h4{font-size:16px}.smoothie-choice p{font-size:12px}.recommend-box{padding:17px}.recommend-box .grid div{padding:10px 4px}.recommend-box .grid strong{font-size:19px}.site-footer{margin-top:55px;padding-top:40px}.footer-inner{grid-template-columns:1fr 1fr;gap:21px}.footer-inner>div:first-child{grid-column:1/-1}.footer-inner h4{font-size:16px}.footer-base{flex-direction:column;align-items:start}.image-strip{gap:8px}.image-strip img{height:135px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* ══════════════════════════════════════════════════════════════
   MAMAK ALPUKAT V2 — MOBILE FIRST REFINEMENTS
   Customer approved edits: hero carousel, promo, ordering, images, terms.
   ══════════════════════════════════════════════════════════════ */
.preview-banner{display:none!important}
.brand img{mix-blend-mode:normal!important;background:none!important;object-fit:contain}
.footer-brand img{background:transparent!important;padding:0!important;mix-blend-mode:normal!important;object-fit:contain}
.drawer-head{gap:6px}
.drawer-head span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.drawer-head .drawer-mascot{height:38px;width:auto;max-width:34px;object-fit:contain;display:inline-block}
/* hero photos are intentionally never cropped, so labels/photos remain intact */
.hero-art{min-width:0;isolation:isolate}
.hero-art-bg{z-index:-1}
.hero-art-bg::after{display:none!important}
.hero-carousel{position:relative;width:min(100%,385px);height:min(520px,72vw);max-height:520px;min-height:370px;z-index:1;touch-action:pan-y}
.hero-slides{position:relative;width:100%;height:100%;background:transparent;border-radius:37% 36% 27% 27%;box-shadow:0 22px 32px #3650181e}
.hero-slide{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s;border-radius:inherit;background:#f4ecd6}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.hero-slide img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}
.hero-carousel-nav{position:absolute;bottom:-48px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:16px;z-index:5}
.hero-count{font:700 13px var(--fred);color:var(--green)}
.hero-dots{display:flex;align-items:center;gap:8px}
.hero-dot{height:9px;width:9px;min-width:9px;border:0;padding:0;border-radius:100px;background:#b7c49a;transition:width .2s,background .2s;cursor:pointer}
.hero-dot.is-active{width:26px;background:#4e8728}
.hero-arrow{position:absolute;top:48%;transform:translateY(-50%);z-index:4;background:#fff9e9e8;color:#23531b;width:38px;height:38px;border:1px solid #e9dcb5;border-radius:50%;font-size:29px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 3px 10px #1b301520}
.hero-arrow.prev{left:8px}.hero-arrow.next{right:8px}
.hero-sticker{right:-9px;top:26px;z-index:3}
.hero-heart{left:-10px;bottom:35px;z-index:2;pointer-events:none}
.hero-options .order-entry{min-width:0}
.hero-options .order-entry small{overflow-wrap:anywhere}
.hero-options .order-entry-wide{display:flex;align-items:center;gap:10px}
.entry-arrow{margin-left:auto;font-size:20px;flex:0 0 auto}
.hero-schedule{width:max-content;max-width:100%;line-height:1.4;white-space:normal;overflow-wrap:normal;font-weight:700}
.marquee{white-space:normal!important;overflow:visible!important;padding:12px 0}
.marquee .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;text-align:center}
.marquee span{margin:0!important;font-size:13px;white-space:normal}
/* promo artwork: full portrait poster, never cover/cropped */
.promo-feature.promo-v2{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);align-items:center;gap:0;overflow:hidden;background:#f4e8c8;border-radius:27px;margin-top:24px}
.promo-v2 .promo-visual{display:flex;align-items:center;justify-content:center;min-width:0;padding:20px;background:#fdf2d7}
.promo-v2 .promo-visual img{width:min(100%,430px);height:auto!important;max-height:620px;object-fit:contain!important;object-position:center!important;border-radius:16px;box-shadow:0 6px 24px #59422015}
.promo-v2 .promo-copy{padding:clamp(22px,4vw,56px);min-width:0}
.promo-v2 .promo-copy h3{font:650 clamp(26px,3vw,42px)/1.12 var(--fred);color:var(--green);overflow-wrap:break-word;margin:16px 0}
.promo-v2 .promo-copy p{font-size:15px;line-height:1.8}
.promo-v2 .promo-copy .promo-detail{font-size:12px;opacity:.82}
/* source-derived ripening guide disclaimer */
.ripening-note{border:1px solid #d5dca8;background:#f2f5e5;border-radius:17px;padding:17px 19px;margin:22px 0 24px;color:#335624;line-height:1.6}
.ripening-note strong{display:block;font:600 17px var(--fred);margin-bottom:5px}
.ripening-note p{margin:0;color:#557046;font-size:13px}
.ripeness-teaser>div{min-width:0}
.ripeness-carousel-controls{display:none}
.ripeness-card-copy{padding:20px}
.ripeness-card-copy h3{font:600 24px var(--fred);color:var(--green);margin:0 0 10px}
.ripeness-card-copy p.subtle{line-height:1.55;font-size:14px}
.ripeness-card>img{display:block;width:100%;height:auto;object-fit:contain}
/* testimonials: preserve entire card art and actual written feedback */
.review-preview{align-items:start}
.review-preview .review-tile:last-child{display:block}
.review-complete img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
.review-complete small{display:block;font-size:11px;text-align:center;padding:8px 4px;color:#63804a}
.testimonial-masonry{columns:2;column-gap:22px}
.testimonial-item{display:block;break-inside:avoid;margin-bottom:22px;border:1px solid #e5ddc8;border-radius:20px;background:#fffdf7;overflow:hidden;box-shadow:var(--shadow)}
.testimonial-item img{display:block;width:100%;height:auto;object-fit:contain}
.testimonial-item span{display:block;padding:12px 16px;font-size:13px;color:#526b45;font-weight:800}
/* gallery: preserve content and natural proportions */
.v2-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:19px}
.v2-gallery .gallery-card{min-height:0;display:block;background:#fffcf5}
.v2-gallery .gallery-card img{width:100%;height:auto;object-fit:contain;object-position:center;transition:none;display:block}
.v2-gallery .gallery-card:hover img{transform:none}
.v2-gallery .gallery-card span{position:static;display:block;margin:0;padding:10px 14px;border-radius:0;background:#fffdf6;color:var(--green);font-size:12px}
.warranty-claim-guide{max-width:810px;margin:38px auto 0;border:1px solid #e5ddc6;border-radius:24px;background:#fffdf7;padding:clamp(20px,4vw,38px)}
.warranty-claim-guide h2{font:600 clamp(26px,3vw,36px) var(--fred);margin:0 0 18px;color:var(--green)}
/* orders: always show quantities with explicit units */
.unit-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.unit-option{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;padding:15px 9px;border:1px solid #d9d7bd;border-radius:15px;background:#fffefa;font-weight:900;font-size:14px;color:var(--green);cursor:pointer}
.unit-option.active{border:2px solid #709942;background:#edf4da}
.unit-option input{accent-color:#4f832b;min-width:16px}
.main-quantity{justify-content:flex-start;gap:18px;margin:12px 0}
.main-quantity button{width:44px;height:44px;font-size:23px}
.main-quantity strong{font:600 26px var(--fred);min-width:76px}
.split-input-wrap{display:flex;align-items:center;justify-content:center;border:1px solid #e7e0cd;border-radius:13px;background:#fff;min-width:0;overflow:hidden;padding-right:5px}
.split-input-wrap input{border:0!important;outline-offset:-3px!important;background:transparent!important;min-width:0;width:100%;text-align:center;padding:12px 2px!important;font-size:19px!important;font-weight:900}
.split-input-wrap span{font-size:12px;color:#6d814b;font-weight:900;flex:0 0 auto;margin-left:1px}
.ripeness-allocation .field{min-width:0}
.allocation-notice{border:2px solid #c3a53c;background:#fff4cd;border-radius:16px;padding:16px 17px;margin:22px 0 10px;color:#334a24;line-height:1.65}
.allocation-notice strong{font-size:15px;letter-spacing:.1px;line-height:1.3;display:block}
.allocation-notice p{font-size:14px;margin:7px 0 0;color:#4b603d}
.promo-order{display:grid;grid-template-columns:125px 1fr;align-items:center;gap:16px;background:#fff3d3;border:1px solid #f0d38e;border-radius:18px;overflow:hidden;margin:22px 0 16px}
.promo-order>img{width:100%;height:auto;display:block;object-fit:contain}
.promo-order-info{padding:14px 16px 14px 0}
.promo-order-info strong{font-size:15px;color:var(--green)}
.promo-order-info p{font-size:13px;color:#697750;line-height:1.5}
.promo-order-info small{font-size:12px;color:#7d764d}
.promo-good{font-size:12px;color:#235d18;font-weight:900;background:#ebf5cf;padding:8px;border-radius:8px}
.lead-send-note{background:#eef4dd;border:1px solid #d6e5b5;padding:17px;border-radius:15px;margin:18px 0}
.lead-send-note strong{color:var(--green)}
.lead-send-note p{color:#506548;line-height:1.6;font-size:14px;margin:7px 0 0}
@media (max-width:850px){
 .hero-carousel{min-height:0;height:440px;width:min(100%,330px)}
 .hero-sticker{top:4px;right:4px;font-size:13px;padding:12px}
 .hero-art{min-height:520px!important;max-height:none!important;margin-top:28px}
 .promo-feature.promo-v2{grid-template-columns:1fr}
 .promo-v2 .promo-copy{padding:24px}
 .promo-v2 .promo-visual{padding:18px}
 .promo-v2 .promo-visual img{width:min(100%,425px);max-height:none}
 .ripeness-carousel-wrap{margin:0 -5px}
 .ripeness-cards{display:flex!important;flex-wrap:nowrap;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 5px 15px;scroll-behavior:smooth}
 .ripeness-cards::-webkit-scrollbar{display:none}
 .ripeness-cards .ripeness-card{flex:0 0 80%;max-width:370px;min-width:0;scroll-snap-align:center}
 .ripeness-carousel-controls{display:flex;align-items:center;justify-content:center;gap:13px;margin:10px 0 22px;color:#5c713e}
 .ripeness-carousel-controls button{height:35px;width:35px;border:1px solid #c9d3aa;border-radius:50%;background:#fffdf5;color:var(--green);font-size:22px}
 .ripeness-carousel-controls span{font-size:12px;font-weight:900}
 .ripeness-carousel-controls .swipe-hint{font-weight:700;font-size:11px}
 .v2-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .testimonial-masonry{columns:1}
}
@media (max-width:600px){
 .site-header{height:73px}
 .brand img{width:104px!important;height:58px!important}
 .footer-brand img{width:138px}
 .drawer-head{padding:14px 18px}
 .drawer-head span{font-size:20px}
 .hero-art{min-height:410px!important;max-height:none!important;margin-top:16px;margin-bottom:28px}
 .hero-carousel{width:min(75vw,302px);height:335px;max-height:none;min-height:0}
 .hero-slides{border-radius:38% 39% 30% 28%}
 .hero-art-bg{width:80%!important;max-width:280px!important}
 .hero-sticker{right:2px;top:2px;font-size:11px;max-width:105px}
 .hero-heart{font-size:45px;bottom:20px;left:3px}
 .hero-arrow{width:32px;height:32px;font-size:25px}
 .hero-carousel-nav{bottom:-38px}
 .hero-schedule{font-size:12px;display:block}
 .marquee{padding:12px 0}
 .marquee .wrap{gap:7px 14px;justify-content:center;padding:0}
 .marquee span{font-size:11px;line-height:1.35!important;display:inline-block!important}
 .promo-v2 .promo-copy{padding:21px 22px 27px}
 .promo-v2 .promo-copy h3{font-size:27px}
 .promo-v2 .promo-copy p{font-size:14px}
 .promo-v2 .promo-visual{padding:14px}
 .promo-v2 .promo-visual img{width:100%;height:auto!important;object-fit:contain!important;max-height:none!important}
 .ripeness-cards .ripeness-card{flex-basis:86%}
 .ripeness-card-copy{padding:16px}
 .ripeness-card-copy h3{font-size:24px}
 .review-grid.review-preview{display:flex!important;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:10px;scrollbar-width:thin}
 .review-preview .review-complete{display:block!important;flex:0 0 86%;scroll-snap-align:center}
 .review-preview .review-complete img{height:auto!important}
 .v2-gallery{gap:10px}
 .v2-gallery .gallery-card span{font-size:11px;padding:8px 9px}
 .testimonial-item{margin-bottom:15px}
 .testimonial-item span{font-size:12px;padding:10px 12px}
 .unit-option{font-size:12px;padding:12px 7px;gap:6px}
 .main-quantity strong{font-size:23px}
 .split-input-wrap{padding-right:2px}
 .split-input-wrap input{font-size:15px!important;padding:10px 0!important}
 .split-input-wrap span{font-size:10px}
 .allocation-notice{padding:13px}
 .allocation-notice strong{font-size:13px}
 .allocation-notice p{font-size:12px}
 .promo-order{grid-template-columns:95px minmax(0,1fr);gap:10px}
 .promo-order-info{padding:10px 10px 10px 0}
 .promo-order-info strong{font-size:13px}
 .promo-order-info p{font-size:12px;margin:6px 0}
}
@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}.ripeness-cards{scroll-behavior:auto}}
/* Keep all hero copy and ordering cards inside a narrow phone viewport. */
.hero,.hero .wrap,.hero-grid,.hero-copy,.hero-options,.hero-options .order-entry{min-width:0;max-width:100%}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.hero-copy{overflow-wrap:break-word}
.hero-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.hero-options .order-entry{width:100%;box-sizing:border-box}
.hero-schedule{width:auto;max-width:100%;box-sizing:border-box;overflow-wrap:break-word}
@media (max-width:850px){.hero-grid{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:600px){.hero .wrap{width:calc(100% - 30px)}.hero-copy h1{font-size:clamp(35px,9.5vw,48px)!important}.hero-copy>p{max-width:100%;overflow-wrap:break-word}.hero-options .order-entry{padding:13px 10px}.hero-sticker{right:12px}}

/* V3 — unified order completion / WhatsApp handoff */
.wa-completion{display:flex;flex-direction:column;align-items:stretch;gap:9px;max-width:440px;flex:1 1 320px}
.wa-completion .btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:52px}
.wa-completion-note{color:#506548;line-height:1.55;font-size:13px;margin:0;text-align:center;max-width:440px}
.wa-completion-note strong{color:#244d1a}
@media(max-width:640px){.wa-completion{width:100%;max-width:none;flex:1 1 100%}.wa-completion .btn{width:100%;font-size:16px}.wa-completion-note{font-size:13px;text-align:left;max-width:none}}
/* Keep the single finish button and its instruction together on narrow phones. */
@media(max-width:620px){
  .step-footer:has(.wa-completion){flex-direction:column-reverse;align-items:stretch;gap:13px}
  .step-footer:has(.wa-completion)>.btn-outline{flex:none;align-self:flex-start;min-width:0;width:auto}
  .step-footer:has(.wa-completion) .wa-completion{flex:0 0 auto;min-width:0;max-width:100%}
  .step-footer:has(.wa-completion) .wa-completion-note{padding:0 4px;line-height:1.6}
}
/* Integration candidate — preserve V3 layout, add explicit confirmation states. */
.integration-success{text-align:center;padding:32px 18px}
.integration-success .ref{font-size:clamp(16px,4vw,26px);overflow-wrap:anywhere;margin:18px auto;border:1px solid #d4cfa6;border-radius:14px;padding:12px;max-width:550px}
.integration-success .lead-send-note{text-align:left;margin:24px auto;max-width:620px}
.integration-success .btn{margin:8px auto;max-width:100%}
.integration-lead-complete{padding:clamp(20px,4vw,42px);text-align:center;line-height:1.6}
.integration-lead-complete h3{font-family:var(--fred);color:var(--green);font-size:clamp(24px,3.7vw,34px);margin:12px auto}
.integration-lead-complete p{overflow-wrap:anywhere}
.integration-lead-complete .btn{max-width:100%}
.step-footer button[disabled]{opacity:.55;cursor:wait}
