/* FT MAGIC INK — ThePrimeInk-inspired storefront polish
   Keeps the existing HTML/JS/features intact; presentation only. */
:root{--bg:#f8f7f3;--panel:#fff;--panel2:#f1f0eb;--line:#deddd6;--text:#151515;--muted:#6e6d68;--orange:#111;--orange2:#333;--green:#258a55;--red:#c94d4d;--shadow:0 10px 30px rgba(0,0,0,.07)}
html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
body:before{display:none}
.topline{background:#111;color:#fff;border:0;padding:10px 12px;font-size:12px;letter-spacing:.14em}.topline b{color:#fff}
.nav{background:rgba(248,247,243,.96);border-bottom:1px solid #d9d8d1;backdrop-filter:blur(14px)}
.navin{max-width:1440px;min-height:84px;padding:10px 30px;gap:28px}.logo{min-width:175px}.logoImg{width:175px;height:66px;filter:brightness(.2)}
.navlinks{gap:4px}.iconBtn,.cartBtn,.menuBtn{color:#161616;border-radius:999px}.iconBtn:hover,.menuBtn:hover{background:#eae9e3}.cartBtn{background:#111;color:#fff;box-shadow:none;padding:0 17px}.cartBtn:hover{background:#2a2a2a}.count{background:#fff;color:#111}
.hero{max-width:1440px;min-height:500px;padding:68px 40px 48px;display:flex;align-items:center}.hero:after{display:none}.heroInner{max-width:980px;margin:auto;text-align:center}.eyebrow{color:#666;font-size:13px;letter-spacing:.22em;margin-bottom:18px}.hero h1{font-size:clamp(60px,9vw,128px);color:#111;text-shadow:none}.hero h1 .outline{-webkit-text-stroke:1px #111;color:transparent}.hero h1 .orange{color:#111}.hero p{max-width:760px;margin:26px auto 28px;color:#686761;font-size:15px;line-height:1.8}.actions{justify-content:center}.cta{min-height:50px;border:1px solid #171717;background:#fff;color:#111;padding:0 25px;letter-spacing:.1em}.cta.primary{background:#111;border-color:#111;color:#fff;box-shadow:none}.cta:hover{transform:translateY(-1px)}
.heroStats{max-width:780px;margin:40px auto 0;padding-top:22px;border-top:1px solid #d7d6cf}.heroStats strong{font-size:22px;color:#111}.heroStats .accent{color:#111}.heroStats span{color:#77746d}
.section{max-width:1440px;padding:72px 40px}.sectionHead{margin-bottom:30px}.kicker{color:#6d6c67;font-size:12px;letter-spacing:.22em}.section h2{font-size:52px;color:#111}.sectionHead p{color:#72716c}
.tabs{gap:8px;padding:4px 0 18px}.tab{border:1px solid #d1d0c9;background:#fff;color:#5e5d58;padding:11px 18px;border-radius:999px}.tab.active{background:#111;border-color:#111;color:#fff}
.tools{margin:8px 0 28px}.search{background:#fff;border:1px solid #d5d4cd;color:#111;padding:15px 18px;border-radius:0}.search::placeholder{color:#92908a}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid #deddd6;box-shadow:none;transition:.25s transform,.25s box-shadow,.25s border-color;border-radius:0}.card:hover{transform:translateY(-4px);border-color:#bbb9b1;box-shadow:0 16px 34px rgba(0,0,0,.08)}.img{aspect-ratio:1/1;background:#f1f0eb}.img img{filter:none;transition:transform .35s,opacity .2s}.card:hover .img img{transform:scale(1.025)}.heart{top:12px;right:12px;width:38px;height:38px;border:1px solid #d4d2cb;background:rgba(255,255,255,.92);color:#111}.heart.active{color:#111;border-color:#111}.cardBody{padding:16px;background:#fff}.name{font-size:14px;color:#151515}.meta{color:#87857f;font-size:10px}.priceRow{margin-top:16px}.price{font-size:21px;color:#111}.mini{border:1px solid #151515;background:#111;color:#fff;padding:10px 14px;border-radius:0}.mini:hover{background:#333;color:#fff}
.features{grid-template-columns:repeat(3,1fr);gap:20px}.feature{min-height:150px;padding:26px;background:#fff;border:1px solid #deddd6;box-shadow:none}.feature strong{color:#111}.feature b{color:#77746e}.feature p{color:#77746e}
.footer{background:#111;border-top:0;color:#fff;box-shadow:none}.footer p,.footerCol a,.footerCol button{color:#aaa}.footerCol b{color:#fff}.footerCol button:hover,.footerCol a:hover{color:#fff}.watermark{color:#777}
.bottomNav{background:rgba(248,247,243,.97)!important;border-top:1px solid #d9d8d1!important;color:#111!important}
.overlay{background:rgba(20,20,20,.45);backdrop-filter:blur(5px)}.modal{background:#fff!important;color:#111!important;border:1px solid #d9d8d1!important;box-shadow:0 30px 80px rgba(0,0,0,.18)!important}.modal h3{color:#111!important}.close{color:#111!important;background:#f0efe9!important;border-color:#d5d3cc!important}.field label{color:#777!important}.field input,.field textarea{background:#fff!important;color:#111!important;border-color:#d3d1ca!important}.notice,.order{background:#f6f5f0!important;border-color:#dedcd4!important;color:#333!important}.orderTop{color:#111}.status.pending{color:#8a651e!important;border-color:#d7bd82!important;background:#fff8e8!important}.status.approved{color:#258a55!important}.menuPanel .cta{background:#fff;color:#111;border-color:#d5d3cc}.menuPanel .cta.primary{background:#111;color:#fff}
.toast{background:#111!important;color:#fff!important;border:0!important}
@media(max-width:900px){.navin{padding:10px 18px}.logoImg{width:145px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:52px 22px 38px}.section{padding:58px 22px}.features{grid-template-columns:1fr}.section h2{font-size:43px}}
@media(max-width:560px){.navin{min-height:70px}.desktopOnly{display:none}.navlinks{margin-left:auto}.hero{min-height:430px}.hero h1{font-size:54px}.hero p{font-size:14px}.heroStats{grid-template-columns:1fr;gap:14px}.heroStats div{padding-right:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cardBody{padding:12px}.mini{width:100%}.sectionHead{display:block}.sectionHead p{margin-top:16px}.tabs{overflow-x:auto}.cartText{display:none}.cartBtn{min-width:50px;padding:0 12px}.logoImg{width:128px}}

/* Final logo cleanup: no white/box treatment; transparent artwork only. */
.logoImg{background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;object-fit:contain!important;padding:0!important}
.logo{background:transparent!important;border:0!important;box-shadow:none!important}
@media(min-width:901px){.logoImg{width:190px!important;height:70px!important}}

/* TATTOO MAGIC INK — final typography polish */
.hero h1 span:first-child{letter-spacing:.018em}
.hero h1 .outline{-webkit-text-stroke:1.2px #77736b;letter-spacing:.02em}
.hero h1 .orange{letter-spacing:.012em;text-shadow:0 14px 38px rgba(255,122,0,.12)}
.heroInner{max-width:800px}

/* Ultra Final hero carousel: preserve the supplied hero image at its full natural ratio; never crop it. */
.heroSlider{position:relative;max-width:1100px;margin:32px auto 0;overflow:hidden;border:1px solid #34322c;background:#090907;box-shadow:0 28px 70px rgba(0,0,0,.5);touch-action:pan-y}.heroSlides{position:relative;width:100%}.heroSlide{display:none;position:relative;margin:0;overflow:hidden;background:#090907}.heroSlide.active{display:block;animation:heroIn .45s ease both}.heroSlide img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;filter:contrast(1.04) saturate(.78)}.heroSlide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.04) 42%,rgba(0,0,0,.88) 100%);pointer-events:none}.heroImageOverlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:30px 34px 34px;text-align:left;display:grid;gap:7px;text-shadow:0 3px 18px rgba(0,0,0,.85)}.heroImageOverlay strong{font-family:Impact,Anton,Arial Black,sans-serif;font-size:clamp(24px,3.3vw,48px);font-weight:400;line-height:.95;letter-spacing:.025em;color:#fff}.heroImageOverlay span{font-family:Arial,sans-serif;font-size:12px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;color:#f0eee8;max-width:760px}.heroArrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.42);background:rgba(0,0,0,.48);color:#fff;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px)}.heroArrow:hover{background:rgba(0,0,0,.72)}.heroPrev{left:16px}.heroNext{right:16px}.heroDots{position:absolute;z-index:4;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px}.heroDot{width:9px;height:9px;padding:0;border:1px solid #fff;background:rgba(255,255,255,.35);border-radius:50%;cursor:pointer}.heroDot.active{background:#fff;transform:scale(1.2)}@keyframes heroIn{from{opacity:.35;transform:translateX(18px)}to{opacity:1;transform:none}}
@media(max-width:700px){.heroSlider{margin-top:22px}.heroImageOverlay{padding:18px 18px 34px;gap:5px}.heroImageOverlay strong{font-size:clamp(21px,7vw,34px)}.heroImageOverlay span{font-size:9px;letter-spacing:.11em;max-width:90%}.heroArrow{width:38px;height:38px;font-size:28px}.heroPrev{left:8px}.heroNext{right:8px}.heroDots{bottom:9px}}

.heroIntroImage{aspect-ratio:auto!important}.heroSlide{height:auto!important}.heroSlide img{height:auto!important;object-fit:contain!important}