:root{--ivory:#f7f5ef;--paper:#fffefa;--ink:#11110f;--muted:#77746d;--line:#dedbd3;--soft:#ece9e1;--serif:"Playfair Display",Georgia,serif;--sans:Inter,Arial,sans-serif;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,239,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(17,17,15,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:12px;font-weight:700;letter-spacing:.34em;white-space:nowrap}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#45433e}.navlinks a:hover{color:#000}.hero{padding:90px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#858179}.hero h1{font:500 clamp(56px,7vw,102px)/.9 var(--serif);letter-spacing:-.055em;margin:18px 0 28px}.hero p{max-width:500px;font-size:14px;line-height:1.85;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:14px 20px;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--ink);cursor:pointer}.btn:hover{background:transparent;color:var(--ink)}.hero-art{aspect-ratio:4/5;background:#e5e1d8;display:grid;place-items:center}.hero-art div{text-align:center;font:500 42px var(--serif)}.hero-art small{display:block;font:700 8px var(--sans);letter-spacing:.3em;color:#777;text-transform:uppercase;margin-top:10px}.section{padding:75px 0}.head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:28px}.head h2{font:500 clamp(42px,5vw,68px)/.95 var(--serif);letter-spacing:-.04em;margin:0}.head span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#777}.cats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cat{min-height:230px;background:var(--paper);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;transition:.2s}.cat:hover{transform:translateY(-3px);border-color:#aaa}.cat h3{font:500 28px var(--serif);margin:0 0 12px}.cat p{font-size:10px;line-height:1.5;color:var(--muted);margin:0 0 16px}.explore{font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--paper);border:1px solid var(--line);overflow:hidden}.card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#e9e6de}.card-body{padding:15px}.meta{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#777}.card h3{font-size:13px;line-height:1.35;margin:7px 0}.price{font-weight:700;font-size:13px}.old{text-decoration:line-through;color:#999;font-weight:400;margin-left:6px}.card .btn{width:100%;justify-content:center;margin-top:12px;padding:11px}.empty{padding:55px;background:var(--paper);border:1px solid var(--line);text-align:center;color:var(--muted)}.footer{background:#111;color:#fff;padding:60px 0}.footer p{color:#aaa;font-size:11px}.subnav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 30px}.pill{border:1px solid var(--line);padding:9px 12px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;background:var(--paper)}.pill.active{background:#111;color:#fff;border-color:#111}.detail{padding:80px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.detail-image{width:100%;aspect-ratio:4/5;object-fit:cover;background:#e9e6de}.detail h1{font:500 clamp(42px,5vw,70px)/.95 var(--serif);margin:16px 0}.detail .desc{color:var(--muted);line-height:1.8}.highlights{padding-left:18px;color:#555;line-height:1.9}.admin-wrap{padding:45px 0}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-title{font:500 42px var(--serif);margin:0}.admin-card{background:var(--paper);border:1px solid var(--line);padding:20px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:18px;background:var(--paper);border:1px solid var(--line)}.stat small{font-size:9px;color:#777;text-transform:uppercase;letter-spacing:.12em}.stat strong{display:block;font:500 30px var(--serif);margin-top:8px}.table{width:100%;border-collapse:collapse;font-size:11px}.table th,.table td{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.thumb{width:52px;height:64px;object-fit:cover;background:#eee}.actions{display:flex;gap:6px;flex-wrap:wrap}.smallbtn{padding:7px 9px;border:1px solid var(--line);background:#fff;font-size:9px;cursor:pointer}.danger{background:#111;color:#fff}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.field input,.field select,.field textarea{padding:12px;border:1px solid var(--line);background:#fffefa;outline:none}.field textarea{min-height:120px;resize:vertical}.login{min-height:70vh;display:grid;place-items:center}.loginbox{width:min(420px,100%);background:var(--paper);border:1px solid var(--line);padding:30px}.notice{padding:12px 15px;border:1px solid var(--line);margin-bottom:15px;font-size:11px}.notice.ok{background:#eef7ee}.notice.err{background:#f8eeee}.mobile-menu{display:none}@media(max-width:900px){.navlinks{display:none}.cats{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.hero-grid,.detail-grid{grid-template-columns:1fr;gap:35px}.stats{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.table{display:block;overflow-x:auto;white-space:nowrap}.container{width:min(var(--max),calc(100% - 28px))}.hero{padding:55px 0}.section{padding:50px 0}}@media(max-width:520px){.cats,.products{grid-template-columns:1fr 1fr;gap:8px}.cat{min-height:180px;padding:15px}.cat h3{font-size:22px}.products .card h3{font-size:11px}.head h2{font-size:42px}.stats{grid-template-columns:1fr 1fr}.nav{height:62px}.logo{font-size:10px}}
.owner-link{font-size:11px;text-transform:uppercase;letter-spacing:.14em}.deal-banner{background:#111;color:#fff;padding:72px 48px}.deal-banner h2{font:500 54px/1 var(--serif);margin:10px 0}.deal-banner p{color:#bbb;max-width:520px}.disabled{opacity:.5;pointer-events:none}.detail-price{font-size:28px!important}.discount{font-size:11px;margin-left:10px;letter-spacing:.1em;text-transform:uppercase}.funnel{margin-top:18px}.funnel h2{font:500 32px var(--serif);margin-top:0}.funnel-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.footer-links{display:flex;gap:18px;margin-top:18px}.footer-links a{color:inherit}.formgrid .field select,.formgrid .field input,.formgrid .field textarea{width:100%;box-sizing:border-box}

/* Product grid/card system — Phase 3 responsive layout */
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}
.product-card{min-width:0;background:var(--paper);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
.product-link{display:block;min-width:0}
.product-image-wrap{position:relative;width:100%;aspect-ratio:4/5;background:#e9e6de;overflow:hidden}
.product-image-wrap img{display:block;width:100%;height:100%;object-fit:cover}
.product-info{padding:14px 14px 10px}
.product-info .meta{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-info h3{font-size:13px;line-height:1.35;margin:7px 0 8px;font-weight:600}
.product-info .price{font-size:13px;font-weight:700}
.badge{position:absolute;left:9px;top:9px;z-index:2;background:#111;color:#fff;padding:6px 8px;font-size:7px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px}
.card-actions a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:9px 7px;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;border:1px solid var(--line)}
.card-view{background:transparent;color:var(--ink)}
.card-buy{background:var(--ink);color:#fff;border-color:var(--ink)!important}
.card-buy:hover{opacity:.88}
.card-buy.disabled{opacity:.45;pointer-events:auto}
@media(max-width:900px){.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-info{padding:11px 10px 8px}.product-info h3{font-size:11px}.product-info .price{font-size:12px}.card-actions{padding:0 10px 10px;gap:6px}.card-actions a{font-size:7px;min-height:34px;padding:8px 5px}}
@media(max-width:520px){.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-info{padding:10px 9px 7px}.product-info h3{font-size:10px}.product-info .meta{font-size:7px}.product-info .price{font-size:11px}.card-actions{padding:0 9px 9px;gap:5px}.card-actions a{font-size:6.5px;min-height:32px}}

.header-actions{display:flex;align-items:center;gap:18px}.instagram-profile{width:46px;height:46px;border:1px solid var(--line);border-radius:12px;display:block;overflow:hidden;background:var(--paper);transition:.2s;flex:0 0 auto}.instagram-profile img{display:block;width:100%;height:100%;object-fit:cover}.instagram-profile:hover{transform:translateY(-2px);border-color:#aaa}@media(max-width:520px){.header-actions{gap:10px}.instagram-profile{width:38px;height:38px;border-radius:10px}}

/* Final Instagram hero card — replaces the generic hero artwork */
.instagram-hero{aspect-ratio:4/5;background:#e8e4da;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 34px 38px;transition:.2s;overflow:hidden}
.instagram-hero:hover{transform:translateY(-2px);border-color:#aaa}
.instagram-hero-kicker{font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#66635d;margin-bottom:8px}
.instagram-hero-title{font:500 clamp(38px,4vw,62px)/.95 var(--serif);letter-spacing:-.04em}
.instagram-hero-rule{width:72%;border-top:1px solid #c7c2b8;margin:20px 0 28px;position:relative;height:1px}
.instagram-hero-rule span{position:absolute;left:50%;top:-12px;transform:translateX(-50%);background:#e8e4da;padding:0 10px;color:#777;font-size:15px}
.instagram-hero-avatar{width:170px;height:170px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 1px 8px rgba(0,0,0,.08);margin-bottom:18px}
.instagram-hero-handle{font-size:22px;font-weight:700;letter-spacing:-.02em}
.instagram-check{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#1687d9;color:#fff;font-size:12px;vertical-align:2px;margin-left:3px}
.instagram-hero-subtitle{margin-top:10px;color:#77736b;font-size:13px;line-height:1.5}
.instagram-hero-button{margin-top:26px;width:min(100%,360px);background:#111;color:#fff;padding:17px 18px;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.instagram-hero-button span{font-size:18px;vertical-align:-2px;margin-right:8px}
@media(max-width:900px){.instagram-hero{padding:32px 22px}.instagram-hero-avatar{width:125px;height:125px}.instagram-hero-title{font-size:42px}.instagram-hero-handle{font-size:18px}.instagram-hero-subtitle{font-size:11px}.instagram-hero-button{font-size:8px;padding:14px 12px}}
@media(max-width:520px){.instagram-hero{aspect-ratio:4/5;padding:24px 16px}.instagram-hero-kicker{font-size:8px}.instagram-hero-title{font-size:34px}.instagram-hero-rule{margin:14px 0 20px}.instagram-hero-avatar{width:105px;height:105px;border-width:4px;margin-bottom:12px}.instagram-hero-handle{font-size:15px}.instagram-check{width:15px;height:15px;font-size:9px}.instagram-hero-subtitle{font-size:9px}.instagram-hero-button{margin-top:18px;padding:12px 8px;font-size:6.5px}}
