/*
Theme Name: PIPER.501
Author: PIPER.501
Version: 3.8.0
Description: Premium WooCommerce Theme – Four Worlds Collection
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
WC requires at least: 6.0
Text Domain: piper501
License: Proprietary – all rights reserved
*/
:root{--black:#0c0c0c;--cream:#f1eee6;--gold:#d6a34a;--muted:#8c8c86}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#151515;font-family:Arial,Helvetica,sans-serif}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(8,8,8,.97);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #242424}.logo{font-size:24px;font-weight:900;letter-spacing:2px}.logo span{color:var(--gold)}.site-header a{color:#fff;text-decoration:none}.site-header nav{display:flex;gap:30px}.site-header nav a{font-size:11px;letter-spacing:2px;color:#aaa}.site-header nav a:hover{color:var(--gold)}.cart-button{background:none;border:0;color:#fff;font-size:11px;letter-spacing:1.5px;cursor:pointer}.cart-button span{display:inline-grid;place-items:center;background:var(--gold);color:#111;border-radius:50%;width:22px;height:22px;margin-left:7px}.hero{min-height:78vh;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.62)),url('assets/hero-kollektion.webp?v=3.7.0') center/cover;display:flex;align-items:center;color:#fff;padding:8vw}.hero-inner{max-width:780px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:bold}.eyebrow.dark{color:#76613c}.hero h1,.world-intro h2,.collection h2,.gift h2{font-family:Georgia,serif;font-size:clamp(52px,8vw,112px);line-height:.88;letter-spacing:-3px;margin:24px 0}.hero h1 em{color:var(--gold);font-style:italic}.hero p{max-width:610px;color:#bbb;line-height:1.8;font-size:17px}.btn{display:inline-block;background:var(--gold);color:#111;text-decoration:none;border:0;padding:17px 24px;font-size:11px;letter-spacing:2px;font-weight:bold;margin-top:24px;cursor:pointer}.world-intro{padding:110px 5vw}.world-intro>h2{font-size:clamp(48px,7vw,92px);margin-bottom:60px}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cfcac0}.world-card{background:#e8e4db;padding:38px 28px;text-decoration:none;color:#111;min-height:260px;transition:.25s}.world-card:hover{background:#111;color:#fff;transform:translateY(-5px)}.world-card span{font-family:Georgia,serif;font-size:52px;color:var(--gold)}.world-card h3{font-size:20px;letter-spacing:1px;margin:28px 0 8px}.world-card p{font-size:11px;letter-spacing:2px;color:#777}.world-card b{display:block;margin-top:42px;font-size:10px;letter-spacing:2px;color:var(--gold)}.collection{padding:100px 5vw;background:#101010;color:#fff;border-top:1px solid #292929}.collection-origins{background:#12110f}.collection-signatures{background:#0c0c0c}.collection-creations{background:#11100f}.collection-limited{background:#080808}.section-head{display:grid;grid-template-columns:160px 1fr;max-width:1100px;margin-bottom:70px}.world-no{font-family:Georgia,serif;font-size:84px;color:#292929}.section-head h2{font-size:clamp(44px,6vw,82px);margin:10px 0 20px}.section-head p{max-width:650px;color:#888;line-height:1.7}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#171717;border:1px solid #252525;overflow:hidden;transition:.25s}.product-card:hover{transform:translateY(-6px);border-color:var(--accent)}.product-image{position:relative;background:#ece8df;aspect-ratio:1/1;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;display:block}.number{position:absolute;z-index:2;top:18px;left:18px;background:#111;color:var(--accent);font-size:10px;letter-spacing:2px;padding:9px 10px}.product-info{padding:24px}.product-info small{font-size:9px;letter-spacing:2px;color:#666}.product-info h3{font-family:Georgia,serif;font-size:27px;margin:8px 0;color:var(--accent);overflow-wrap:break-word;word-break:break-word;line-height:1.08}.character{font-size:12px;color:#bbb}.use{font-size:9px;letter-spacing:1px;color:#6f6f6f;min-height:28px}.options{margin:18px 0}.size-options,.grind-options{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.options button{background:#111;border:1px solid #393939;color:#999;padding:8px 10px;font-size:10px;cursor:pointer}.options button.active{border-color:var(--accent);color:var(--accent)}.buy-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #2a2a2a;padding-top:18px}.price{font-family:Georgia,serif;color:#fff}.add-btn{background:var(--accent);border:0;color:#111;padding:11px 12px;font-size:9px;font-weight:bold;letter-spacing:1px;cursor:pointer}.gift{padding:120px 5vw;background:#d9d3c7;text-align:center}.gift h2{font-size:clamp(48px,7vw,92px)}.gift>p{color:#666}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#bdb6aa;margin-top:60px;text-align:left}.gift-grid div{background:#e8e3da;padding:30px}.gift-grid b{display:block;font-size:12px;letter-spacing:1px}.gift-grid span{display:block;color:#777;font-size:12px;margin-top:8px}.site-footer{background:#080808;color:#777;padding:55px 5vw;display:flex;justify-content:space-between;align-items:center}.site-footer a{color:#777;text-decoration:none;margin-left:18px;font-size:10px}.cart-drawer{position:fixed;top:0;right:-480px;width:min(460px,94vw);height:100vh;background:#111;color:#fff;z-index:100;padding:28px;transition:.3s;display:flex;flex-direction:column}.cart-drawer.open{right:0}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:90;display:none}.overlay.open{display:block}.cart-head{display:flex;justify-content:space-between;border-bottom:1px solid #333}.cart-head button{background:none;border:0;color:#fff;font-size:30px}.cart-item{padding:16px 0;border-bottom:1px solid #292929;display:grid;grid-template-columns:1fr auto;gap:5px}.cart-item small{color:#777}.cart-item button{background:none;border:0;color:#999}.cart-foot{margin-top:auto;border-top:1px solid #333;padding-top:20px}.cart-foot>div{display:flex;justify-content:space-between}.full{width:100%;margin-top:20px}.woocommerce-page .site-header nav{display:none}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.world-grid,.gift-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.site-header nav{display:none}.hero{min-height:70vh;padding:18vw 6vw}.hero h1{font-size:58px}.world-intro,.collection,.gift{padding:75px 5vw}.world-grid,.product-grid,.gift-grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.world-no{font-size:50px}.product-card{display:grid;grid-template-columns:42% 58%}.product-image{aspect-ratio:auto;min-height:330px}.product-info{padding:18px}.product-info h3{font-size:23px}.site-footer{display:block}.site-footer>*{margin:14px 0}.site-footer a{margin:0 15px 0 0}}

/* v2.2 narrower premium tins */
.product-image{background:#0f0f0f;}
.product-image img{width:78%;height:100%;margin:0 auto;object-fit:cover;object-position:center;display:block;}
@media(max-width:900px){.product-image img{width:86%;}}

/* PIPER.501 v2.4 – final photographic product presentation */
.product-image{background:#080808!important;aspect-ratio:1/1!important;}
.product-image img{width:100%!important;height:100%!important;margin:0!important;object-fit:contain!important;object-position:center!important;display:block!important;}
.product-card{background:#111!important;}

/* PIPER.501 v3.8 – newsletter welcome popup (10% code) */
.nl-popup{position:fixed;inset:0;background:rgba(0,0,0,0);pointer-events:none;z-index:200;display:flex;align-items:center;justify-content:center;transition:background .3s}
.nl-popup.open{background:rgba(0,0,0,.75);pointer-events:auto}
.nl-box{background:#111;border:1px solid var(--gold);max-width:420px;width:92vw;padding:40px 34px;color:#fff;text-align:center;position:relative;transform:translateY(20px);opacity:0;transition:.35s;max-height:88vh;overflow:auto}
.nl-popup.open .nl-box{transform:translateY(0);opacity:1}
.nl-close{position:absolute;top:12px;right:14px;background:none;border:0;color:#999;font-size:24px;cursor:pointer;line-height:1;padding:6px}
.nl-eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:bold}
.nl-box h3{font-family:Georgia,serif;font-size:30px;line-height:1.08;margin:14px 0 16px;color:#fff}
.nl-text{color:#aaa;font-size:13px;line-height:1.7;margin-bottom:22px}
#nlForm input[type=email]{width:100%;padding:13px 14px;background:#0c0c0c;border:1px solid #333;color:#fff;font-size:13px;margin-bottom:14px;font-family:inherit}
.nl-consent{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#999;text-align:left;margin-bottom:18px;line-height:1.5}
.nl-consent input{margin-top:3px;flex-shrink:0}
.nl-consent a{color:var(--gold)}
.nl-error{color:#e0645a;font-size:12px;min-height:14px;margin-top:10px}
.nl-success p{color:#ccc;font-size:13px;margin:0}
.nl-success .nl-code{font-family:Georgia,serif;font-size:28px;letter-spacing:3px;color:var(--gold);border:1px dashed var(--gold);padding:14px;margin:16px 0}
.nl-hint{color:#888!important;font-size:11px!important;line-height:1.6}
@media(max-width:650px){.nl-box{padding:34px 22px}.nl-box h3{font-size:25px}}