@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Playfair+Display:wght@400;500;600&family=Inter:wght@300;400;500;600&display=swap');
:root{--black:#111;--line:#deded9;--paper:#fbfbf8}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--paper);color:#111}a,a:visited{color:#111;text-decoration:none}.top{text-align:center;padding:10px;background:white;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.25em;text-transform:uppercase}header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.logo{font-family:'Special Elite','Courier New',monospace;font-size:39px;letter-spacing:.36em;text-decoration:none}nav{display:flex;gap:20px;align-items:center}nav a{text-transform:uppercase;letter-spacing:.18em;font-size:11px}.hero{padding:74px 5vw 58px;min-height:68vh;display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center;background:linear-gradient(120deg,#fff,#ededeb)}.eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:#555}.hero h1{font-family:'Playfair Display';font-size:clamp(56px,8vw,120px);line-height:.88;margin:0;letter-spacing:-.06em}.hero p{max-width:560px;line-height:1.85}.btn{display:inline-block;margin-top:18px;padding:14px 22px;border:1px solid #111;background:#111;color:#fff!important;text-transform:uppercase;letter-spacing:.18em;font-size:11px}.hero-card{background:#fff;border:1px solid var(--line);padding:14px;box-shadow:0 26px 70px rgba(0,0,0,.16)}.hero-card img{width:100%;aspect-ratio:1/1;object-fit:cover}section{padding:70px 5vw}.section-title{text-align:center;margin-bottom:35px}.section-title h2{font-family:'Playfair Display';font-size:clamp(40px,5vw,70px);margin:0;letter-spacing:-.045em}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick a{min-height:150px;display:flex;align-items:center;justify-content:center;background:white;border:1px solid var(--line);text-align:center;font-family:'Playfair Display';font-size:24px;text-transform:uppercase;letter-spacing:.08em}.grid{display:grid;grid-template-columns:repeat(auto-fill,220px);gap:24px;justify-content:center;align-items:start}.card{position:relative;background:#fff;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;width:220px}.card-img{width:220px;height:220px;overflow:hidden;border-bottom:1px solid var(--line);background:#eee}.card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.card:hover{box-shadow:0 18px 45px rgba(0,0,0,.10);transform:translateY(-2px);transition:.2s}.card:hover .card-img img{transform:scale(1.035)}.info{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.info h3{font-family:'Playfair Display';font-size:18px;line-height:1.12;margin:0}.meta{display:flex;flex-wrap:wrap;gap:6px}.meta span{border:1px solid var(--line);padding:5px 7px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#111;background:white}.info p{margin:0;color:#555;line-height:1.55;font-size:12px}.price-row{margin-top:auto;display:flex;flex-direction:column;gap:10px}.status-badge{display:inline-block;border:1px solid #111;padding:5px 7px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;background:#f4f4f2}.status-badge.in_stock{background:#111;color:#fff}.add-btn,.remove-btn,.qty-controls button,.checkout-button,.warning-actions button,.shipping-form button,.chip,.heart-btn{border:1px solid #111;background:#fff;color:#111;padding:9px 12px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;cursor:pointer;font-family:Inter,sans-serif}.add-btn:hover,.remove-btn:hover,.qty-controls button:hover,.checkout-button:hover,.warning-actions button:hover,.chip.active,.chip:hover{background:#111!important;color:#fff!important}.add-btn:disabled,.disabled{opacity:.45;cursor:not-allowed}.card-click,.title-click{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:#111;font:inherit}.heart-btn{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;border-radius:999px;font-size:18px;line-height:1;padding:0}.heart-btn.liked{background:#fff;color:#c1121f;border-color:#c1121f;font-size:20px}.tools,.shop-tools{max-width:1120px;margin:0 auto 28px}.shop-tools{background:#fff;border:1px solid var(--line);padding:18px}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0}.album-buttons{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.search-input,.tool-select,.field input,.field select,.field textarea{width:100%;border:1px solid #111;background:#fff;color:#111;padding:12px;font-family:Inter,sans-serif}.tool-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:14px}.tool-row label{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.tool-select{max-width:240px}.artist-block{max-width:1280px;margin:0 auto}.artist-block h2{text-align:center;font-family:'Playfair Display';font-size:clamp(44px,5vw,76px);margin:0 0 26px}.artist-block h3{text-align:center;text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:#555;margin:0 0 26px}.about,.legal-page{max-width:850px;margin:0 auto;background:white;border:1px solid var(--line);padding:38px;line-height:1.9}footer{background:#fff;border-top:1px solid var(--line);padding:44px 5vw;text-align:center}.footlogo{font-family:'Special Elite';letter-spacing:.36em;font-size:30px}.cart-layout,.checkout-layout{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start}.cart-list{display:flex;flex-direction:column;gap:14px}.cart-item{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:90px 1fr auto auto;gap:16px;align-items:center;padding:14px}.cart-item img{width:90px;height:90px;object-fit:cover;border:1px solid var(--line);cursor:pointer}.cart-item h3{margin:0 0 6px;font-family:'Playfair Display';font-size:22px}.qty-controls{display:flex;align-items:center;gap:9px}.cart-summary,.order-summary{background:#fff;border:1px solid var(--line);padding:22px;position:sticky;top:110px}.cart-summary h3,.order-summary h3{font-family:'Playfair Display';font-size:28px;margin:0 0 14px}.shipping-options{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:14px 0}.shipping-options label{display:flex;gap:9px;align-items:center;margin:9px 0;font-size:13px}.shipping-note{font-size:12px;color:#555}.total-line,.summary-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.summary-row:first-child{border-top:0;margin-top:0;padding-top:0}.summary-row.total{font-weight:700}.checkout-button{width:100%;margin-top:18px;background:#111;color:#fff}.empty-cart{background:#fff;border:1px solid var(--line);padding:34px;text-align:center}.warning-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:999;padding:24px;align-items:center;justify-content:center}.warning-modal.show{display:flex}.warning-box{background:#fff;width:min(620px,100%);border:1px solid #111;padding:28px;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.28)}.warning-box h2{font-family:'Playfair Display';font-size:34px;margin:0 0 12px}.close-warning{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:26px;cursor:pointer}.warning-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.shipping-form{background:#fff;border:1px solid var(--line);padding:28px}.shipping-form h3{font-family:'Playfair Display';font-size:28px;margin:8px 0 16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.field input[readonly]{background:#f4f4f2}.country-note{font-size:13px}.confirm-line{display:flex;gap:10px;align-items:flex-start;margin:18px 0;line-height:1.5}.shipping-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.payment-placeholder{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);padding:36px;text-align:center}.payment-placeholder h2{font-family:'Playfair Display';font-size:42px;margin:0 0 12px}.product-modal{display:none}.product-modal.show{display:block;position:fixed;inset:0;z-index:2000}.product-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58)}.product-modal-box{position:relative;background:#fff;border:1px solid #111;width:min(1080px,92vw);max-height:88vh;overflow:auto;margin:6vh auto;padding:28px;box-shadow:0 28px 95px rgba(0,0,0,.35)}.close-product{position:absolute;top:12px;right:16px;border:0;background:transparent;font-size:30px;cursor:pointer;z-index:5}.product-modal-grid{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(300px,.9fr);gap:30px;align-items:start}.product-modal-image img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line)}.product-modal-info{position:relative}.product-modal-info h2{font-family:'Playfair Display';font-size:clamp(40px,5vw,68px);line-height:.95;margin:4px 0 16px;letter-spacing:-.045em}.modal-heart{position:static;float:right}.handmade-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.vibe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vibe-card{background:#fff;border:1px solid var(--line);padding:8px;cursor:pointer;text-align:left}.vibe-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;margin-bottom:8px}.vibe-card span{display:block;font-family:'Playfair Display';font-size:17px}.vibe-card small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#555}.error-page{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.error-page h1{font-family:'Playfair Display';font-size:clamp(70px,12vw,140px);margin:0}#loadingScreen{position:fixed;inset:0;background:#fff;z-index:5000;display:flex;align-items:center;justify-content:center;transition:opacity .4s,visibility .4s}.loader-logo{font-family:'Special Elite';letter-spacing:.42em;font-size:42px;animation:pulse .8s ease infinite alternate}#loadingScreen.hide{opacity:0;visibility:hidden;pointer-events:none}@keyframes pulse{from{opacity:.4}to{opacity:1}}@media(max-width:850px){.hero,.cart-layout,.checkout-layout,.product-modal-grid{grid-template-columns:1fr}.quick{grid-template-columns:1fr}nav{display:none}.form-grid{grid-template-columns:1fr}.cart-summary,.order-summary{position:static}.cart-item{grid-template-columns:75px 1fr}.qty-controls,.remove-btn{grid-column:2;justify-self:start}.vibe-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.card,.card-img{width:100%}.vibe-grid{grid-template-columns:1fr}.tool-row{flex-direction:column;align-items:flex-start}}
.add-btn.just-added{background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}


/* Lowkey Studio final refinements */
.stock-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);z-index:4000;background:#111;color:#fff;border:1px solid #111;padding:12px 16px;max-width:min(420px,calc(100vw - 32px));font-size:12px;letter-spacing:.04em;text-align:center;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;box-shadow:0 12px 36px rgba(0,0,0,.22)}
.stock-toast.show{opacity:1;transform:translate(-50%,0)}
.floating-cart{display:none}
@media(max-width:850px){
  .floating-cart{display:flex;position:fixed;right:16px;bottom:16px;z-index:1800;width:54px;height:54px;border-radius:999px;background:#111;color:#fff;border:1px solid #111;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.24)}
  .floating-cart-icon{font-size:21px;line-height:1}
  .floating-cart-count{position:absolute;top:-5px;right:-3px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#fff;color:#111;border:1px solid #111;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
}
@media(max-width:520px){
  .grid{gap:14px}
  .card .info{padding:13px}
  .card .info h3{font-size:20px;line-height:1.05;overflow-wrap:anywhere}
  .card .info p{font-size:11px;line-height:1.45}
  .card .meta{gap:5px}
  .card .meta span{font-size:8px;padding:4px 5px}
  .card .price-row{gap:8px}
  .card .add-btn{width:100%;min-height:40px;padding:10px 8px}
  .card .heart-btn{width:38px;height:38px;top:8px;right:8px}
}