:root{--bg:#f8f9fa;--surface:#fff;--surface-soft:#f0f1f2;--ink:#191c1d;--muted:#5e5e5e;--gold:#f39223;--gold-dark:#8d4f00;--gold-soft:#ffdcc0;--black:#252525;--line:#dac2af;--green:#25d366;--danger:#ba1a1a;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1180px,100% - 32px);margin:0 auto}.topbar{z-index:200;background:var(--surface);position:sticky;top:0;box-shadow:0 2px 14px #00000014}.brand-row{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.logo{object-fit:contain;width:auto;height:58px}.nav{background:var(--gold);color:#fff}.nav-inner{scrollbar-width:none;gap:26px;padding:12px 0;display:flex;overflow-x:auto}.nav-inner::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;font-weight:700}.dropdown-menu{background:var(--surface);border-radius:var(--radius);z-index:300;min-width:160px;overflow:hidden;box-shadow:0 8px 24px #0000002e}.dropdown-menu a{color:var(--ink);white-space:nowrap;padding:11px 16px;font-weight:700;display:block}.dropdown-menu a:hover{background:var(--gold-soft);color:var(--gold-dark)}.whatsapp,.primary-btn,.ghost-btn,.danger-btn{border-radius:var(--radius);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.whatsapp{background:var(--green);color:#fff;border-radius:999px;min-height:38px;padding:8px 16px;font-size:15px;animation:1.8s ease-in-out infinite whatsappPulse;box-shadow:0 8px 20px #25d36640}.primary-btn{background:var(--gold);color:#2d1600;box-shadow:0 10px 24px #f3922338}.ghost-btn{background:var(--surface-soft);color:var(--ink)}.danger-btn{color:var(--danger);background:#ffe8e5}.whatsapp:hover,.primary-btn:hover,.ghost-btn:hover,.danger-btn:hover{transform:translateY(-1px)}@keyframes whatsappPulse{0%,to{box-shadow:0 0 #25d36661,0 8px 20px #25d36640}60%{box-shadow:0 0 0 12px #25d36600,0 8px 20px #25d36640}}.hero{padding:32px 0 74px}.hero-grid{grid-template-columns:minmax(140px,1fr) minmax(0,2.4fr) minmax(140px,1fr);align-items:stretch;gap:20px;display:grid}.promo-card,.slider-card{border-radius:var(--radius);background:var(--black);min-height:390px;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000024}.promo-card img,.slide img,.product-image img,.work-item img,.form-preview img{object-fit:cover;width:100%;height:100%}.slide{opacity:0;z-index:1;animation:30s infinite fadeSlide;display:block;position:absolute;inset:0}.slide:nth-child(2){animation-delay:5s}.slide:nth-child(3){animation-delay:10s}.slide:nth-child(4){animation-delay:15s}.slide:nth-child(5){animation-delay:20s}.slide:nth-child(6){animation-delay:25s}.slide-label{color:#fff;text-align:center;pointer-events:none;background:linear-gradient(#0000 0%,#000000b8 100%);padding:28px 20px 14px;font-size:18px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.hero-copy{text-align:center;color:#fff;background:linear-gradient(#0000002e,#0000008c);place-items:center;padding:32px;display:grid;position:absolute;inset:0}.hero-copy h1{margin:0 0 14px;font-size:clamp(34px,5vw,64px);line-height:1.05}.hero-copy p{color:#ffe7cc;max-width:560px;margin:0 auto 24px;font-size:19px}@keyframes fadeSlide{0%,15%{opacity:1;z-index:2}16%,to{opacity:0;z-index:1}}.section{padding:72px 0}.section.alt{background:var(--surface-soft)}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.section-title{margin:0;font-size:clamp(26px,3vw,38px)}.section-subtitle{color:var(--muted);margin:8px 0 0}.search{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:min(330px,100%);padding:12px 14px}.category-strip{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.category-pill{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:16px 12px;font-weight:800;box-shadow:0 10px 24px #0000000f}.product-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.two-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.product-card{background:var(--surface);border-radius:var(--radius);border:1px solid #e2e2e2;overflow:hidden;box-shadow:0 10px 24px #0000000f}.product-image{aspect-ratio:1;background:#e7e8e9;position:relative;overflow:hidden}.product-image img{transition:transform .35s}.product-card:hover img{transform:scale(1.06)}.order-overlay{color:#fff;text-align:center;background:#8d4f00eb;padding:14px;font-weight:800;transition:transform .25s;position:absolute;inset:auto 0 0;transform:translateY(100%)}.product-card:hover .order-overlay{transform:translateY(0)}.product-body{padding:16px}.product-body h3{margin:0;font-size:19px}.carousel{overflow:hidden}.work-track{gap:16px;width:max-content;animation:22s linear infinite marquee;display:flex}.work-item{border-radius:var(--radius);background:#fff;border:1px solid #e2e2e2;flex:none;width:280px;height:340px;overflow:hidden}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer{color:#f0f1f2;background:#252525;padding:56px 0 22px}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:28px;display:grid}.footer h3,.footer h4{color:#ffdcc0;margin-top:0}.footer p,.footer li{color:#d9dadb}.footer ul{padding:0;list-style:none}.social-links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.social-links a{color:#fff;border:1px solid #6b6b6b;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:800;transition:background .2s,border-color .2s}.social-links a:hover{background:var(--gold);border-color:var(--gold);color:#2d1600}.copyright{text-align:center;color:#c6c6c6;border-top:1px solid #555;margin-top:28px;padding-top:20px}.page-shell{padding:44px 0 78px}.form-card,.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 34px #00000014}.form-preview{background:var(--surface-soft);border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:22px;padding:24px;display:grid}.form-preview-image{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.form{padding:28px}.fields{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.field{gap:7px;display:grid}.field.full{grid-column:1/-1}.field label{color:#544435;font-weight:800}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;min-height:44px;padding:11px 12px}.field textarea{min-height:120px}.form-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.notice{color:#116c36;border-radius:var(--radius);background:#ecfff4;border:1px solid #a5e7c1;margin-bottom:18px;padding:12px 14px}body.reveal-ready [data-animate]{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.75,.2,1);transition-delay:var(--reveal-delay,0s)}body.reveal-ready [data-animate=rise]{transform:translateY(34px)}body.reveal-ready [data-animate=slide-left]{transform:translate(42px)}body.reveal-ready [data-animate=slide-right]{transform:translate(-42px)}body.reveal-ready [data-animate=zoom]{transform:scale(.94)}body.reveal-ready [data-animate=tilt]{transform:translateY(24px)rotate(-1.8deg)}body.reveal-ready [data-animate=float]{transform:translateY(28px)scale(.98)}body.reveal-ready [data-animate=wipe]{transform:translate(0)}body.reveal-ready [data-animate].is-visible{opacity:1;transform:none}@keyframes wipe-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}body.reveal-ready [data-animate=wipe].is-visible{animation:.75s forwards wipe-in;animation-delay:var(--reveal-delay,0s)}.order-hero{grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.order-panel,.order-summary,.form-section{background:var(--surface);border-radius:var(--radius);border:1px solid #e8ddd5;box-shadow:0 16px 36px #00000012}.order-summary{align-self:start;padding:18px;position:sticky;top:124px}.order-summary-image{aspect-ratio:1;border-radius:var(--radius);background:var(--surface-soft);border:1px solid #e4dfda;max-width:220px;margin:0 auto;overflow:hidden}.order-summary-image img{object-fit:cover;width:100%;height:100%}.order-summary h1{margin:18px 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.18}.order-summary p{color:var(--muted);margin:0}.order-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.order-tags span{background:var(--gold-soft);color:var(--gold-dark);border-radius:999px;padding:7px 10px;font-size:13px;font-weight:800}.order-panel{padding:26px}.order-intro{border-bottom:1px solid #eaded3;justify-content:space-between;align-items:end;gap:18px;padding-bottom:22px;display:flex}.order-intro h2{margin:0 0 8px;font-size:clamp(26px,3vw,38px)}.order-intro p{color:var(--muted);margin:0}.step-badge{color:#2d1600;background:linear-gradient(135deg, var(--gold), #ffcf96);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-weight:900;display:grid;box-shadow:0 10px 20px #f392233d}.form-section{box-shadow:none;margin-top:18px;padding:20px}.form-section-title{align-items:center;gap:10px;margin:0 0 16px;font-size:18px;display:flex}.form-section-title span{background:var(--black);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field.enhanced input,.field.enhanced select,.field.enhanced textarea{background:linear-gradient(#fff,#fffaf6);border-color:#e0d2c5;box-shadow:inset 0 1px #fffc}.field.enhanced input:focus,.field.enhanced select:focus,.field.enhanced textarea:focus{border-color:var(--gold);outline:3px solid #f392232e}.upload-panel{border:1px dashed var(--gold-dark);border-radius:var(--radius);background:linear-gradient(135deg,#fff8ef,#fff);gap:10px;padding:22px;display:grid}.upload-panel strong{color:var(--gold-dark)}.upload-panel input{background:#fff}.secure-note{color:var(--muted);margin:12px 0 0;font-size:14px}.admin-layout{grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 88px);display:grid}.admin-sidebar{color:#fff;background:#252525;padding:24px}.admin-sidebar a,.admin-sidebar button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:11px 0;display:block}.admin-sidebar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-sidebar-header h2{color:#fff;margin:0}.admin-close-btn{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 6px;font-size:18px;line-height:1;display:none}.admin-close-btn:hover{color:#fff;background:#ffffff1f}.admin-burger{z-index:600;border-radius:var(--radius);background:var(--gold);color:#2d1600;cursor:pointer;border:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;line-height:1;display:none;position:fixed;top:14px;right:16px;box-shadow:0 4px 12px #f392234d}.admin-overlay{z-index:400;background:#00000080;position:fixed;inset:0}.admin-main{padding:28px}.admin-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.admin-card{padding:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e2e2;padding:12px}th{background:var(--surface-soft)}.mini-image{object-fit:cover;border-radius:var(--radius);border:1px solid #ddd;width:58px;height:58px;display:block}td{vertical-align:middle}.admin-page-head{align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-page-head h1{margin:0}.admin-count{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700}.admin-card-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;display:flex}.admin-card-head h2{margin:0}.row-editing{outline:2px solid var(--gold);outline-offset:-2px;background:#fffbf4}.row-actions{align-items:center;gap:8px;display:flex}.row-actions .ghost-btn,.row-actions .danger-btn{min-height:34px;padding:6px 12px;font-size:13px}.badge-yes{color:#1a7a40;background:#e6f9ee;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.badge-no{color:#888;background:#f5f5f5;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}@media (max-width:900px){.hero-grid,.footer-grid,.admin-grid,.form-preview{grid-template-columns:1fr}.admin-layout{display:block}.admin-burger{display:flex}.admin-close-btn{display:block}.admin-sidebar{z-index:500;width:240px;height:100%;transition:transform .28s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.admin-sidebar.is-open{transform:translate(0)}.admin-main{padding-top:72px}.order-hero{grid-template-columns:1fr}.order-summary{position:static}.promo-card{display:none}.slider-card{min-height:420px}.product-grid,.category-strip{grid-template-columns:repeat(2,1fr)}.section-head{flex-direction:column;align-items:start}}@media (max-width:560px){.brand-row{align-items:center}.logo{height:48px}.whatsapp{white-space:nowrap;min-height:34px;padding:7px 12px;font-size:13px}.section{padding:48px 0}.fields{grid-template-columns:1fr}.product-grid,.two-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-body{padding:11px}.product-body h3{font-size:15px;line-height:1.25}.product-body p{font-size:13px;line-height:1.45}.option-grid{grid-template-columns:1fr}.order-panel{padding:18px}.order-intro{flex-direction:column;align-items:start}.form{padding:20px}}@media (prefers-reduced-motion:reduce){body.reveal-ready [data-animate]{opacity:1;transition:none;animation:none;transform:none}}