:root{--paper:#f7f3ec;--paper-2:#fffdf9;--ink:#23211f;--muted:#756f68;--line:#ded7cd;--accent:#a44a32;--accent-dark:#7e3523;--green:#1f9d5a;--shadow:0 18px 50px #31261d1c;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,system-ui,sans-serif}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}a{color:inherit}.shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f3ece6;border-bottom:1px solid #ded7cdb8;justify-content:space-between;align-items:center;gap:18px;padding:16px clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;font-weight:700;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--accent);border-radius:50% 50% 46% 54%;place-items:center;width:38px;height:38px;font-family:Playfair Display,serif;font-size:19px;display:grid}.nav{align-items:center;gap:8px;display:flex}.nav button,.ghost{color:var(--muted);background:0 0;border:0;border-radius:12px;padding:10px 13px}.nav button:hover,.ghost:hover{color:var(--accent);background:#a44a3214}.admin-link{border:1px solid var(--line)!important;color:var(--ink)!important}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(30px,6vw,90px);max-width:1240px;margin:0 auto;padding:clamp(46px,8vw,105px) clamp(20px,4vw,52px) 54px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 15px;font-size:12px;font-weight:700}h1,h2,h3{font-family:Playfair Display,Georgia,serif;line-height:1.05}h1{letter-spacing:-.045em;max-width:720px;margin:0;font-size:clamp(45px,7vw,88px)}.hero-copy>p:not(.eyebrow){max-width:590px;color:var(--muted);margin:24px 0 30px;font-size:clamp(17px,2vw,20px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 18px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--accent);box-shadow:0 10px 24px #a44a3238}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{border-color:var(--line);background:var(--paper-2)}.btn-whatsapp{color:#fff;background:var(--green);box-shadow:0 10px 25px #1f9d5a33}.mobile-whatsapp{display:none}.source-badge{min-height:30px;color:var(--muted);background:#ffffffa6;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-link{border:1px solid var(--line);background:var(--paper-2);min-height:40px;color:var(--ink);border-radius:12px;padding:8px 13px;font-weight:700}.app-loading{min-height:100dvh;color:var(--muted);place-content:center;justify-items:center;gap:12px;display:grid}.load-more{justify-content:center;padding:32px 0 0;display:flex}.admin-access-backdrop{z-index:70}.admin-access{background:var(--paper-2);width:min(460px,100%);box-shadow:var(--shadow);text-align:center;border-radius:26px;padding:42px;position:relative}.admin-access h2{margin:12px 0 14px;font-size:40px}.admin-access>.brand-mark{margin:0 auto 22px}.admin-access p{color:var(--muted);line-height:1.55}.admin-email{border:1px solid var(--line);background:var(--paper);border-radius:12px;margin:18px 0;padding:12px;font-weight:700}.form-message{font-size:13px}.access-ok,.access-warning{border-radius:999px;margin:8px 0;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.access-ok{color:#267343;background:#e7f5eb}.access-warning{color:#8b3f2b;background:#f8e7e2}.editor-shell{text-align:left;width:min(1050px,100% - 32px);height:min(850px,100dvh - 32px);padding:0;overflow:hidden}.editor-shell>.brand-mark,.editor-shell>.eyebrow,.editor-shell>h2{display:none}.editor{height:100%;padding:30px;overflow-y:auto}.editor-header{justify-content:space-between;align-items:start;gap:20px;padding-right:44px;display:flex}.editor-header h2{margin:0 0 6px;font-size:36px}.editor-header span{color:var(--muted);font-size:13px}.editor-tabs{z-index:3;border-block:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9f5;gap:6px;margin:24px -30px;padding:12px 30px;display:flex;position:sticky;top:-30px}.editor-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:9px 14px;font-weight:700}.editor-tabs button.active{color:#fff;background:var(--accent)}.editor-form{gap:18px;max-width:720px;display:grid}.editor-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.editor-form .btn{justify-self:start}.editor-list{gap:10px;display:grid}.editor-item{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:14px;display:grid}.editor-item>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.editor-item span:not(.status){color:var(--muted);font-size:13px}.editor-item-actions{gap:8px;display:flex}.board-editor{grid-template-columns:1fr 1.4fr auto}.editor-search{border:1px solid var(--line);border-radius:12px;width:100%;min-height:46px;margin-bottom:16px;padding:11px 14px;font-size:16px}.editor-notice{z-index:5;color:#fff;background:#24211f;border-radius:999px;width:max-content;max-width:100%;margin:0 0 14px auto;padding:9px 14px;font-size:13px;position:sticky;top:65px}.editor-loading{min-height:300px;color:var(--muted);place-items:center;display:grid}.editor-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.editor-toolbar>div{gap:3px;display:grid}.editor-toolbar span{color:var(--muted);font-size:13px}.editor-create{border:1px solid var(--line);background:var(--paper-2);border-radius:16px;max-width:none;margin-bottom:18px;padding:18px}.order-btn{width:36px;padding-inline:0;font-size:17px}.order-btn:disabled{opacity:.35;cursor:default}.board-membership{border:1px solid var(--line);border-radius:14px;margin:0;padding:16px}.board-membership legend{padding:0 6px;font-weight:750}.board-membership p{color:var(--muted);margin:0 0 12px;font-size:13px}.image-manager{border:1px solid var(--line);border-radius:14px;margin:0;padding:16px}.image-manager legend{padding:0 6px;font-weight:750}.image-manager>p{color:var(--muted);margin:0 0 12px;font-size:13px}.upload-control{color:#fff;background:var(--accent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:9px 14px;font-weight:750;display:inline-flex}.upload-control.disabled{opacity:.55;cursor:default}.upload-control input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.image-manager-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px;margin-top:14px;display:grid}.image-manager-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.image-manager-grid img{aspect-ratio:1;object-fit:cover;background:#eee9e1;width:100%;display:block}.image-manager-grid span{padding:8px 9px 3px;font-size:12px;font-weight:750;display:block}.image-manager-grid article>div{gap:5px;padding:6px;display:flex}.image-manager-grid button{flex:1;padding:6px;font-size:11px}.back-button{justify-self:start;padding-left:0}.hero-collage{min-height:480px;position:relative}.hero-card{border:8px solid var(--paper-2);box-shadow:var(--shadow);background:#ddd;border-radius:26px;position:absolute;overflow:hidden}.hero-card img{object-fit:cover;width:100%;height:100%}.hero-card:first-child{inset:0 26% 15% 0;transform:rotate(-4deg)}.hero-card:nth-child(2){inset:25% 0 0 43%;transform:rotate(5deg)}.hero-card:nth-child(3){width:42%;height:40%;top:0;right:0;transform:rotate(2deg)}.content{max-width:1240px;margin:0 auto;padding:48px clamp(20px,4vw,52px) 110px}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.section-head h2{margin:0 0 6px;font-size:clamp(32px,5vw,52px)}.section-head p{color:var(--muted);margin:0}.board-row{scrollbar-width:thin;gap:12px;padding:2px 2px 18px;display:flex;overflow-x:auto}.board-chip{border:1px solid var(--line);background:var(--paper-2);color:var(--muted);border-radius:999px;flex:none;padding:11px 17px;font-weight:600}.board-chip.active,.board-chip:hover{border-color:var(--accent);color:#fff;background:var(--accent)}.gallery{columns:4 230px;column-gap:18px}.card{break-inside:avoid;border-radius:var(--radius);background:var(--paper-2);cursor:pointer;margin-bottom:18px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 8px 26px #31261d12}.card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card img{width:100%;aspect-ratio:var(--ratio,4/5);object-fit:cover;background:#e6dfd5}.card-body{padding:15px 16px 18px}.card h3{margin:0 0 8px;font-size:21px}.meta{color:var(--muted);justify-content:space-between;gap:10px;font-size:13px;display:flex}.price{color:var(--accent);font-weight:700}.empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);padding:70px 20px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#1c1814a6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--paper-2);border-radius:28px;grid-template-columns:1fr 1fr;width:min(960px,100%);max-height:90vh;display:grid;position:relative;overflow:auto;box-shadow:0 30px 90px #0000004d}.modal-image{object-fit:cover;background:#e8e0d6;width:100%;height:100%;min-height:520px}.product-media{background:#e8e0d6;min-width:0}.product-media .modal-image{height:calc(100% - 88px)}.thumb-strip{background:var(--paper-2);gap:9px;height:88px;padding:10px 14px;display:flex;overflow-x:auto}.detail-thumb{background:#eee;border:2px solid #0000;border-radius:10px;flex:0 0 62px;width:62px;padding:0;overflow:hidden}.detail-thumb.active{border-color:var(--accent)}.detail-thumb img{object-fit:cover;width:100%;height:100%}.modal-copy{flex-direction:column;justify-content:center;padding:clamp(28px,5vw,60px);display:flex}.modal-copy h2{margin:0 0 12px;font-size:clamp(34px,5vw,54px)}.modal-copy p{color:var(--muted);line-height:1.7}.modal-copy .price{margin:8px 0 22px;font-size:22px}.close{z-index:2;background:#ffffffe6;border:0;border-radius:50%;width:42px;height:42px;font-size:24px;position:absolute;top:14px;right:14px;box-shadow:0 5px 18px #0000001f}.admin{background:#f4f1eb;min-height:100vh}.admin-header{color:#fff;background:#24211f;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(18px,4vw,50px);display:flex}.admin-header .brand-mark{background:var(--accent)}.admin-wrap{grid-template-columns:220px minmax(0,1fr);max-width:1400px;margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--line);min-height:calc(100vh - 75px);padding:28px 16px}.side-btn{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;border-radius:12px;margin-bottom:7px;padding:12px 14px;font-weight:600}.side-btn.active,.side-btn:hover{background:var(--paper-2);color:var(--accent)}.admin-main{min-width:0;padding:clamp(24px,4vw,52px)}.admin-title{margin:0 0 8px;font-size:clamp(34px,5vw,54px)}.lead{color:var(--muted);margin:0 0 30px}.panel{border:1px solid var(--line);background:var(--paper-2);border-radius:20px;padding:clamp(20px,3vw,32px);box-shadow:0 7px 22px #31261d0a}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;outline:none;padding:12px 13px}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a44a321a}.field textarea{resize:vertical;min-height:105px}.form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.list{gap:12px;display:grid}.list-item{border:1px solid var(--line);background:var(--paper-2);border-radius:16px;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:12px;display:grid}.thumb{object-fit:cover;background:#e5ded4;border-radius:12px;width:64px;height:64px}.list-item h3{margin:0 0 4px;font-family:inherit;font-size:16px}.list-item p{color:var(--muted);margin:0;font-size:13px}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px}.danger{color:#a7352c}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.status{color:#267343;background:#e7f5eb;border-radius:999px;margin-top:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.status.hidden{color:#777;background:#eeeae4}.check-grid{flex-wrap:wrap;gap:10px;display:flex}.check{border:1px solid var(--line);border-radius:10px;align-items:center;gap:7px;padding:9px 11px;display:flex}.upload-preview{object-fit:cover;border-radius:14px;max-width:180px;max-height:180px;margin-top:10px}.hint{color:var(--muted);font-size:12px}.toast{z-index:100;opacity:0;pointer-events:none;color:#fff;box-shadow:var(--shadow);background:#24211f;border-radius:999px;padding:12px 18px;transition:all .25s;position:fixed;bottom:26px;left:50%;transform:translate(-50%,30px)}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:780px){.topbar{padding:10px 14px}.brand{gap:8px;font-size:14px}.brand-mark{width:34px;height:34px;font-size:15px}.nav{gap:4px}.nav .ghost,.nav button:not(.admin-link){display:none}.admin-link{min-height:40px;padding:8px 11px!important}.source-badge{display:none}.hero{grid-template-columns:1fr;gap:26px;padding:38px 18px 32px}h1{font-size:clamp(43px,13vw,62px)}.hero-copy>p:not(.eyebrow){margin:18px 0 22px;font-size:16px;line-height:1.55}.hero-actions{grid-template-columns:1fr 1fr;display:grid}.hero-actions .btn{padding-inline:12px}.hero-collage{min-height:270px;margin-inline:8px}.hero-card{border-width:5px;border-radius:18px}.content{padding:30px 14px 104px}.section-head{flex-direction:column;align-items:start}.section-head h2{font-size:36px}.section-head>span{color:var(--muted);font-size:13px}.board-row{z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;background:#f7f3ecf2;margin-inline:-14px;padding:10px 14px 12px;position:sticky;top:55px}.board-row::-webkit-scrollbar{display:none}.board-chip{min-height:44px;padding:10px 15px}.gallery{columns:2 145px;column-gap:12px}.card{border-radius:16px;margin-bottom:12px}.card:hover{transform:none}.card-body{padding:12px}.card h3{font-size:17px}.meta{flex-direction:column;gap:3px}.modal-backdrop{background:var(--paper-2);padding:0;display:block}.modal{width:100%;height:100dvh;max-height:none;box-shadow:none;padding-bottom:calc(92px + env(safe-area-inset-bottom));border-radius:0;display:block;overflow-y:auto}.modal-image{object-fit:contain;width:100%;height:min(56dvh,520px);min-height:0;max-height:none}.product-media .modal-image{height:min(56dvh,520px)}.thumb-strip{height:78px;padding:8px 12px}.detail-thumb{flex-basis:58px;width:58px}.modal-copy{padding:24px 18px 18px}.modal-copy h2{font-size:38px}.modal-copy p{line-height:1.55}.modal-copy .btn-whatsapp{z-index:4;left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));min-height:54px;position:fixed}.close{right:12px;top:calc(10px + env(safe-area-inset-top));position:fixed}.mobile-whatsapp{z-index:18;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));color:#fff;background:var(--green);border-radius:999px;align-items:center;gap:8px;min-height:50px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;box-shadow:0 12px 30px #145a344d}.admin-wrap{grid-template-columns:1fr}.admin-header{padding:12px 14px}.admin-header .brand span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:155px;overflow:hidden}.admin-header .btn{min-height:40px;padding:8px 12px;font-size:13px}.sidebar{border-right:0;border-bottom:1px solid var(--line);gap:6px;min-height:auto;padding:12px;display:flex;overflow-x:auto}.side-btn{flex:none;width:auto;margin:0}.admin-main{padding:24px 14px 60px}.toolbar{flex-direction:column;align-items:stretch}.toolbar .btn{width:100%}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.panel{padding:18px 14px}.field input,.field textarea,.field select{min-height:46px;font-size:16px}.list-item{grid-template-columns:52px 1fr}.thumb{width:52px;height:52px}.row-actions{grid-column:1/-1;justify-content:stretch}.row-actions button{flex:1}.form-actions{z-index:3;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffdf9f5;margin:22px -14px -18px;position:sticky;bottom:0}.form-actions .btn{flex:1}.admin-access-backdrop{background:#1c18148c;place-items:end center;display:grid}.admin-access{width:100%;padding:38px 20px calc(28px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.admin-access h2{font-size:34px}.editor-shell{border-radius:0;width:100%;height:100dvh;max-height:none}.editor{padding:20px 14px calc(30px + env(safe-area-inset-bottom))}.editor-header{padding-right:34px}.editor-header h2{font-size:29px}.editor-header .ghost{padding-inline:6px;font-size:12px}.editor-tabs{margin:18px -14px;padding:10px 14px;top:-20px;overflow-x:auto}.editor-tabs button{flex:1 0 auto}.editor-form-grid,.editor-item,.board-editor{grid-template-columns:1fr}.editor-item-actions{width:100%}.editor-item-actions button{flex:1}.editor-form .btn{width:100%}.editor-toolbar{flex-direction:column;align-items:stretch}.editor-toolbar .btn{width:100%}}@media (max-width:380px){.gallery{columns:1}.hero-actions{grid-template-columns:1fr}.hero-collage{min-height:235px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}