@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#3c7755;--deep:#244e39;--ink:#263b2e;--cream:#f7f7f0;--line:#dce3d9;--muted:#738073}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif;font-size:15px}button,input,textarea,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b6c975;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}p{line-height:1.8;color:var(--muted)}.announcement{padding:11px 20px;text-align:center;background:var(--green);color:white;font-size:12px;letter-spacing:.5px}header{height:90px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.4px;display:inline-flex;align-items:center;gap:7px}.brand span{color:var(--green);font-size:35px}nav{display:flex;gap:32px;font-size:14px}.cart-button{background:white;border:1px solid var(--line);padding:12px 17px;border-radius:6px;font-size:13px}.cart-button span{background:var(--green);color:white;border-radius:50%;padding:3px 7px;margin-left:10px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:var(--cream);overflow:hidden}.hero-copy{padding:85px 0 50px 12%}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--green)}h1{font-size:clamp(45px,5.3vw,78px);line-height:1.12;letter-spacing:-3.5px;margin:24px 0}h1 em{font-family:Georgia,serif;color:var(--green);font-weight:400} .hero-copy p{font-size:15px;margin-bottom:30px}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--green);color:white;padding:17px 23px;border-radius:5px;font-weight:600;font-size:13px}.button:hover{background:var(--deep)}.button.secondary{background:#eff3ec;color:var(--green)}.hero-note{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:35px;color:var(--muted)}.hero-note span{font-size:25px;color:var(--green)}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 70% 80%,#dae4cc70,transparent 65%)}.hero-art img{width:90%;height:510px;object-fit:contain;z-index:1;transform:rotate(-13deg)}.orbit{position:absolute;width:410px;height:410px;border:1px solid #acbda4;border-radius:50%;background:#e7ebdd}.orbit:after{content:'✧';position:absolute;right:-25px;top:85px;font-size:70px;color:#809867}.art-label{position:absolute;top:35px;font-size:9px;letter-spacing:3px;right:40px}.round-seal{position:absolute;bottom:60px;left:10px;background:#f2ecd9;border:1px dashed #a69e73;outline:7px solid #f2ecd9;width:107px;height:107px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:8px;letter-spacing:1px;transform:rotate(-12deg);z-index:2}.round-seal b{font:italic 19px Georgia}.handwriting{position:absolute;bottom:26px;right:65px;font:italic 19px Georgia;color:#718767}.benefits{display:flex;justify-content:space-between;padding:25px 6%;font-size:12px;border-bottom:1px solid var(--line);gap:20px}.section{padding:75px 6%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-title p{font-size:12px}h2{font-size:35px;letter-spacing:-1.4px;line-height:1.25;margin:15px 0 25px}.toolbar{display:flex;align-items:center;gap:12px;margin:15px 0}.tabs{display:flex;gap:6px;margin-right:auto;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:white;border-radius:50px;padding:10px 19px;font-size:12px}.tabs button.selected{background:var(--green);color:white;border-color:var(--green)}input,textarea,select{padding:12px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);max-width:100%}.toolbar input{width:180px}.toolbar select{font-size:12px}.sample-note{font-size:11px;margin:15px 0 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.product{border:0;text-align:left;padding:0;background:white;color:inherit}.product-visual{position:relative;aspect-ratio:1;background:#f2f3ec;border-radius:8px;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.product:hover img{transform:rotate(-5deg) scale(1.05)}.badge{position:absolute;left:16px;top:16px;background:#fff9;padding:6px 10px;border-radius:3px;font-size:10px}.product-info{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.product-info h3{font-size:17px;margin:0}.product-info b{font-size:13px;color:var(--green)}.product p{font-size:12px;margin:7px 0}.product-bottom{font-size:10px;display:flex;justify-content:space-between;color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;background:#fafaf6}.story-art{background:#e4e9dc;padding:45px 55px;position:relative;border-radius:90px 8px 8px 8px;overflow:hidden}.story-art:after{content:'❧';position:absolute;right:-25px;bottom:-75px;font-size:240px;color:#c1d0b5;transform:rotate(-30deg)}.story-art>span{color:var(--green);font-size:40px}.story-art p{color:var(--deep);font-family:Georgia;font-size:45px;line-height:1.1;margin:30px 0}.story-art em{font-weight:400}.story-art div{font-size:8px;letter-spacing:2px}.story>div>p{font-size:14px;max-width:420px}.text-link{font:inherit;font-size:13px;border:0;padding:0;background:none;color:var(--green);text-decoration:underline;text-underline-offset:5px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:65px}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;list-style:none;font-weight:500;font-size:14px;display:flex;justify-content:space-between;gap:25px}summary:after{content:'+';color:var(--green)}details[open] summary:after{content:'−'}details p{font-size:13px;margin:15px 0 0}.contact-strip{background:#e8eee1;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-strip>span{font:25px Georgia}footer{padding:55px 6% 0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}footer p{font-size:12px;margin-top:12px}footer>div:not(:first-child){display:flex;flex-direction:column;gap:16px;font-size:12px}footer b{font-size:13px}.footer-bottom{grid-column:1/-1;display:flex!important;flex-direction:row!important;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:10px!important}dialog{border:0;border-radius:12px;padding:35px;width:min(850px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #182c2844}dialog::backdrop{background:#172c2377;backdrop-filter:blur(3px)}.close{position:absolute;right:13px;top:9px;border:0;background:none;font-size:29px;color:var(--green)}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.detail img{width:100%;background:var(--cream);border-radius:8px}.detail h2{font-size:29px}.detail p{font-size:13px}.size-options{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.size-options button{border:1px solid var(--line);background:#fff;padding:10px;min-width:45px;border-radius:4px}.size-options button.selected{background:var(--green);color:white}.size-options button:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.detail .button{width:100%;margin-top:10px}.field{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.field.full{grid-column:1/-1}.cart-row{display:grid;grid-template-columns:65px 1fr auto;gap:15px;border-bottom:1px solid var(--line);padding:15px 0;align-items:center}.cart-row img{width:65px}.cart-row p{font-size:12px;margin:3px 0}.cart-row button{border:0;background:#edf2e9;padding:8px}.cart-row input{width:65px}.totals{display:flex;justify-content:space-between;margin:25px 0}.notice{padding:16px;background:#f4f3e8;font-size:12px;line-height:1.7;border-radius:6px}.error{color:#ac3c31;margin:10px 0;font-size:13px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--deep);color:white;padding:14px 22px;border-radius:8px;display:none;z-index:10;font-size:13px}.thumbs{display:flex;gap:5px}.thumbs button{border:1px solid var(--line);background:white;padding:0;width:50px}.admin-wrap{max-width:1200px;margin:0 auto;padding:35px 25px}.admin-nav{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}.admin-nav button{padding:12px 18px;border:1px solid var(--line);background:white;border-radius:5px}.admin-nav button.selected{background:var(--green);color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.stat{padding:25px;background:var(--cream);border:1px solid var(--line);border-radius:8px}.stat b{display:block;font-size:25px;margin-top:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}td,th{padding:15px;text-align:left;border-bottom:1px solid var(--line)}.upload-zone{border:2px dashed #a9bfa7;padding:30px;text-align:center;border-radius:8px;margin:15px 0}.stock-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.stock-grid input{width:100%}.admin-login{max-width:420px;margin:100px auto;padding:30px;background:var(--cream);border-radius:12px}
@media(min-width:1600px){header,.section,.benefits,footer,.contact-strip{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}@media(max-width:800px){header{height:75px;padding:0 5%}.brand{font-size:24px}nav{gap:16px;font-size:12px}.cart-button{font-size:0;padding:10px}.cart-button:before{content:'Keranjang';font-size:12px}.cart-button span{font-size:12px;margin-left:7px}.hero-copy{padding:55px 0 35px 10%}.hero{min-height:440px}h1{letter-spacing:-2px}.hero-art img{height:380px;width:110%;max-width:unset}.orbit{width:280px;height:280px}.hero-copy p{font-size:12px}.hero-note{font-size:9px}.round-seal{width:80px;height:80px;left:0;bottom:40px}.round-seal b{font-size:15px}.handwriting{right:20px;font-size:13px}.art-label{font-size:7px;right:20px}.benefits{flex-wrap:wrap;font-size:10px;justify-content:center;padding:20px}.section{padding:50px 5%}h2{font-size:29px}.section-title p{display:none}.toolbar{flex-wrap:wrap}.tabs{width:100%}.toolbar input{flex:1;width:120px}.grid{grid-template-columns:repeat(2,1fr);gap:25px 15px}.product-info{display:block}.product-info h3{font-size:15px;margin-bottom:5px}.product p{font-size:10px}.badge{left:9px;top:9px;font-size:8px}.story{gap:30px}.story-art{padding:25px}.story-art p{font-size:32px}.story-art div{font-size:6px}.faq{gap:30px}.contact-strip>span{font-size:20px}footer{gap:30px;grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.stock-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){nav a:nth-child(2){display:none}nav{gap:15px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6% 10px}h1{font-size:52px;margin:20px 0}.hero-copy p{font-size:14px}.hero-copy p br{display:none}.hero-note{margin:20px 0;font-size:11px}.hero-art{height:325px}.hero-art img{height:355px;width:100%;transform:rotate(-13deg)}.art-label{top:10px}.round-seal{left:30px;bottom:35px}.handwriting{bottom:10px}.orbit{width:260px;height:260px}.benefits{gap:15px}.benefits span{width:44%}.story,.faq{grid-template-columns:1fr}.story-art{padding:35px}.story-art p{font-size:42px}.story-art div{font-size:8px}.contact-strip{flex-direction:column;text-align:center;padding:30px 5%}.contact-strip>span{font-size:22px}.detail{grid-template-columns:1fr}.detail>div:first-child img{max-height:260px;object-fit:contain}.detail h2{margin:12px 0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}dialog{padding:30px 20px 20px}.tabs button{padding:9px 14px}.footer-bottom{gap:15px!important}.footer-bottom span{max-width:130px;text-align:right}.stats{grid-template-columns:1fr}.stock-grid{grid-template-columns:repeat(3,1fr)}}

/* Compact running banner */
.announcement{padding:0;height:32px;display:flex;align-items:center;overflow:hidden;text-align:left;font-size:11px}.banner-track{display:flex;flex:none;width:max-content;animation:running-banner 24s linear infinite}.banner-group{display:flex;align-items:center;gap:50px;flex:none;min-width:100vw;justify-content:space-around;padding:0 28px;white-space:nowrap}.announcement:hover .banner-track{animation-play-state:paused}@keyframes running-banner{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.banner-track{animation:none}.banner-group{white-space:normal}.banner-group[aria-hidden]{display:none}}
.size-chip{display:inline-block;border:1px solid var(--line);background:#eff4eb;border-radius:5px;padding:10px 12px;margin:4px;font-size:12px}.demo-bar{padding:10px 5%;background:#f4edd7;color:#62512b;font-size:12px;line-height:1.5}.demo-bar button{margin-left:12px;background:white;border:1px solid #d5c79d;padding:5px 9px;border-radius:4px}
.report-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.report-header .tabs{margin-right:0}.stat small{display:block;font-size:11px;color:var(--muted);margin-top:8px}.chart-wrap{background:var(--cream);border:1px solid var(--line);padding:20px 5px;border-radius:8px}.chart-wrap svg{display:block;width:100%;height:auto}.print-small{padding:9px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--green);margin-top:6px;white-space:nowrap}.shipping-label{width:100mm;max-width:100%;min-height:145mm;margin:25px auto;background:white;color:#111;border:1px dashed #aaa;padding:6mm;font-family:Arial,sans-serif}.label-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;border-bottom:2px solid #111;padding-bottom:10px}.tracking-number{font:700 22px Arial!important;overflow-wrap:anywhere;letter-spacing:1px;margin:12px 0!important}.label-order{font-size:11px!important;color:#111}.shipping-label section{border-top:1px solid #111;padding:12px 0}.shipping-label small{display:block;font-size:9px;letter-spacing:1px;margin-bottom:8px}.shipping-label h3{font:700 18px Arial;margin:5px 0}.shipping-label p{font-size:12px;color:#111;line-height:1.5;margin:7px 0;overflow-wrap:anywhere;white-space:pre-line}.shipping-label b,.shipping-label li{font-size:12px}.shipping-label ul{padding-left:16px;margin:4px 0}.bulk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.bulk-card{padding:12px;border:1px solid var(--line);border-radius:6px}.bulk-card img{width:100%;height:140px;object-fit:contain}.button:disabled{opacity:.45;cursor:not-allowed}#demoRole{padding:5px 8px;font-size:12px;margin-left:8px}@media(max-width:550px){.bulk-grid{grid-template-columns:1fr 1fr}.bulk-card{padding:8px}.bulk-card img{height:100px}}@page{size:100mm 150mm;margin:0}@media print{body.printing-label>*:not(#modal){display:none!important}body.printing-label #modal{display:block!important;position:absolute!important;inset:0!important;margin:0!important;width:100%!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}body.printing-label #modal::backdrop{display:none!important}body.printing-label #modal .close,body.printing-label .no-print{display:none!important}.shipping-label{margin:0;width:100mm;min-height:0;border:0;padding:5mm;break-inside:avoid}.shipping-label p{font-size:11px}.shipping-label section{padding:8px 0}}

.hero-art img{width:78%;height:auto;max-height:440px;object-fit:contain;transform:none;border-radius:14px}.hero-art .round-seal{bottom:35px;left:10px}@media(max-width:520px){.hero-art img{width:75%;max-height:300px}.hero-art{height:340px}}
/* Pagination and dedicated FAQ view */
[hidden]{display:none!important}.pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:32px;flex-wrap:wrap}.page-info{font-size:12px;color:var(--muted)}.page-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.page-size{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.page-size select{padding:8px;background:white;font-size:12px}.page-nav{display:flex;gap:5px;align-items:center}.page-nav button{width:35px;height:35px;padding:0;border:1px solid var(--line);border-radius:5px;background:white;color:var(--green);font-size:13px}.page-nav button[aria-current="page"]{background:var(--green);border-color:var(--green);color:white}.page-nav button:disabled{opacity:.35;cursor:not-allowed}.page-gap{font-size:12px;color:var(--muted);padding:0 3px}.faq-tab{min-height:65vh;background:#fafbf6 url('/assets/rustic-paper.svg');position:relative}.faq-tab h2{margin-top:32px;font-size:42px}.faq-tab>div:first-child{background:url('/assets/rustic-sprig.svg') no-repeat left bottom;background-size:130px;min-height:390px}.faq-tab>div:first-child>.eyebrow{display:block;margin-bottom:20px}.faq-tab>div:last-child{background:#ffffffb3;padding:0 24px 20px;border-radius:8px;align-self:start}header nav a[aria-current="page"]{color:var(--green);text-decoration:underline;text-underline-offset:7px}
/* Botanical accents, woven trim and paper texture */
.rustic-paper{background-image:url('/assets/rustic-paper.svg')}.hero{position:relative}.hero-copy,.hero-art{position:relative;z-index:1}.rustic-sprig{position:absolute;pointer-events:none;user-select:none}.hero-sprig{width:145px;height:220px;left:42%;bottom:18px;opacity:.25;transform:rotate(23deg)}.hero-copy:before{content:'';position:absolute;top:40px;left:4%;width:55px;height:75px;background:url('/assets/rustic-wildflower.svg') center/contain no-repeat;opacity:.6;transform:rotate(-20deg)}.hero-art:before{content:'';position:absolute;right:5%;top:52px;width:150px;height:230px;background:url('/assets/rustic-sprig.svg') center/contain no-repeat;transform:rotate(30deg);opacity:.35}.hero-art:after{content:'';position:absolute;top:59px;left:27%;width:94px;height:25px;transform:rotate(-10deg);background:#d3c39c80;border-left:2px dashed #f7f4e7;border-right:2px dashed #f7f4e7;z-index:2;pointer-events:none}.rustic-catalog{position:relative;background:url('/assets/rustic-paper.svg')}.rustic-catalog .section-title:after{content:'';display:block;width:85px;height:100px;background:url('/assets/rustic-wildflower.svg') center/contain no-repeat;opacity:.65;flex:none}.rustic-catalog .section-title p{margin-left:auto}.woven-divider{height:32px;background:#f7f5ec url('/assets/rustic-weave.svg') repeat-x center;border-top:1px solid #e5dfd0;border-bottom:1px solid #e5dfd0}.story-art{isolation:isolate;background-image:url('/assets/rustic-paper.svg');border:1px solid #d1d9c7}.story-art:before{content:'';position:absolute;inset:13px;border:1px dashed #a4b193;border-radius:72px 3px 3px 3px;pointer-events:none}.story-art:after{display:none}.rustic-wildflower{position:absolute;right:-10px;bottom:-20px;width:45%;max-height:80%;opacity:.5;z-index:-1}.rustic-footer{background:#fafaf5 url('/assets/rustic-sprig.svg') no-repeat right 0 bottom 20px;background-size:110px;position:relative}.contact-strip{background-image:url('/assets/rustic-paper.svg')}
@media(max-width:800px){.hero-sprig{left:37%;width:100px;opacity:.18}.hero-copy:before{display:none}.hero-art:after{top:45px;left:22%;width:65px;height:20px}.rustic-catalog .section-title:after{width:60px;height:80px;margin-left:auto}.page-actions{gap:12px}.faq-tab h2{font-size:34px}}
@media(max-width:520px){.pagination{gap:16px;align-items:flex-start}.page-actions{width:100%;justify-content:space-between;gap:8px}.page-nav{gap:3px}.page-nav button{width:29px;height:32px;font-size:12px}.page-size{font-size:10px;gap:5px}.page-size select{padding:7px 5px}.hero-sprig{left:auto;right:-20px;top:160px;bottom:auto;width:100px;opacity:.18}.hero-art:after{top:20px;left:39%;width:80px}.hero-art:before{right:-5%;width:120px;top:15px}.faq-tab>div:first-child{min-height:0;background:none}.faq-tab>div:last-child{padding:0 15px 15px}.faq-tab h2{font-size:32px}.rustic-footer{background-size:80px;background-position:right -25px bottom 40px}.rustic-catalog .section-title:after{width:55px;height:75px}.rustic-wildflower{opacity:.35}}
/* Jepitnation custom collection: consistent motifs and editorial panels */
.custom-campaign{padding:34px 6% 0;background:#fff}.custom-campaign-link{display:grid;grid-template-columns:1.2fr 1fr;min-height:220px;border-radius:12px;overflow:hidden;background:#e9eedf url('/assets/brand-motif.svg');border:1px solid #d9e2ce;position:relative}.campaign-copy{padding:30px 38px;position:relative;z-index:1;background:linear-gradient(90deg,#e9eedff5,#e9eedfbb)}.campaign-copy h2{font-size:32px;line-height:1.15;margin:12px 0;letter-spacing:-1px}.campaign-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.campaign-copy p{font-size:12px;margin:10px 0 17px}.campaign-cta{display:inline-flex;align-items:center;gap:28px;font-size:12px;font-weight:700;color:var(--green);padding-bottom:5px;border-bottom:1px solid #96ad8b}.campaign-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#f4f1dfaa,transparent 65%)}.campaign-art img{width:280px;height:225px;object-fit:contain;transition:transform .3s}.custom-campaign-link:hover .campaign-art img{transform:rotate(-4deg) scale(1.03)}.campaign-art>span{position:absolute;bottom:13px;font-size:8px;letter-spacing:2px;color:#718168}.custom-campaign-link:after{content:'';position:absolute;inset:10px;border:1px dashed #9eb18c77;pointer-events:none;border-radius:5px}.hero-art{background-image:url('/assets/brand-motif.svg');background-size:180px}.hero-art .orbit{background:#e9eddcdd}.benefits{background:#fbfcf8 url('/assets/rustic-paper.svg')}.catalog .product-visual{border:1px solid #e2e6db;box-shadow:0 2px 0 #eff1e9}.product-bottom{padding-top:8px;border-top:1px solid #e6ebe1;margin-top:12px}.custom-announcement{justify-content:center;font-size:10px;letter-spacing:1px;text-align:center;padding:0 15px}.custom-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;background:#f7f7ef url('/assets/rustic-paper.svg');padding-top:45px;padding-bottom:55px;position:relative}.custom-hero h1{font-size:clamp(37px,4.4vw,64px);letter-spacing:-2px;line-height:1.15}.custom-hero h1 em{font-size:.85em}.custom-hero p{font-size:14px;max-width:480px}.breadcrumb{font-size:11px;color:var(--muted)}a.breadcrumb{text-decoration:underline;text-underline-offset:4px}.custom-hero-art{position:relative;background:url('/assets/brand-motif.svg') center center;border-radius:50%}.custom-hero-art img{width:100%;max-height:400px;object-fit:contain}.concept-tag{display:block;text-align:center;color:var(--muted);font-size:8px;letter-spacing:2px;margin:12px 0}.custom-caption{font-size:11px!important;color:var(--muted);margin:18px 0 0;line-height:1.8}.custom-ribbon{padding:22px 6%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--green);border-bottom:1px solid var(--line);background:#eff3e8 url('/assets/rustic-paper.svg')}.custom-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}.custom-option-grid article{padding:30px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 3px 0 #f1f3ec}.option-icon{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid #d4dfca;border-radius:50%;font:23px Georgia;background:#f0f4e9;color:var(--green);margin-bottom:22px}.custom-option-grid h3{font-size:18px;letter-spacing:-.5px}.custom-option-grid p{font-size:13px;margin-bottom:0}.custom-options{background:#fff url('/assets/rustic-paper.svg')}.custom-specs{display:grid;grid-template-columns:1fr 1.6fr;gap:70px;background:#f7f8f2;position:relative}.custom-specs>div:first-child{position:relative}.custom-specs>div:first-child>p{font-size:13px;max-width:270px}.spec-flower{max-height:180px;margin-top:20px;opacity:.6}.spec-panel{background:white;padding:8px 30px;border:1px solid var(--line);border-radius:10px;align-self:start}.spec-row{display:grid;grid-template-columns:125px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.spec-row:last-child{border-bottom:0}.spec-label{font-size:9px;letter-spacing:1.4px;font-weight:700;color:var(--green);line-height:1.8;padding-top:4px}.spec-row h3{font-size:16px;margin:0 0 10px}.spec-row p{font-size:12px;margin:0}.size-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}.size-cards article{border:1px solid var(--line);border-radius:8px;padding:28px;background:#fbfcf8}.size-cards h3{font-size:27px;letter-spacing:-1px;margin:14px 0 20px}.size-chip-row{display:flex;gap:7px;flex-wrap:wrap}.size-chip-row span{background:white;border:1px solid var(--line);border-radius:4px;min-width:40px;padding:10px 11px;text-align:center;font-size:12px}.custom-process{background:#fafaf5 url('/assets/rustic-paper.svg')}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.process-grid article>span{display:block;font:italic 35px Georgia;color:#93a581;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.process-grid h3{font-size:16px}.process-grid p{font-size:12px;margin-bottom:0}.custom-ready{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e9efdf url('/assets/brand-motif.svg')}.custom-ready>div{padding:15px 25px;background:#e9efdfeb;border-radius:8px}.custom-ready h2{margin-bottom:15px}.custom-ready p{font-size:13px;margin-bottom:0}.custom-ready .button{flex:none}.custom-page header .cart-button{white-space:nowrap}
@media(max-width:900px){.campaign-copy{padding:25px}.campaign-copy h2{font-size:29px}.custom-hero{gap:10px}.custom-hero h1{font-size:42px}.custom-option-grid{gap:14px}.custom-option-grid article{padding:22px}.custom-specs{gap:35px;grid-template-columns:.9fr 1.4fr}.spec-row{grid-template-columns:1fr;gap:9px}.size-cards{gap:14px}.size-cards article{padding:20px}.process-grid{grid-template-columns:1fr 1fr}.custom-ready{padding-left:4%;padding-right:4%}}
@media(max-width:650px){body:not(.admin-page) header{height:auto;min-height:80px;padding-top:12px;padding-bottom:0;display:grid;grid-template-columns:1fr auto;row-gap:12px}header nav{grid-column:1/-1;grid-row:2;justify-content:center;border-top:1px solid #edf0e8;padding:13px 0;gap:24px;width:100%;font-size:12px}header nav a:nth-child(2){display:inline}header nav a:nth-child(3)[href="#cerita"]{display:none}.custom-page header .cart-button{font-size:12px}.custom-page header .cart-button:before{content:none}.custom-page header nav{gap:30px}.custom-campaign{padding:22px 5% 0}.custom-campaign-link{grid-template-columns:1.3fr .8fr;min-height:205px}.campaign-copy{padding:25px 5px 25px 22px}.campaign-copy h2{font-size:24px}.campaign-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.campaign-copy p{font-size:11px;max-width:210px}.campaign-cta{font-size:10px;gap:10px}.campaign-art img{width:180px;height:200px;max-width:135%}.campaign-art>span{font-size:6px;letter-spacing:1px;bottom:18px;text-align:center}.custom-hero{grid-template-columns:1fr;padding-top:30px}.custom-hero h1{font-size:41px}.custom-hero-art{max-width:360px;width:100%;margin:10px auto 0}.custom-hero-art img{max-height:280px}.custom-hero .button{gap:14px;font-size:12px}.custom-ribbon{gap:14px;font-size:10px;justify-content:center}.custom-option-grid,.size-cards,.custom-specs{grid-template-columns:1fr}.custom-option-grid article{padding:25px}.custom-option-grid article .option-icon{float:left;margin-right:18px;margin-bottom:12px}.custom-option-grid article p{clear:both}.custom-specs{gap:20px}.spec-flower{display:none}.spec-panel{padding:4px 22px}.size-cards article{padding:25px}.size-cards h3{margin:12px 0 15px}.custom-ready{flex-direction:column;align-items:stretch;padding:35px 5%}.custom-ready>div{padding:15px}.custom-ready .button{align-self:flex-start;margin-left:15px}.custom-ready p br{display:none}.process-grid{gap:25px 20px}.process-grid p{font-size:11px}.custom-announcement{font-size:8px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.custom-campaign-link:hover .campaign-art img{transform:none;transition:none}}
.checkout-items{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px;padding:8px 0}.checkout-items p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;font-size:12px}.checkout-items p>span{margin-left:auto;color:var(--green);font-weight:600}
.payment-page{background:#f7f8f1 url('/assets/rustic-paper.svg')}.payment-wrap{max-width:850px;margin:50px auto;padding:0 25px 60px}.payment-wrap h1{font-size:46px;letter-spacing:-2px}.payment-wrap>p{font-size:13px}.payment-card{background:white;border:1px solid var(--line);border-radius:12px;padding:30px}.payment-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.payment-heading h2{font-size:20px;margin:0;letter-spacing:0;overflow-wrap:anywhere}.payment-badge{padding:7px 12px;background:#edf3e5;border-radius:25px;font-size:11px;color:var(--green)}.payment-total{padding:20px;background:#edf3e5;border-radius:6px;display:flex;justify-content:space-between;gap:15px;margin:20px 0}.payment-total strong{color:var(--green);font-size:21px}.qris-payment{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;align-items:center;margin:30px 0}.qris-payment img{width:100%;max-height:350px;object-fit:contain}.qris-payment p{font-size:12px}.qris-payment .text-link{display:block;margin-top:15px}#paidForm{border-top:1px solid var(--line);padding-top:25px}.payment-page header{display:flex;height:85px;padding-bottom:0;padding-top:0}@media(max-width:550px){.payment-card{padding:22px 18px}.payment-wrap{margin:30px auto;padding:0 15px 35px}.payment-wrap h1{font-size:38px}.qris-payment{grid-template-columns:1fr}.qris-payment img{max-height:280px}.payment-total{flex-direction:column;gap:8px}.payment-page .admin-nav{flex-direction:column;align-items:flex-start}.payment-page header .text-link{font-size:11px}}
/* Custom collection: real photography, paper textures and clear order details. */
[hidden]{display:none!important}.brand-logo{display:block;width:195px;height:auto;max-height:68px;object-fit:contain}.rustic-footer .brand-logo{width:210px;max-height:76px}#socials{display:flex;flex-direction:column;gap:16px}.custom-kicker{margin-top:34px}.custom-photo-hero{grid-template-columns:1.06fr 1fr;gap:65px;padding-top:40px;padding-bottom:65px}.custom-photo-hero h1{font-size:clamp(42px,4.8vw,70px)}.custom-photo-hero strong{color:var(--deep);font-weight:600}.custom-cover{margin:10px 0 0;position:relative;padding:13px 13px 0;background:#fff;border:1px solid #e0e4d8;border-radius:8px;box-shadow:10px 14px 0 #dfe7d566;transform:rotate(1.5deg)}.custom-cover>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:3px}.custom-cover>figcaption{padding:17px 6px 19px;font:italic 17px Georgia;color:var(--deep)}.custom-cover>figcaption>span{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;color:var(--muted);margin-bottom:8px}.custom-cover-note{position:absolute;bottom:-20px;right:-22px;background:#e7eddd;border:1px dashed #a6b898;outline:6px solid #e7eddd;border-radius:50%;padding:24px 18px;transform:rotate(-11deg);font:italic 17px Georgia;text-align:center;color:var(--green)}.custom-cover-note em{font-size:24px}.custom-hero-facts{display:flex;gap:0;margin-top:30px;font-size:11px;flex-wrap:wrap}.custom-hero-facts>span{padding:8px 22px 8px 0;margin-right:22px;border-right:1px solid #ccd8c3;color:var(--muted)}.custom-hero-facts>span:last-child{border:0}.custom-hero-facts b{display:block;font-size:20px;line-height:1.6;color:var(--green)}.strap-dots{gap:4px}.strap-dots i{display:block;width:14px;height:14px;border-radius:50%;background:#202621;border:1px solid #929e8d}.strap-dots i+i{background:white}.custom-color-note{margin:26px 0 0}.custom-gallery{background:#f5f6ed url('/assets/rustic-paper.svg')}.custom-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:28px}.custom-photo-grid figure{margin:0;padding:10px;background:white;border:1px solid #dde3d5;border-radius:7px;box-shadow:0 6px 0 #e6eadd88}.custom-photo-grid figure:nth-child(2){transform:translateY(12px)}.custom-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:3px}.custom-photo-grid figcaption{padding:18px 10px 15px}.custom-photo-grid figcaption span{font-size:8px;letter-spacing:1.8px;color:var(--muted);display:block;margin-bottom:10px}.custom-photo-grid figcaption b{font:italic 22px Georgia;color:var(--deep)}.custom-gallery>.custom-caption{margin-top:30px;max-width:860px}.custom-thickness{margin-top:30px;display:flex;align-items:center;gap:18px;color:var(--green)}.custom-thickness>b{font:italic 84px Georgia;letter-spacing:-5px;line-height:1}.custom-thickness b span{font-size:27px;letter-spacing:-1px;margin-left:4px}.custom-thickness>span{max-width:90px;font-size:10px;letter-spacing:2px;line-height:1.8}.custom-payment{background:#eaf0e2 url('/assets/rustic-paper.svg');display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:50px}.custom-payment>div>p{font-size:13px;max-width:390px}.custom-payment-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.custom-payment-cards article{padding:27px;background:#fff;border:1px solid #d4dfc9;border-radius:8px}.custom-payment-cards article>span{font-size:8px;letter-spacing:1.2px;color:var(--muted)}.custom-payment-cards strong{display:block;font:66px Georgia;color:var(--green);margin:18px 0 15px;letter-spacing:-3px}.custom-payment-cards strong small{font-size:32px}.custom-payment-cards h3{font-size:17px}.custom-payment-cards p{font-size:12px;margin-bottom:0}
@media(max-width:1000px){.custom-photo-hero{gap:35px}.custom-cover-note{right:-8px;font-size:14px;padding:18px 14px}.custom-payment{grid-template-columns:1fr;gap:20px}.custom-payment>div>p{max-width:620px}.custom-photo-grid{gap:16px}.custom-photo-grid figcaption b{font-size:19px}.brand-logo{width:170px}}
@media(max-width:650px){.brand-logo{width:165px;max-height:58px}.custom-photo-hero{grid-template-columns:1fr;gap:25px}.custom-photo-hero h1{font-size:45px}.custom-cover{max-width:410px;margin:0 12px 15px 0}.custom-cover-note{right:-10px;bottom:-14px}.custom-hero-facts{margin-top:22px}.custom-photo-grid{grid-template-columns:1fr;gap:22px;max-width:440px;margin-left:auto;margin-right:auto}.custom-photo-grid figure:nth-child(2){transform:none}.custom-photo-grid figcaption{padding:16px 10px}.custom-payment-cards{gap:12px}.custom-payment-cards article{padding:20px 16px}.custom-payment-cards strong{font-size:56px}.custom-payment-cards h3{font-size:15px}.custom-payment-cards p{font-size:11px}.custom-kicker{margin-top:26px}.custom-thickness{margin-top:20px}.custom-thickness>b{font-size:70px}}
@media(max-width:360px){.custom-payment-cards{grid-template-columns:1fr}.brand-logo{width:145px}.custom-photo-hero h1{font-size:39px}}
/* Editable custom infographic: concise text remains selectable and accessible. */
.custom-infographic{background:#f5f7ef url('/assets/rustic-paper.svg')}.custom-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.custom-info-grid article{position:relative;padding:28px;border:1px solid #d9e3ce;border-radius:12px;background:#fff;box-shadow:0 4px 0 #e4eadc}.custom-info-number{position:absolute;top:20px;right:20px;font-size:10px;letter-spacing:2px;color:#8c9b80}.custom-info-symbol{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:#eaf0e1;border:1px solid #d8e3cb;color:var(--green);font:25px Georgia;margin-bottom:22px}.custom-info-grid h3{font-size:19px;margin-bottom:12px;line-height:1.3}.custom-info-grid p{font-size:13px;margin:0;line-height:1.8}.custom-detail-link{display:inline-block;margin:20px 0 0 20px;font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:5px}.custom-without-photo{grid-template-columns:1fr;text-align:center;padding-top:55px;padding-bottom:55px;background-image:url('/assets/rustic-sprig.svg'),url('/assets/rustic-wildflower.svg'),url('/assets/rustic-paper.svg');background-position:left bottom,right center,center;background-size:140px,150px,auto;background-repeat:no-repeat,no-repeat,repeat}.custom-without-photo>div{max-width:780px;margin:auto}.custom-without-photo h1{font-size:clamp(38px,5vw,64px)}.custom-without-photo p{max-width:600px;margin-left:auto;margin-right:auto}.custom-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 30px}.custom-editor-grid fieldset{min-width:0;border:1px solid var(--line);border-radius:8px;padding:18px;background:#fbfcf8}.custom-editor-grid legend{font-weight:700;color:var(--green);font-size:13px}.custom-editor-grid textarea{min-height:95px;resize:vertical}.custom-editor-photos article{display:grid;grid-template-columns:160px 1fr;gap:25px;align-items:start;border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:16px}.custom-editor-photos article img{width:100%;height:160px;object-fit:contain;background:var(--cream);border-radius:5px}
@media(max-width:850px){.custom-info-grid{grid-template-columns:1fr 1fr}.custom-info-grid article{padding:24px}.custom-without-photo{background-size:90px,90px,auto}}
@media(max-width:520px){.custom-info-grid{grid-template-columns:1fr;gap:14px}.custom-info-grid article{padding:22px 22px 22px 94px;min-height:125px}.custom-info-symbol{position:absolute;left:18px;top:25px;width:54px;height:54px;font-size:22px}.custom-info-number{top:14px;right:14px;font-size:8px}.custom-info-grid h3{font-size:17px;padding-right:18px;margin-bottom:8px}.custom-info-grid p{font-size:12px}.custom-without-photo{background-size:55px,55px,auto}.custom-detail-link{display:block;margin:20px 0 0}.custom-editor-grid{grid-template-columns:1fr}.custom-editor-photos article{grid-template-columns:1fr;gap:10px}.custom-editor-photos article img{height:200px}}

/* Password visibility control: remains a separate non-submit button. */
.password-control{position:relative;display:flex;align-items:center;width:100%}.password-control input{width:100%;padding-right:52px}.password-toggle{position:absolute;right:7px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--green,#52765b);cursor:pointer}.password-toggle:hover{background:#edf2eb}.password-toggle:focus-visible{outline:2px solid #52765b;outline-offset:1px}

/* Explicit action colors prevent navigation styles from turning primary buttons white. */
.admin-nav button{color:var(--ink)}
.admin-nav button.selected,.admin-nav button.button{background:var(--green);color:#fff;border-color:var(--green)}
.admin-nav button.button:hover{background:var(--deep);color:#fff;border-color:var(--deep)}
.admin-nav button.button.secondary{background:#eff3ec;color:var(--deep);border-color:var(--line)}
.admin-nav button.button.secondary:hover{background:#e0e9da;color:var(--deep)}
:root{--muted:#596957}