:root{--ink:#14110f;--ink-soft:#3a352f;--paper:#faf7f2;--paper-alt:#f1ece2;--accent:#e35b28;--accent-dark:#c44a1f;--accent-soft:#fde3d3;--accent2:#d6336c;--accent3:#0ea5e9;--line:#e4ddd0;--white:#fff;--success:#1f7a4d;--error:#c62828;--radius:10px;--radius-lg:18px;--shadow:0 4px 16px #14110f0f;--shadow-lg:0 12px 32px #14110f1f;--gradient-brand:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 60%, var(--accent3) 100%);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(24px,-30px)scale(1.08)}}@keyframes floatCard{0%,to{transform:translateY(0)rotateX(4deg)rotateY(-6deg)}50%{transform:translateY(-16px)rotateX(-2deg)rotateY(4deg)}}@keyframes bounceIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.21,.9,.32,1),transform .7s cubic-bezier(.21,.9,.32,1);transform:translateY(28px)}.reveal.in-view{opacity:1;transform:translateY(0)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:linear-gradient(120deg,#ffe3c2,#ffd3e8,#d8e8ff,#cdf5e6,#fff2bf,#ffe3c2) 0 0/300% 300%;line-height:1.5;animation:24s infinite bgShift}@keyframes bgShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4{letter-spacing:-.02em;margin:0 0 .5rem;font-weight:700}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 1.5rem}.section{padding:3rem 0}.muted{color:var(--ink-soft);opacity:.75}.error-text{color:var(--error);font-size:.92rem}.hint-text{color:var(--ink-soft);margin:.4rem 0 .75rem;font-size:.82rem}.form-message{color:var(--success);font-weight:600}.link-arrow{color:var(--accent-dark);font-weight:600}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.5rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--white);transition:transform .15s,background .35s,box-shadow .35s}.btn-primary:hover{background:var(--gradient-brand);box-shadow:0 8px 24px #e35b2859}.btn-outline{border-color:var(--ink);color:var(--ink);background:0 0}.btn-outline:hover{background:var(--gradient-brand);color:var(--white);border-color:#0000}.btn-sm{padding:.5rem 1.1rem;font-size:.88rem}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-link{color:var(--accent-dark);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.remove-link{color:var(--error)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.navbar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#faf7f2eb;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{align-items:center;gap:.6rem;font-size:1.1rem;font-weight:800;display:flex}.brand-mark{background:var(--ink);width:36px;height:36px;color:var(--white);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.brand-mark-img{object-fit:cover;background:var(--white)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.menu-toggle span{background:var(--ink);width:22px;height:2px}.nav-links{align-items:center;gap:1.6rem;display:flex}.nav-links a{color:var(--ink-soft);font-size:.95rem;font-weight:600}.nav-links a.active,.nav-links a:hover{color:var(--ink)}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;align-items:center;gap:.35rem;padding:0;font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex}.nav-dropdown-trigger:after{content:"▾";font-size:.65rem}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active{color:var(--ink)}.nav-dropdown-menu{background:var(--white);border-radius:var(--radius);min-width:160px;box-shadow:var(--shadow-lg);z-index:60;flex-direction:column;gap:.1rem;margin-top:.9rem;padding:.5rem;display:none;position:absolute;top:100%;left:0}.nav-dropdown-menu.open{display:flex}.nav-dropdown-menu a{color:var(--ink-soft);border-radius:8px;padding:.5rem .7rem;font-size:.9rem;font-weight:600}.nav-dropdown-menu a.active,.nav-dropdown-menu a:hover{background:var(--paper-alt);color:var(--ink)}.nav-cart{position:relative}.cart-badge{background:var(--accent);color:var(--white);border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:700;position:absolute;top:-8px;right:-14px}.nav-user{align-items:center;gap:.75rem;display:flex}.nav-username{color:var(--ink-soft);font-size:.9rem}.hero{border-bottom:1px solid var(--line);background:#ffffff4d;position:relative;overflow:hidden}.hero-blob{filter:blur(70px);opacity:.55;z-index:0;pointer-events:none;border-radius:50%;animation:14s ease-in-out infinite blobFloat;position:absolute}.hero-blob-1{background:radial-gradient(circle at 30% 30%, var(--accent), transparent 70%);width:340px;height:340px;top:-100px;left:-70px}.hero-blob-2{background:radial-gradient(circle at 30% 30%, var(--accent2), transparent 70%);width:280px;height:280px;animation-duration:17s;animation-delay:-4s;bottom:-80px;right:8%}.hero-blob-3{background:radial-gradient(circle at 30% 30%, var(--accent3), transparent 70%);width:220px;height:220px;animation-duration:11s;animation-delay:-2s;top:25%;right:-60px}.hero-inner{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;padding:4rem 1.5rem;display:grid;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-dark);margin-bottom:.75rem;font-size:.78rem;font-weight:700}.hero h1{margin-bottom:1rem;font-size:3rem;line-height:1.05;animation:.8s cubic-bezier(.21,.9,.32,1) both fadeInUp}.grad-text{background:var(--gradient-brand);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--ink-soft);max-width:46ch;margin-bottom:1.75rem;font-size:1.05rem;animation:.8s cubic-bezier(.21,.9,.32,1) .1s both fadeInUp}.hero-actions{flex-wrap:wrap;gap:.9rem;animation:.8s cubic-bezier(.21,.9,.32,1) .2s both fadeInUp;display:flex}.hero-visual{perspective:1200px;z-index:1;gap:1rem;display:grid;position:relative}.hero-visual-card{border-radius:var(--radius-lg);color:var(--white);box-shadow:var(--shadow-lg);transform-style:preserve-3d;padding:2rem 1.5rem;font-size:1.3rem;font-weight:800;transition:box-shadow .3s;animation:6s ease-in-out infinite floatCard}.hero-visual-card:hover{box-shadow:0 20px 44px #14110f38}.card-1{background:linear-gradient(135deg, var(--ink), #322a23);justify-self:end;width:80%;animation-delay:0s}.card-2{background:linear-gradient(135deg, var(--accent), var(--accent2));width:70%;animation-delay:-2s}.card-3{background:linear-gradient(135deg, #1f6d55, var(--accent3));justify-self:end;width:85%;animation-delay:-4s}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.product-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.5rem;display:grid}.product-card{--rx:0deg;--ry:0deg;--lift:0px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);transform:perspective(900px) translateY(var(--lift)) rotateX(var(--ry)) rotateY(var(--rx));transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.21,.9,.32,1),box-shadow .35s;display:block;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg), 0 0 0 1px #e35b281f}.product-card-image{aspect-ratio:4/4.5;background:var(--paper-alt);position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-card-image img{transform:scale(1.08)}.product-card-image:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff73 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.product-card:hover .product-card-image:after{transform:translate(120%)}.badge{border-radius:999px;padding:.3rem .7rem;font-size:.72rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.badge-featured{background:var(--gradient-brand);color:var(--white)}.badge-out{background:var(--ink);color:var(--white)}.product-card-body{padding:1rem 1.1rem 1.2rem}.product-card-category{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dark);font-size:.72rem;font-weight:700}.product-card-body h3{margin:.3rem 0 .4rem;font-size:1.02rem}.product-card-price{font-weight:700}.perks{background:var(--ink);color:var(--white)}.perks-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.perk-icon{margin-bottom:.6rem;font-size:1.8rem;animation:3s ease-in-out infinite bounceIcon;display:inline-block}.perk:nth-child(2) .perk-icon{animation-delay:-1s}.perk:nth-child(3) .perk-icon{animation-delay:-2s}.perk h3{color:var(--white)}.perk p{color:#ffffffb3;margin:0}.shop-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-form{gap:.5rem;display:flex}.search-form input{border:1px solid var(--line);border-radius:999px;min-width:220px;padding:.6rem .9rem}.chip-row{flex-wrap:wrap;gap:.6rem;margin-bottom:2rem;display:flex}.chip{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:999px;padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;transition:transform .15s,background .25s,color .25s,border-color .25s}.chip:hover{transform:translateY(-2px)}.chip.active{background:var(--gradient-brand);color:var(--white);border-color:#0000}.product-detail{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.product-detail-image{background:var(--paper-alt);border-radius:var(--radius-lg);overflow:hidden}.customize-placeholder{aspect-ratio:4/4.5;text-align:center;border:2px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);justify-content:center;align-items:center;margin:1rem;padding:2rem;font-weight:600;display:flex}.product-detail-price{margin:.4rem 0 1rem;font-size:1.6rem;font-weight:800}.product-detail-desc{color:var(--ink-soft);margin-bottom:1.5rem}.option-group{margin-bottom:1.4rem}.option-label{margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.option-pills{flex-wrap:wrap;gap:.5rem;display:flex}.pill{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-weight:600}.pill.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.qty-control{border:1px solid var(--line);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.qty-control button{background:var(--paper-alt);cursor:pointer;border:none;width:34px;height:34px;font-size:1.1rem}.qty-control span{padding:0 .9rem;font-weight:700}.stock-note{color:var(--success);margin-bottom:.75rem;font-size:.85rem;font-weight:600}.product-actions{flex-wrap:wrap;gap:.9rem;display:flex}.cart-layout{grid-template-columns:1fr 340px;align-items:start;gap:2.5rem;display:grid}.cart-items{flex-direction:column;gap:1rem;display:flex}.cart-item{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:72px 1fr auto auto auto;align-items:center;gap:1rem;padding:.9rem;display:grid}.cart-item img{object-fit:cover;border-radius:8px;width:72px;height:80px}.cart-item-info h3{margin-bottom:.2rem;font-size:.95rem}.cart-item-price{margin:0;font-size:.88rem;font-weight:600}.cart-item-total{font-weight:700}.cart-summary{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;position:sticky;top:90px}.summary-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:.5rem 0;font-size:.92rem;display:flex}.summary-row:last-of-type{border-bottom:none}.summary-total{border-top:2px solid var(--ink);margin-top:.4rem;padding-top:.9rem;font-size:1.1rem;font-weight:800}label{margin:.9rem 0 .4rem;font-size:.85rem;font-weight:700;display:block}input,textarea,select{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);border-radius:8px;padding:.7rem .9rem}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical;min-height:90px}.form-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.checkbox-row{align-items:center;gap:.5rem;font-weight:600;display:flex}.checkbox-row input{width:auto}.checkout-layout{grid-template-columns:1fr 340px;align-items:start;gap:2.5rem;display:grid}.checkout-form{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem}.auth-page{justify-content:center;display:flex}.auth-form{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow);padding:2.2rem}.auth-form button[type=submit]{margin-top:1.5rem}.auth-switch{text-align:center;margin-top:1.2rem;font-size:.9rem}.admin-hint{text-align:center;margin-top:1rem;font-size:.8rem}.empty-state{text-align:center;padding:5rem 1rem}.success-icon{background:var(--success);width:64px;height:64px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:2rem;display:flex}.order-total-display{margin:.5rem 0 1.5rem;font-size:1.2rem;font-weight:800}.order-list{flex-direction:column;gap:1.2rem;display:flex}.order-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.3rem 1.5rem}.order-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.status-badge{text-transform:capitalize;border-radius:999px;padding:.35rem .8rem;font-size:.78rem;font-weight:700}.status-pending{color:#8a6d00;background:#fff3cd}.status-processing{color:#1e40af;background:#dbeafe}.status-shipped{color:#5b21b6;background:#ede9fe}.status-delivered{color:#166534;background:#dcfce7}.status-cancelled{color:#991b1b;background:#fee2e2}.order-card-items{flex-direction:column;gap:.75rem;display:flex}.order-line-item{grid-template-columns:48px 1fr auto;align-items:center;gap:.8rem;font-size:.9rem;display:grid}.order-line-item img{object-fit:cover;border-radius:6px;width:48px;height:54px}.order-line-item p{margin:0;font-weight:600}.order-card-foot{border-top:1px solid var(--line);justify-content:space-between;margin-top:1rem;padding-top:1rem;font-size:.9rem;display:flex}.admin-layout{grid-template-columns:220px 1fr;align-items:start;gap:2.5rem;display:grid}.admin-sidebar{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem;position:sticky;top:90px}.admin-sidebar nav{flex-direction:column;gap:.3rem;margin-top:1rem;display:flex}.admin-sidebar nav a{color:var(--ink-soft);border-radius:8px;padding:.6rem .8rem;font-weight:600}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:var(--paper-alt);color:var(--ink)}.admin-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem}.admin-head{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0 2rem;display:grid}.stat-card{background:var(--paper-alt);border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:1.2rem;display:flex}.stat-label{color:var(--ink-soft);font-size:.8rem;font-weight:600}.stat-value{font-size:1.5rem;font-weight:800}.admin-quick-links{gap:1rem;display:flex}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);padding:.75rem .6rem;font-size:.9rem}.admin-thumb{object-fit:cover;border-radius:6px;width:42px;height:48px}.admin-actions{gap:.9rem;display:flex}.admin-form-page{max-width:640px}.admin-form{flex-direction:column;display:flex}.admin-preview{object-fit:cover;border-radius:8px;width:140px;height:160px;margin-top:.75rem}.form-actions{gap:1rem;margin-top:1.5rem;display:flex}.admin-order-list{flex-direction:column;gap:1rem;display:flex}.admin-order-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.admin-order-head{cursor:pointer;background:var(--paper-alt);justify-content:space-between;align-items:center;padding:1rem 1.3rem;display:flex}.admin-order-head-right{align-items:center;gap:1rem;font-weight:700;display:flex}.status-select{text-transform:capitalize;border-radius:999px;width:auto;padding:.4rem .7rem;font-size:.8rem;font-weight:700}.admin-order-details{padding:1.3rem}.admin-order-shipping{margin-bottom:1rem;font-size:.9rem}.admin-order-shipping p{margin:.2rem 0}.footer{background:var(--ink);color:#ffffffd9;margin-top:3rem}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:2rem;padding:3rem 1.5rem 2rem;display:grid}.footer-brand{color:var(--white);margin-bottom:.6rem}.footer-tag{color:#fff9;max-width:32ch}.footer-col h4{color:var(--white);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}.footer-col p{color:#ffffffa6;margin:.3rem 0;font-size:.9rem}.footer-phone-extra{padding-left:3.4em;margin-top:-.15rem!important}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff26;padding:1.2rem 1.5rem;font-size:.8rem}.splash{z-index:999;cursor:pointer;opacity:1;background:linear-gradient(120deg,#ff7a45,#e3357a,#7c3aed,#0ea5e9,#17b982,#ffb020) 0 0/300% 300%;justify-content:center;align-items:center;transition:opacity .45s;animation:10s infinite both bgShift;display:flex;position:fixed;inset:0;overflow:hidden}.splash-closing{opacity:0}.splash-blob{filter:blur(50px);opacity:.55;background:radial-gradient(circle at 30% 30%,#ffffffe6,#0000 70%);border-radius:50%;animation:9s ease-in-out infinite blobFloat;position:absolute}.splash-blob-a{width:280px;height:280px;top:8%;left:10%}.splash-blob-b{width:220px;height:220px;animation-duration:11s;animation-delay:-2s;bottom:12%;left:18%}.splash-blob-c{width:320px;height:320px;animation-duration:13s;animation-delay:-4s;top:20%;right:8%}.splash-blob-d{width:180px;height:180px;animation-duration:8s;animation-delay:-1s;bottom:15%;right:15%}.splash-blob-e{opacity:.3;width:240px;height:240px;animation-duration:12s;animation-delay:-3s;top:50%;left:50%;transform:translate(-50%,-50%)}.splash-content{z-index:1;text-align:center;max-width:720px;color:var(--white);padding:0 2rem;position:relative}.splash-brand{text-transform:uppercase;letter-spacing:.3em;opacity:0;margin-bottom:1.5rem;font-size:.8rem;font-weight:700;animation:.7s .1s forwards fadeInUp}.splash-quote{letter-spacing:-.01em;text-shadow:0 4px 24px #0003;opacity:0;font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;line-height:1.25;animation:.8s cubic-bezier(.21,.9,.32,1) .3s forwards quoteIn;transform:scale(.94)}@keyframes quoteIn{to{opacity:1;transform:scale(1)}}.splash-bar{background:#ffffff40;border-radius:999px;width:180px;height:4px;margin:2rem auto 1rem;overflow:hidden}.splash-bar span{background:var(--white);transform-origin:0;width:100%;height:100%;animation-name:barFill;animation-timing-function:linear;animation-fill-mode:forwards;display:block;transform:scaleX(0)}@keyframes barFill{to{transform:scaleX(1)}}.splash-hint{opacity:0;color:#ffffffbf;font-size:.8rem;animation:.7s .6s forwards fadeInUp}@media (width<=960px){.hero-inner{grid-template-columns:1fr;padding:3rem 1.5rem}.hero-visual{display:none}.product-detail,.cart-layout,.checkout-layout,.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static}.perks-grid,.footer-inner{grid-template-columns:1fr}}@media (width<=720px){.menu-toggle{display:flex}.nav-links{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 1.5rem 1.5rem;display:none;position:absolute;top:68px;left:0;right:0}.nav-links.open{display:flex}.cart-item{grid-template-columns:60px 1fr;grid-template-areas:"img info""img qty""img total"}.form-row{grid-template-columns:1fr}.hero h1{font-size:2.2rem}}