.checkout-panel{max-width:760px;margin:40px auto;padding:28px;border:1px solid #b6a16a}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checkout-panel label,.owner-page label{display:block;font-size:16px}.checkout-panel input:not([type=checkbox]),.checkout-panel select,.owner-page input,.owner-page select{display:block;width:100%;box-sizing:border-box;padding:12px;margin-top:8px;font:inherit;background:#171717;color:#fff;border:1px solid #80765b;border-radius:3px}.policy-check{margin-top:24px;line-height:1.7}.policy-check input{width:20px;height:20px;vertical-align:middle}.order-totals{display:grid;grid-template-columns:1fr auto;gap:12px;border-block:1px solid #80765b;padding:20px 0}.order-totals dd{margin:0}#order-review{margin-top:30px}button:disabled{opacity:.6;cursor:wait}.owner-page{font:16px/1.6 Arial,sans-serif;background:#0d0d0d;color:#eee;margin:0;padding:24px}.owner-page main{max-width:900px;margin:auto}.owner-page h1,.owner-page h2{font-family:Georgia,serif}.owner-page a{color:#d9c588}.owner-page button{font:inherit;padding:12px 18px;cursor:pointer}.order-card{border:1px solid #80765b;padding:24px;margin:24px 0;overflow-wrap:anywhere}.order-card form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.order-card form button{align-self:end}@media(max-width:600px){.checkout-fields,.order-card form{grid-template-columns:1fr}.checkout-panel{padding:18px}.owner-page{padding:16px}}

/* Shared satin surface for storefront, checkout, and owner screens. */
@media screen{
 body,body.owner-page{background:#080808 url('/images/black-satin.png') center top/cover fixed no-repeat}
 body:has(#main){background-image:linear-gradient(#08080855,#08080855),url('/images/black-satin.png')}
 main#main.satin-page{background:linear-gradient(90deg,#08080835,#080808a6 30%,#080808b3 70%,#08080845),url('/images/black-satin.png') center top/cover no-repeat #080808}
 main#main.satin-page::before{opacity:.5}
 main#main.satin-page>.wrap{background:transparent}
 body.owner-page{background-image:linear-gradient(#08080880,#08080880),url('/images/black-satin.png');min-height:100vh}
 .owner-page main{background:#080808c9;padding:clamp(18px,3vw,36px);border:1px solid #80765b66;box-sizing:border-box}
 .checkout-panel,.order-card{background:#0d0d0deb}
 body>footer{background:linear-gradient(#080808a6,#080808c9),url('/images/black-satin.png') center bottom/cover no-repeat #080808}
}
@media screen and (max-width:800px){body,body.owner-page{background-attachment:scroll}}
/* Keep fabric folds visible behind the homepage collection cards. */
@media screen{
 #main.satin-page>section.wrap:has(>.grid){background-color:#080808;background-image:linear-gradient(#08080820,#08080830),url('/images/black-satin.png');background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:80px}
 #main.satin-page>section.wrap:has(>.grid)::before{display:none}
 #main.satin-page>section.wrap:has(>.grid) .card-label,#main.satin-page>section.wrap:has(>.grid) .card>p{text-shadow:0 2px 5px #000}
}

/* Frame the wig portrait without the source image's wide black side margins. */
.product>.product-image[src$="/collection-4.png"]{display:block;width:100%;height:auto;aspect-ratio:1 / 1;max-height:none;object-fit:cover;object-position:51% center;align-self:start}
/* One shared hero fabric layer prevents seams at the centered content edges. */
.hero-surround{background:linear-gradient(#08080820,#08080830),url('/images/black-satin.png') center/cover no-repeat #080808}
.hero-surround::before,.hero-surround .hero::before{display:none}
.hero-surround .hero,.hero-surround .hero-art{background:transparent}
.hero-surround .hero-art::after{display:none}
.hero-surround .hero-art>img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);mask-composite:intersect}
