.pack-composition{color:#173c30;gap:12px;display:grid}.pack-family{background:#f4f8f0;border:1px solid #dce8dd;border-radius:16px;overflow:hidden}.pack-family-fruits{background:#fff6e9;border-color:#f2e3c9}.pack-family-herbes{background:#edf7ef;border-color:#d4e6d6}.pack-family h4{border-bottom:1px solid #173c3010;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.pack-family h4>span{opacity:.65;margin-inline-start:auto;font-size:11px}.pack-family ul{gap:2px;margin:0;padding:6px 12px;list-style:none;display:grid}.pack-family li{border-bottom:1px solid #173c300c;align-items:center;gap:10px;min-width:0;padding:9px 0;display:flex}.pack-family li:last-child{border:0}.pack-thumb{background:#fff;border-radius:11px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.pack-line-copy{flex:1;gap:3px;min-width:0;display:grid}.pack-line-copy strong{overflow-wrap:anywhere;font-size:12px;line-height:1.4}.pack-line-copy>span{color:#486354;font-variant-numeric:tabular-nums;font-size:11px}.pack-line-copy small{color:#a23826;font-size:11px}.pack-line-actions{gap:3px;display:flex}.pack-line-actions button,.pack-quantity button{color:#214e3b;cursor:pointer;background:#fff;border:1px solid #d5e0d6;border-radius:8px;place-items:center;min-width:32px;min-height:32px;display:grid}.pack-line-actions button:hover{background:#fff0db}.pack-quantity{align-items:center;gap:4px;margin-top:3px;display:flex}.pack-quantity input{text-align:center;color:#173c30;background:#fff;border:1px solid #d5e0d6;border-radius:7px;width:60px;min-width:0;padding:5px;font-size:12px}.pack-quantity>span{font-size:11px}.pack-cover{aspect-ratio:16/10;background:#eee9db;position:relative;overflow:hidden}.pack-cover-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:5px;padding:14px 14px 32px;display:grid}.pack-cover-mosaic>div{border-radius:16px;min-height:50px;position:relative;overflow:hidden}.pack-cover-mosaic>span{text-align:center;letter-spacing:.08em;color:#416349;bottom:9px;font-size:10px;position:absolute;inset-inline:0}.pack-shop-card{background:#fffcf5;border:1px solid #e4dfcf;border-radius:24px;transition:box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 8px 24px #173c3009}.pack-shop-body{gap:16px;padding:20px;display:grid}.pack-shop-body h3{color:#143f2d;font-size:20px;font-weight:700;line-height:1.25}.pack-shop-body p{color:#56685a;font-size:12px;line-height:1.65}.pack-shop-price{justify-content:space-between;align-items:center;gap:12px;display:flex}.pack-shop-price strong{color:#173c30;font-size:25px}.pack-shop-button{color:#fff;cursor:pointer;background:#174c35;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 16px;font-size:12px;font-weight:650;display:flex}.pack-shop-button.secondary{color:#71451e;background:#f4ead8}.pack-builder{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:24px;display:grid}.pack-builder-pane{gap:12px;min-width:0;display:grid}.pack-builder-toolbar{flex-wrap:wrap;gap:6px;display:flex}.pack-builder-toolbar button{border:1px solid var(--bi-border,#d5e0d6);border-radius:20px;padding:8px 12px;font-size:12px}.pack-builder-toolbar button[aria-pressed=true]{color:#fff;background:#174c35}.pack-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:570px;padding:2px;display:grid;overflow:auto}.pack-product{border:1px solid var(--bi-border,#ddd);background:var(--bi-surface,#fff);text-align:start;cursor:pointer;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.pack-product>span{flex:1;gap:4px;min-width:0;display:grid}.pack-product strong{overflow-wrap:anywhere;font-size:12px}.pack-product small{color:var(--bi-muted,#536453);font-size:10px}.pack-product[aria-pressed=true]{background:#279568;border-color:#279568}@supports (color:color-mix(in lab, red, red)){.pack-product[aria-pressed=true]{background:color-mix(in srgb,#279568 10%,var(--bi-surface,#fff))}}.pack-product:disabled{opacity:.55;cursor:not-allowed}.pack-builder-total{border:1px solid var(--bi-border,#ddd);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;display:flex}.pack-builder-total strong{margin-inline-start:auto}.pack-builder-preview>summary{cursor:pointer;margin:12px 0;font-size:12px;font-weight:600}.pack-builder-warning{color:#744b15;background:#fff2d8;border:1px solid #edd1a1;border-radius:10px;padding:12px;font-size:12px}.pack-builder-dialog{width:calc(100% - 24px)!important;max-width:1180px!important}.pack-builder button:focus-visible,.pack-shop-card button:focus-visible,.pack-composition button:focus-visible,.pack-composition input:focus-visible{outline-offset:2px;outline:3px solid #d28330}.pack-legacy-line{border:1px solid #dfb96a;border-radius:10px;grid-template-columns:1fr auto;gap:8px;padding:10px;font-size:12px;display:grid}.pack-composition-compact .pack-family ul{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));column-gap:12px}.pack-composition-compact .pack-thumb{width:32px;height:32px}.pack-composition-compact .pack-family li{border:0}.pack-unavailable{opacity:.75}@media (max-width:760px){.pack-builder{grid-template-columns:1fr}.pack-catalog{max-height:320px}.pack-builder-dialog{padding:16px!important}.pack-line-actions{flex-direction:column}.pack-shop-body{padding:16px}.pack-shop-actions{grid-template-columns:1fr}.pack-composition-compact .pack-family ul{grid-template-columns:repeat(2,minmax(0,1fr))}.pack-composition-compact .pack-family li{gap:6px}.pack-quantity input{width:54px}}@media (prefers-reduced-motion:reduce){.pack-shop-card,.pack-shop-card *,.pack-composition *{transition:none!important;animation:none!important}.pack-shop-card:hover{transform:none}}.pack-shop-card{background:#fdfaf0;border:1px solid #e7dfc9;border-radius:22px;flex-direction:column;height:100%;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 8px 24px #173c3008}.pack-shop-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #173c3012}.pack-shop-badge{color:#173c30;letter-spacing:.04em;top:12px;background:#ffffffeb;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:700;position:absolute;inset-inline-start:12px;box-shadow:0 2px 8px #0001}.pack-shop-body{flex-direction:column;flex:1;gap:14px;padding:18px 18px 20px;display:flex}.pack-shop-title{color:#143f2d;letter-spacing:-.01em;font-size:19px;font-weight:800;line-height:1.2}.pack-shop-desc{display:none}.pack-shop-price{border-top:1px solid #ece4cf;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:6px;display:flex}.pack-shop-amount{color:#173c30;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.pack-shop-delta{margin-top:2px;font-size:10px;font-weight:700}.pack-shop-delta.is-up{color:#a23826}.pack-shop-delta.is-down{color:#1d7a4a}.pack-shop-stepper{background:#174c35;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.pack-shop-stepper button{color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;transition:background .15s;display:grid}.pack-shop-stepper button:hover{background:#0f3524}.pack-shop-stepper span{text-align:center;color:#fff;font-variant-numeric:tabular-nums;width:22px;font-size:14px;font-weight:800}.pack-shop-button{color:#fff;cursor:pointer;white-space:nowrap;background:#174c35;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:11px 16px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.pack-shop-button:hover{background:#0f3524}.pack-shop-button.secondary{color:#71451e;background:#f4ead8;min-height:40px}.pack-shop-button.secondary:hover{background:#ece0c8}.pack-shop-button:disabled{opacity:.5;cursor:not-allowed}.pack-shop-actions{grid-template-columns:1fr;gap:8px;display:grid}.pack-composition-compact .pack-family h4{padding:10px 12px}.pack-composition-compact .pack-family ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;padding:4px 12px 10px}.pack-composition-compact .pack-family li{padding:7px 0}.pack-composition .pack-thumb{width:44px;height:44px}.pack-composition .pack-line-actions button{min-width:30px;min-height:30px}.oj-page{color:#143f2d;background:#f7f3e8;min-height:100vh;padding-bottom:48px}.oj-hero{color:#fff;background:#174c35;padding:28px 0 36px}.oj-hero-inner{gap:14px;max-width:920px;margin:0 auto;padding:0 20px;display:grid}.oj-kicker{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800;color:#d9f0e0!important}.oj-hero :is(h1,h2,.oj-title){letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.15;color:#fff!important}.oj-hero p{max-width:38rem;margin:0;font-size:15px;line-height:1.55;color:#eef8f1!important}.oj-hero strong{color:#fff!important}.oj-code{color:#174c35;background:#fff;border:1px solid #eadfca;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;width:fit-content;padding:8px 8px 8px 14px;display:flex}.oj-code span{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:#174c35;font-size:17px;font-weight:800}.oj-code button{color:#fff;cursor:pointer;background:#174c35;border:0;border-radius:12px;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.oj-hero .oj-code{box-shadow:0 8px 20px #0d2a1e33}.oj-wrap{z-index:1;gap:16px;max-width:920px;margin:-18px auto 0;padding:0 16px;display:grid;position:relative}.oj-search{background:#fffcf5;border:1px solid #eadfca;border-radius:22px;flex-wrap:wrap;gap:8px;padding:12px;display:flex;box-shadow:0 10px 28px #173c300c}.oj-search input{background:#fff;border:1px solid #d9ceb4;border-radius:14px;flex:1;min-width:12rem;min-height:48px;padding:0 14px;font-size:15px;font-weight:700}.oj-search button{cursor:pointer;background:#174c35;border:0;border-radius:14px;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:800;display:inline-flex;color:#fff!important}.oj-card{background:#fffcf5;border:1px solid #eadfca;border-radius:24px;overflow:hidden;box-shadow:0 8px 20px #173c300a}.oj-card-body{gap:14px;padding:18px 18px 20px;display:grid}.oj-section{letter-spacing:.16em;text-transform:uppercase;color:#6b7d68;margin:0;font-size:10px;font-weight:800}.oj-now{color:#143f2d;background:#fff;border-bottom:1px solid #eadfca;gap:6px;padding:18px 18px 16px;display:grid}.oj-now span{letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800;color:#1f7a3a!important}.oj-now h2{letter-spacing:-.03em;margin:0;font-size:22px;font-weight:800;color:#174c35!important}.oj-now p{margin:0;font-size:14px;line-height:1.5;color:#4e6354!important}.oj-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:6px 8px 4px;list-style:none;display:grid}.oj-step{text-align:center;justify-items:center;gap:8px;padding:10px 4px 12px;display:grid;position:relative}.oj-step:before{content:"";z-index:0;background:#eadfca;height:3px;position:absolute;top:24px;left:-50%;right:50%}.oj-step:first-child:before{display:none}.oj-step.is-done:before,.oj-step.is-active:before{background:#174c35}.oj-dot{z-index:1;color:#8a9788;background:#fff;border:2px solid #d9ceb4;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:relative}.oj-step.is-done .oj-dot{color:#fff;background:#174c35;border-color:#174c35}.oj-step.is-active .oj-dot{color:#fff;background:#f05a22;border-color:#f05a22;box-shadow:0 0 0 5px #f05a221f}.oj-step small{color:#8a9788;font-size:10px;font-weight:750;line-height:1.25}.oj-step.is-done small,.oj-step.is-active small{color:#174c35}.oj-facts{gap:10px;display:grid}.oj-fact{background:#fff;border:1px solid #eadfca;border-radius:16px;align-items:flex-start;gap:12px;padding:12px;display:flex}.oj-fact svg{color:#174c35;flex-shrink:0;margin-top:2px}.oj-fact strong{font-size:14px;line-height:1.35;display:block}.oj-fact span{color:#6b7d68;margin-top:2px;font-size:12px;display:block}.oj-maps{color:#174c35;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.oj-pack{background:#fffcf5;border:1px solid #eadfca;border-radius:22px;overflow:hidden}.oj-pack .pack-cover{aspect-ratio:16/9}.oj-pack-body{gap:10px;padding:14px;display:grid}.oj-pack-body h3{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.oj-pack-tag{color:#c24e16;letter-spacing:.06em;text-transform:uppercase;background:#fff1e8;border-radius:999px;width:fit-content;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.oj-pack-amount{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.oj-family.pack-family{border-radius:18px}.oj-family .pack-thumb{border-radius:14px;width:48px;height:48px}.oj-qty{color:#174c35;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.oj-totals{border-top:1px solid #eadfca;gap:8px;padding-top:8px;display:grid}.oj-totals p{color:#5c6b5d;justify-content:space-between;gap:12px;margin:0;font-size:14px;display:flex}.oj-totals strong{color:#143f2d;font-variant-numeric:tabular-nums}.oj-totals .oj-grand{color:#143f2d;border-top:1px solid #eadfca;padding-top:6px;font-size:20px;font-weight:800}.oj-actions{gap:8px;display:grid}.oj-btn{cursor:pointer;background:#174c35;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;display:flex;color:#fff!important}.oj-btn.ghost{background:#fff;border:1px solid #d9ceb4;color:#174c35!important}.oj-btn.wa{background:#1ebe5d;color:#fff!important}.oj-error{color:#9b2c1f;background:#fff4f0;border:1px solid #f3d0c4;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.oj-skel{background:linear-gradient(90deg,#efe8d8,#f7f3e8,#efe8d8) 0 0/200% 100%;border-radius:24px;height:180px;animation:1.2s linear infinite oj-shimmer}@keyframes oj-shimmer{to{background-position:-200% 0}}@media (max-width:700px){.oj-steps{grid-template-columns:1fr;padding:4px 12px 12px}.oj-step{text-align:start;grid-template-columns:28px 1fr;justify-items:start;gap:12px;padding:0 0 16px}.oj-step:before{width:3px;height:calc(100% - 12px);inset:28px auto 0 13px}.oj-step:last-child{padding-bottom:4px}.oj-step:last-child:before{display:none}.oj-hero{padding:22px 0 32px}}@media (prefers-reduced-motion:reduce){.oj-skel{animation:none}}
