
:root{--red:#e2231a;--ink:#101010;--muted:#676767;--paper:#f5f3ee;--line:#dedbd3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.topbar{height:76px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(245,243,238,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.logo{font-size:22px;font-weight:900;letter-spacing:-1px}.logo span{color:var(--red)}nav{display:flex;gap:30px;margin-left:auto;margin-right:35px;font-size:14px}.cart-btn,.primary,.more,.checkout{border:0;background:var(--ink);color:white;padding:13px 18px;cursor:pointer}.cart-btn strong{background:var(--red);border-radius:99px;padding:2px 7px;margin-left:7px}.hero{min-height:510px;padding:80px 8vw;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--red)}h1{font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-5px;margin:14px 0 25px;max-width:850px}.hero p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:560px;line-height:1.6}.primary{display:inline-block;margin-top:18px}.hero-bricks{position:relative;height:360px}.hero-bricks i{position:absolute;width:140px;height:80px;background:var(--red);box-shadow:inset 0 -12px rgba(0,0,0,.12);transform:rotate(-13deg)}.hero-bricks i:before,.hero-bricks i:after{content:"";position:absolute;width:34px;height:16px;border-radius:50%;background:#f0443d;top:-8px}.hero-bricks i:before{left:22px}.hero-bricks i:after{right:22px}.hero-bricks i:nth-child(1){top:35px;left:55px}.hero-bricks i:nth-child(2){top:145px;left:190px;transform:rotate(16deg);background:#f3c600}.hero-bricks i:nth-child(2):before,.hero-bricks i:nth-child(2):after{background:#ffdc31}.hero-bricks i:nth-child(3){top:235px;left:40px;transform:rotate(8deg);background:#2574ba}.hero-bricks i:nth-child(3):before,.hero-bricks i:nth-child(3):after{background:#3d91d8}.hero-bricks i:nth-child(4){top:25px;left:245px;transform:rotate(28deg);background:#222}.hero-bricks i:nth-child(4):before,.hero-bricks i:nth-child(4):after{background:#444}main{padding:0 5vw 100px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:85px}.stats div{padding:28px;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font-size:28px}.stats span{color:var(--muted);font-size:13px}.catalog-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.catalog-head h2,.about h2{font-size:42px;letter-spacing:-2px;margin:8px 0}.controls{display:flex;gap:10px;flex-wrap:wrap}.controls input,.controls select{background:white;border:1px solid var(--line);padding:13px 14px;min-width:190px}.result-info{color:var(--muted);font-size:13px;margin:25px 0 15px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product{background:white;border:1px solid var(--line);transition:.2s;display:flex;flex-direction:column}.product:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.08)}.image-wrap{aspect-ratio:1.2;background:#fff;display:grid;place-items:center;padding:18px;cursor:pointer;overflow:hidden}.image-wrap img{max-width:100%;max-height:100%;object-fit:contain}.product-body{padding:17px;border-top:1px solid #eee;display:flex;flex-direction:column;flex:1}.set-id{font-size:11px;color:var(--red);font-weight:800;letter-spacing:1px}.product h3{font-size:17px;margin:7px 0 4px;line-height:1.25}.theme{font-size:12px;color:var(--muted);margin-bottom:18px}.price-row{display:flex;align-items:end;justify-content:space-between;margin-top:auto}.price{font-weight:850;font-size:20px}.stock{font-size:11px;color:var(--muted)}.add{width:100%;margin-top:14px;padding:11px;background:transparent;border:1px solid var(--ink);cursor:pointer}.add:hover{background:var(--ink);color:white}.more{display:block;margin:35px auto 0}.about{background:var(--ink);color:white;padding:90px 8vw}.about p:last-child{color:#aaa;max-width:700px;line-height:1.7}footer{padding:28px 5vw;display:flex;justify-content:space-between;gap:30px;font-size:13px;color:var(--muted)}footer strong{color:var(--ink)}.drawer,.modal{position:fixed;inset:0;z-index:50;display:none}.drawer.open,.modal.open{display:block}.drawer-backdrop,.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}.drawer aside{position:absolute;right:0;top:0;height:100%;width:min(440px,100%);background:white;padding:30px;overflow:auto}.close{float:right;border:0;background:none;font-size:34px;cursor:pointer}.cart-line{display:grid;grid-template-columns:60px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid #eee}.cart-line img{width:60px;height:60px;object-fit:contain}.cart-line h4{margin:0 0 5px;font-size:14px}.cart-line button{border:0;background:none;color:var(--red);cursor:pointer;padding:0}.cart-total{display:flex;justify-content:space-between;font-size:20px;padding:25px 0}.checkout{width:100%;padding:15px}.drawer small{display:block;color:var(--muted);margin-top:12px}.modal article{position:relative;background:white;width:min(900px,92vw);max-height:90vh;overflow:auto;margin:5vh auto;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:35px}.modal article img{width:100%;height:360px;object-fit:contain}.modal-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:34px}.modal h2{font-size:34px;margin:8px 0}.modal p{color:var(--muted);line-height:1.6}.notice{font-size:11px;color:var(--muted);margin-top:8px}.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:1050px){.grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-bricks{display:none}.catalog-head{align-items:start;flex-direction:column}}@media(max-width:720px){nav{display:none}.topbar{padding:0 18px}.hero{padding:60px 22px;min-height:430px}h1{letter-spacing:-3px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}main{padding:0 14px 70px}.product-body{padding:12px}.catalog-head h2,.about h2{font-size:34px}.controls,.controls label,.controls input,.controls select{width:100%}.stats{margin-bottom:55px}.stats div{padding:20px 8px}.stats strong{font-size:21px}.modal article{grid-template-columns:1fr;padding:22px}.modal article img{height:250px}footer{flex-direction:column}}@media(max-width:430px){.grid{grid-template-columns:1fr}.stats span{font-size:10px}.hero h1{font-size:49px}}
.flash,.error,.warning,.notice{max-width:1120px;margin:18px auto;padding:14px 18px;border-radius:12px;background:#e8f7ee;color:#155b31}.error,.warning{background:#fff1dc;color:#7a4200}.page{max-width:1120px;margin:0 auto;padding:70px 24px;min-height:65vh}.narrow{max-width:800px}.page h1{font-size:clamp(2rem,5vw,4rem);margin:5px 0 30px}.empty{padding:45px;background:#fff;border-radius:18px;margin:24px 0}.product-card{background:white;border:1px solid var(--line);display:flex;flex-direction:column}.product-image{height:240px;padding:20px;display:grid;place-items:center}.product-image img{max-width:100%;max-height:100%;object-fit:contain}.product-copy{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1}.product-copy h3{margin:0}.product-copy p{font-size:.9rem;color:#666}.product-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.product-bottom button,.cart-row button,.admin button{border:0;border-radius:99px;padding:9px 14px;cursor:pointer}.tag{font-size:.72rem;font-weight:700;color:var(--red)}.sold{color:#777}.cart-page{display:grid;gap:14px}.cart-row{display:grid;grid-template-columns:80px 1fr auto auto auto;gap:18px;align-items:center;border-bottom:1px solid #ddd;padding:16px 0}.cart-row img{width:80px;height:70px;object-fit:contain}.qty,.small-input{width:80px;padding:8px;border:1px solid #ccc;border-radius:8px}.link-btn{background:transparent!important;text-decoration:underline}.summary{margin:26px 0 0 auto;max-width:420px;padding:24px;border-radius:16px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.summary .primary,.summary button{grid-column:1/-1;text-align:center}.checkout-form{display:grid;gap:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checkout-form label{display:grid;gap:7px}.checkout-form input,.checkout-form textarea,.admin-search input{padding:12px;border:1px solid #bbb;border-radius:9px}.checkout-form textarea{min-height:100px}.checkout-form fieldset{display:grid;gap:10px;border:1px solid #ddd;border-radius:12px;padding:18px}.checkout-form fieldset label,.terms{display:flex;align-items:center;gap:8px}.success{text-align:center}.success .notice{text-align:left}.legal{max-width:850px}.legal h2{margin-top:35px}.admin-head{display:flex;justify-content:space-between}.tabs{display:flex;gap:10px;margin:20px 0}.tabs a{padding:10px 16px;border-radius:99px;background:#eee}.tabs a.active{background:#111;color:white}.admin-search{display:flex;gap:10px;margin:20px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #ddd}td form{display:flex;gap:6px;align-items:center}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.cart-row{grid-template-columns:60px 1fr}.cart-row>form,.cart-row>strong{grid-column:2}}
