.shopping-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:56px 0 88px}.shopping-hero{max-width:860px;margin-bottom:34px}.shopping-hero h1{max-width:780px;margin:14px 0 18px;font-family:"Manrope",sans-serif;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.98;letter-spacing:-.055em;color:#173f35}.shopping-hero h1 em{font-style:normal;color:#60a52f}.shopping-hero>p{max-width:760px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7;color:#49655d}.shopping-trust{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:24px 0 0;list-style:none;color:#365c50;font-weight:700}.shopping-tool{padding:clamp(22px,5vw,48px);border:1px solid rgba(34,83,69,.16);border-radius:32px;background:#fff;box-shadow:0 28px 80px rgba(35,69,57,.09)}.shopping-tool-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.shopping-tool h2{margin:5px 0 0;font-family:"Manrope",sans-serif;font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:-.04em;color:#173f35}.shopping-limit{display:grid;gap:7px;min-width:270px;color:#2b5146;font-weight:800}.shopping-limit small{font-weight:500;color:#70857e}.money-input{display:flex;align-items:center;border:1px solid #c9d8d2;border-radius:14px;background:#fbfcf8;overflow:hidden}.money-input>span{padding:0 0 0 14px;color:#507065}.money-input input{width:100%;min-width:0;padding:12px 14px 12px 8px;border:0;background:transparent;font:700 1rem "DM Sans",sans-serif;color:#173f35;outline:0}.money-input:focus-within{border-color:#60a52f;box-shadow:0 0 0 3px rgba(96,165,47,.14)}.shopping-table-wrap{overflow-x:auto}.shopping-table{width:100%;border-collapse:separate;border-spacing:0 10px}.shopping-table th{padding:0 12px 6px;text-align:left;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#6e827b}.shopping-table th:nth-child(2){width:170px}.shopping-table th:nth-child(3){width:230px}.shopping-table th:last-child{width:46px}.shopping-table td{padding:10px 12px;background:#f5f7f1;border-top:1px solid #e1e8e2;border-bottom:1px solid #e1e8e2}.shopping-table td:first-child{border-left:1px solid #e1e8e2;border-radius:14px 0 0 14px}.shopping-table td:last-child{border-right:1px solid #e1e8e2;border-radius:0 14px 14px 0}.shopping-table input{width:100%;padding:10px 11px;border:1px solid transparent;border-radius:10px;background:#fff;font:600 1rem "DM Sans",sans-serif;color:#173f35;outline:0}.shopping-table input:focus{border-color:#60a52f;box-shadow:0 0 0 3px rgba(96,165,47,.13)}.shopping-budget{display:flex;align-items:center;gap:5px;color:#557169;font-weight:700}.shopping-budget input{min-width:0}.remove-row{width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#9a4a3e;font-size:1.25rem;cursor:pointer}.remove-row:hover,.remove-row:focus-visible{background:#fbe8e3;outline:0}.shopping-add{display:inline-flex;align-items:center;gap:8px;margin:12px 0 28px;padding:11px 16px;border:1px dashed #77aa56;border-radius:12px;background:#f5faef;color:#35681f;font:800 .92rem "DM Sans",sans-serif;cursor:pointer}.shopping-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shopping-summary>div{display:grid;gap:5px;padding:22px;border-radius:20px;background:#183f35;color:#fff}.shopping-summary span{font-size:.88rem;font-weight:700;opacity:.82}.shopping-summary strong{font-family:"Manrope",sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em}.shopping-summary small{opacity:.76}.shopping-summary .budget-status{background:#eef3ea;color:#24493f}.shopping-summary .budget-status.is-safe{background:#e9f6df;color:#285b20}.shopping-summary .budget-status.is-over{background:#fff0eb;color:#8b382a}.shopping-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px}.shopping-secondary{border:1px solid #b9ccc4;background:#fff;color:#275447}.shopping-clear{margin-left:auto;padding:10px 3px;border:0;background:transparent;color:#9a4a3e;font:700 .9rem "DM Sans",sans-serif;cursor:pointer}.shopping-privacy{margin:16px 0 0;color:#70857e;font-size:.85rem}.shopping-how{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,7vw,90px);align-items:start;padding:70px 0 0}.shopping-how h2{margin:10px 0 0;font-family:"Manrope",sans-serif;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.04em;color:#173f35}.shopping-how ol{display:grid;gap:12px;padding:0;margin:0;list-style:none;counter-reset:steps}.shopping-how li{position:relative;display:grid;gap:4px;padding:18px 20px 18px 64px;border:1px solid #dce7df;border-radius:18px;background:#fff;counter-increment:steps}.shopping-how li:before{content:counter(steps);position:absolute;left:18px;top:17px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dff0cf;color:#35681f;font-weight:800}.shopping-how strong{color:#244d41}.shopping-how span{color:#677c75;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.shopping-page{width:min(100% - 24px,1180px);padding-top:34px}.shopping-hero h1{font-size:clamp(2.25rem,12vw,3.8rem)}.shopping-tool{padding:18px 14px;border-radius:22px}.shopping-tool-head{display:grid;align-items:stretch}.shopping-limit{min-width:0}.shopping-table thead{display:none}.shopping-table,.shopping-table tbody,.shopping-table tr,.shopping-table td{display:block;width:100%}.shopping-table tr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 48px 16px 12px;margin-bottom:12px;border:1px solid #e1e8e2;border-radius:16px;background:#f5f7f1}.shopping-table td{padding:0;border:0!important;border-radius:0!important;background:transparent}.shopping-table td:first-child{grid-column:1/-1}.shopping-table td:before{display:block;margin:0 0 5px 3px;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#70857e}.shopping-table td:nth-child(1):before{content:"Nama barang"}.shopping-table td:nth-child(2):before{content:"Jumlah"}.shopping-table td:nth-child(3):before{content:"Bujet"}.shopping-table td:last-child{position:absolute;top:15px;right:8px}.shopping-summary{grid-template-columns:1fr}.shopping-actions{display:grid;grid-template-columns:1fr 1fr}.shopping-actions .button{justify-content:center;text-align:center}.shopping-clear{grid-column:1/-1;margin:2px auto 0}.shopping-how{grid-template-columns:1fr;padding-top:54px}.shopping-trust{display:grid}.shopping-privacy{text-align:center}}
@media print{.site-header,.shopping-hero,.shopping-add,.shopping-actions,.shopping-privacy,.shopping-how,footer{display:none!important}.shopping-page{width:100%;padding:0}.shopping-tool{padding:0;border:0;box-shadow:none}.shopping-table input,.money-input input{border:0!important}.shopping-table td{background:#fff}.shopping-summary{break-inside:avoid}}
.shopping-pdf-share{border:1px solid #35681f;background:#eaf6df;color:#285b20}.pdf-status{min-height:1.35em;margin:14px 0 0;font-size:.88rem;font-weight:700;color:#5e766e}.pdf-status.is-success{color:#2f7024}.pdf-status.is-warning{color:#97621d}.pdf-status.is-error{color:#9a3f32}.shopping-privacy{margin-top:10px}
@media(max-width:760px){.shopping-actions .button{min-height:54px}.pdf-status{text-align:center}}
@media print{.pdf-status{display:none!important}}
.shopping-list-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 28px}.shopping-list-controls .shopping-add{margin:0}.shopping-list-controls .shopping-clear{display:inline-flex;align-items:center;gap:7px;margin:0;padding:11px 16px;border:1px solid #e6bcb4;border-radius:12px;background:#fff7f4;color:#91483c;font:800 .92rem "DM Sans",sans-serif}.shopping-list-controls .shopping-clear:hover,.shopping-list-controls .shopping-clear:focus-visible{border-color:#c87565;background:#fbe8e3;outline:0}
@media(max-width:760px){.shopping-list-controls{display:grid;grid-template-columns:1fr 1fr}.shopping-list-controls button{min-height:54px;justify-content:center;text-align:center}.shopping-list-controls .shopping-clear{grid-column:auto}}
@media print{.shopping-list-controls{display:none!important}}