/*
Theme Name: Noir Noel PayPal Exact
Theme URI: https://example.com/noir-noel
Author: OpenAI
Description: Responsive Noir Noel static storefront theme using PayPal checkout buttons. Four page templates: Home, Collection, Made to be Gifted, Contact.
Version: 2.0.0
License: GPL-2.0-or-later
Text Domain: noir-noel
*/
@import url('https://fonts.googleapis.com/css2?family=Amiri+Amiri:wght@500;&family=Inter:wght@300;400;500&display=swap');
:root{--black:#030302;--panel:#151719;--panel2:#1e2124;--gold:#c99b48;--gold2:#d5ac5b;--cream:#d8c7a3;--muted:#b9ad98;--line:rgba(201,155,72,.65);--soft:rgba(0,0,0,.65);--max:1180px;--serif:'Amiri',Georgia,serif;--sans:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img.logo{width: 180px;}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.nn-wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.nn-gold{color:var(--gold)}.nn-star{display:inline-block;color:var(--gold);font-size:.95em;transform:translateY(-.05em)}.nn-site-header{position:absolute;z-index:50;top:0;left:0;right:0;height:96px;background:linear-gradient(to bottom,rgba(0,0,0,.78),rgba(0,0,0,0));}.nn-header-inner{height:96px;display:flex;align-items:flex-start;justify-content:space-between;padding-top:28px}.nn-logo{font-family:var(--serif);font-size:42px;line-height:.72;font-weight:700;color:var(--gold);letter-spacing:-.04em;text-transform:uppercase;text-shadow:0 0 18px rgba(201,155,72,.12)}.nn-logo span{display:block}.nn-logo .accent{position:relative}.nn-logo .accent:after{content:'✦';font-size:.38em;margin-left:.12em;vertical-align:.22em}.nn-nav{display:flex;align-items:center;gap:18px;color:#d7c7a6;font-size:15px}.nn-nav a{opacity:.95}.nn-nav a[aria-current=page],.nn-nav a:hover{color:#fff;border-bottom:1px solid var(--gold)}.nn-nav .sep{opacity:.45}.nn-icons{display:flex;gap:22px;align-items:center;margin-left:20px;color:var(--gold)}.nn-icon{font-size:22px;line-height:1}.nn-cart{display:flex;gap:5px;align-items:center}.nn-mobile-toggle{display:none;background:none;color:var(--gold);border:0;font-size:28px}.nn-hero{min-height:440px;position:relative;display:flex;align-items:center;overflow:hidden;background:#050505}.nn-hero:before{content:'';position:absolute;inset:0;background-image:var(--hero);background-size:cover;background-position:center;opacity:.68}.nn-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 43%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,0) 40%)}.nn-hero-content{position:relative;z-index:2;padding:150px 0 80px;}.nn-hero h1{font-weight:100;font-family:var(--serif);font-size:50px;line-height:1.05;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin: 30px 0px;}.nn-hero p{max-width:520px;margin:0;color:#ded2b8;font-size:16px}.nn-scroll{margin-top:54px;color:var(--gold);width:28px;height:28px;border:0;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg);background:transparent}.nn-home-hero{min-height:456px}.nn-home-hero:before{background-position:center top}.nn-home-hero .nn-hero-content{padding-top:145px}.nn-collection-hero{min-height:365px}.nn-collection-hero:before{background-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.3) 70%),var(--hero);background-position:center 30%}.nn-collection-hero .nn-hero-content{padding-top:135px}.nn-gift-hero{min-height:585px}.nn-contact-hero{min-height:420px}.nn-section{background:var(--panel);padding:52px 0}.nn-section-dark{background:#080808}.nn-title-row{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:32px}.nn-section-title{font-weight:100;margin:0;font-family:var(--serif);font-size:37px;letter-spacing:.12em;line-height:1;text-transform:uppercase;color:var(--gold);}.nn-view-all{position:absolute;right:0;top:0;font-size:14px;text-decoration:underline;color:#d5c8ad}.nn-products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.nn-collection-grid{grid-template-columns:repeat(3,1fr);gap:22px}.nn-product{background:#050505;position:relative;overflow:hidden}.nn-product-img{height:210px;background:#111;overflow:hidden}.nn-product-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.nn-product:hover img{transform:scale(1.04)}.nn-product-body{min-height:92px;text-align:center;background:#020202;padding:19px 44px 16px 16px;position:relative}.nn-product h3{font-weight:100; margin:0 0 4px;font-family:var(--serif);font-size:18px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);font-weight:600}.nn-price{font-size:14px;color:#eee}.nn-add{position:absolute;right:14px;bottom:12px;width:30px;height:30px;border:0;background:transparent;color:var(--gold);font-family:var(--serif);font-size:35px;line-height:.6;cursor:pointer}.nn-gift-band{position:relative;min-height:320px;display:flex;align-items:center;background:#060606;overflow:hidden;border-top:1px solid rgba(201,155,72,.3);border-bottom:1px solid rgba(201,155,72,.3)}.nn-gift-band:before{content:'';position:absolute;inset:0;background-image:var(--gift);background-size:cover;background-position:center;opacity:.62}.nn-gift-band:after{content:'';position:absolute;inset:0;background:}.nn-gift-copy{position:relative;z-index:2;margin-left:auto;width:50%;padding:70px 0}.nn-gift-copy h2{font-weight:100;font-family:var(--serif);font-size:37px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);line-height:1.05;margin:0 0 12px}.nn-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:13px 31px;border:1px solid var(--gold);color:var(--gold);background:rgba(0,0,0,.2);font-family:var(--serif);font-size:16px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.nn-btn:hover{background:rgba(201,155,72,.12)}.nn-footer{background:var(--panel2);border-top:1px solid var(--line);padding:62px 0 64px}.nn-footer-grid{display:grid;grid-template-columns:1fr .8fr 1.8fr;gap:76px}.nn-footer p,.nn-footer li{color:#d4c8b2;font-size:14px}.nn-footer h3{font-weight:100;margin:0 0 18px;font-family:var(--serif);font-size:32px;letter-spacing:.11em;text-transform:uppercase;color:var(--gold);}.nn-footer ul{list-style:none;margin:0;padding:0}.nn-mail{display:flex;margin-top:22px;max-width:520px;border:1px solid var(--gold)}.nn-mail input{flex:1;background:transparent;border:0;color:#fff;padding:16px 18px;outline:0}.nn-mail button{width:56px;background:transparent;border:0;color:var(--gold);font-size:24px}.nn-layout{display:grid;grid-template-columns:205px 1fr;gap:54px}.nn-sidebar{padding-top:24px}.nn-sidebar h3{font-weight:100;font-family:var(--serif);text-transform:uppercase;letter-spacing:.09em;color:var(--gold);font-size:24px;margin:0 0 18px}.nn-sidebar ul{list-style:none;padding:0;margin:0 0 44px}.nn-sidebar li{margin:8px 0;font-size:14px}.nn-price-line{height:2px;background:var(--gold);position:relative;margin:26px 14px 14px 0}.nn-price-line:before,.nn-price-line:after{content:'';position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--gold);transform:translateY(-50%)}.nn-price-line:before{left:0}.nn-price-line:after{right:0}.nn-price-range{display:flex;justify-content:space-between;font-size:13px}.nn-filter-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px;color:#c9bda6;font-size:14px}.nn-select{border:1px solid var(--line);background:#202225;color:#d7c8aa;padding:11px 44px 11px 16px}.nn-pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:22px;color:#d3c6ad}.nn-page-current{border:1px solid var(--gold);padding:1px 9px;color:var(--gold)}.nn-gift-features{display:grid;gap:18px;margin-top:30px}.nn-feature{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center}.nn-feature-icon{font-size:30px;color:var(--gold)}.nn-feature h3{font-family:var(--serif);font-size:18px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin:0}.nn-feature p{margin:2px 0 0;font-size:14px}.nn-presented{padding:64px 0;background:var(--panel);border-top:1px solid var(--line)}.nn-presented-intro{text-align:center;max-width:620px;margin:0 auto 36px}.nn-presented-intro p{margin:12px 0 0}.nn-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.nn-info-card{background:#050505;text-align:center}.nn-info-card img{height:185px;width:100%;object-fit:cover;filter:brightness(.75)}.nn-info-card div{padding:18px}.nn-info-card h3{margin:0 0 4px;font-family:var(--serif);font-size:18px;letter-spacing:.09em;color:var(--gold);text-transform:uppercase}.nn-cta-split{position:relative;min-height:310px;display:flex;align-items:center;background:#050505;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.nn-cta-split:before{content:'';position:absolute;inset:0;background-image:var(--cta);background-size:cover;background-position:center;opacity:.6}.nn-cta-split:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.9) 60%)}.nn-cta-copy{position:relative;z-index:2;margin-left:auto;width:47%;padding:40px 0}.nn-cta-copy h2{font-weight:100; font-family:var(--serif);font-size:33px;line-height:1.05;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}.nn-contact-main{background:var(--panel);padding:58px 0}.nn-contact-grid{display:grid;grid-template-columns:1.08fr 1px 1fr;gap:76px}.nn-divider{background:linear-gradient(to bottom,transparent,var(--line),transparent);position:relative}.nn-divider:after{content:'✦';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--gold);background:var(--panel);padding:14px}.nn-form label{display:block;margin-bottom:16px}.nn-form input,.nn-form textarea{width:100%;background:#181a1c;border:1px solid var(--line);color:#fff;padding:14px 18px;outline:0}.nn-form textarea{height:150px;resize:vertical}.nn-contact-block{display:grid;grid-template-columns:70px 1fr;gap:22px;margin:0 0 42px}.nn-contact-icon{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:26px}.nn-contact-block h3,.nn-form-title{font-family:var(--serif);font-size:24px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}.nn-studio{margin-top:48px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;min-height:178px}.nn-studio-img{background-image:var(--studio);background-size:cover;background-position:center}.nn-studio-copy{padding:36px 48px}.nn-studio-copy h3{font-family:var(--serif);font-size:25px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}.nn-paypal-modal{position:fixed;inset:0;z-index:999;display:none}.nn-paypal-modal.is-open{display:block}.nn-modal-shade{position:absolute;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(3px)}.nn-modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 38px));background:#111315;border:1px solid var(--line);padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.65)}.nn-modal-close{position:absolute;right:12px;top:8px;background:transparent;border:0;color:var(--gold);font-size:26px}.nn-modal-card h3{font-family:var(--serif);font-size:28px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin:0}.nn-modal-card p{margin:6px 0 20px}.nn-paypal-note{font-size:12px;color:#a99d86;margin-top:12px}@media(max-width:960px){.nn-wrap{width:min(100% - 34px,var(--max))}.nn-site-header{height:auto}.nn-header-inner{align-items:center;padding-top:18px}.nn-mobile-toggle{display:block}.nn-nav{position:fixed;top:0;right:0;width:280px;height:100vh;background:#050505;border-left:1px solid var(--line);padding:92px 30px;display:none;flex-direction:column;align-items:flex-start}.nn-nav.is-open{display:flex}.nn-icons{margin-left:0}.nn-logo{font-size:34px}.nn-hero h1{font-size:38px}.nn-products,.nn-collection-grid,.nn-cards{grid-template-columns:repeat(2,1fr)}.nn-layout{grid-template-columns:1fr}.nn-sidebar{display:none}.nn-footer-grid{grid-template-columns:1fr;gap:30px}.nn-gift-copy,.nn-cta-copy{width:65%}.nn-contact-grid{grid-template-columns:1fr;gap:34px}.nn-divider{display:none}.nn-studio{grid-template-columns:1fr}.nn-studio-img{height:220px}.nn-view-all{position:static;display:block;text-align:right;margin:-20px 18px 20px 0}}@media(max-width:620px){.nn-header-inner{height:72px}.nn-hero{min-height:500px}.nn-hero:after{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.5)),linear-gradient(0deg,rgba(0,0,0,.9),transparent)}.nn-hero-content{padding:120px 0 56px}.nn-hero h1{font-size:31px;letter-spacing:.07em}.nn-section-title{font-size:28px}.nn-products,.nn-collection-grid,.nn-cards{grid-template-columns:1fr}.nn-product-img{height:255px}.nn-gift-copy,.nn-cta-copy{width:100%;padding:58px 0}.nn-gift-band:after,.nn-cta-split:after{background:rgba(0,0,0,.76)}.nn-footer{padding:44px 0}.nn-collection-hero{min-height:330px}.nn-contact-block{grid-template-columns:50px 1fr;gap:14px}.nn-contact-icon{width:44px;height:44px}.nn-studio-copy{padding:28px}.nn-filter-row{align-items:flex-start;gap:18px;flex-direction:column}.nn-nav{width:100%}}
/* Dynamic post-powered catalogue filters */
.nn-filter-form{color:#d4c8b2}
.nn-filter-list{display:grid;gap:8px;margin:0 0 38px}
.nn-filter-list label{display:flex;gap:10px;align-items:center;font-size:14px;cursor:pointer;color:#d4c8b2}
.nn-filter-list input{appearance:none;width:12px;height:12px;border:1px solid var(--gold);border-radius:50%;background:transparent;display:inline-block;position:relative;flex:0 0 12px}
.nn-filter-list input:checked{background:var(--gold);box-shadow:0 0 0 3px rgba(201,155,72,.16)}
.nn-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
.nn-price-inputs label{display:grid;gap:6px;color:#d4c8b2;font-size:13px}
.nn-price-inputs input{width:100%;background:#181a1c;border:1px solid var(--line);color:#fff;padding:10px 12px;outline:0}
.nn-filter-btn{width:100%;min-height:42px;border:1px solid var(--gold);background:rgba(201,155,72,.08);color:var(--gold);font-family:var(--serif);text-transform:uppercase;letter-spacing:.1em;cursor:pointer}
.nn-filter-btn:hover{background:rgba(201,155,72,.16)}
.nn-clear{display:inline-block;margin-top:12px;font-size:13px;text-decoration:underline;color:#d7c8aa}
.nn-empty{grid-column:1/-1;border:1px solid var(--line);padding:34px;text-align:center;background:#080808;color:#d7c8aa}
.nn-empty h3{margin:0 0 8px;font-family:var(--serif);font-size:26px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.nn-empty code{color:var(--gold);background:#111;padding:1px 4px}
.nn-filter-row input[type=hidden]{display:none}
@media(max-width:960px){.nn-sidebar{display:block;padding-top:0}.nn-layout{gap:34px}.nn-filter-form{border:1px solid var(--line);padding:22px;background:#111315}.nn-filter-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.nn-sidebar h3{font-size:21px;margin-top:0}.nn-price-inputs{max-width:360px}}
@media(max-width:620px){.nn-filter-list{grid-template-columns:1fr 1fr}.nn-price-inputs{grid-template-columns:1fr}.nn-filter-row .nn-select{width:100%}}

/* Basket */
.nn-basket-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.72); opacity: 0; pointer-events: none; transition: .3s ease; z-index: 998; } .nn-basket { position: fixed; top: 0; right: 0; width: 420px; max-width: 100%; height: 100vh; background: #111; color: #f2e8d5; border-left: 1px solid #c9a15a; padding: 32px; transform: translateX(100%); transition: .35s ease; z-index: 999; overflow-y: auto; } .nn-basket.is-open { transform: translateX(0); } body.basket-open .nn-basket-overlay { opacity: 1; pointer-events: auto; } .nn-basket__close { position: absolute; top: 18px; right: 22px; background: none; border: 0; color: #c9a15a; font-size: 32px; cursor: pointer; } .nn-basket h2 { font-family: serif; color: #c9a15a; text-transform: uppercase; letter-spacing: .08em; } .nn-basket-item { display: grid; grid-template-columns: 72px 1fr auto; gap: 16px; padding: 20px 0; border-bottom: 1px solid rgba(201,161,90,.25); } .nn-basket-item img { width: 72px; height: 72px; object-fit: cover; } .nn-basket-item h3 { color: #c9a15a; font-size: 15px; margin: 0 0 6px; text-transform: uppercase; } .nn-qty { display: flex; gap: 10px; align-items: center; } .nn-qty button, .nn-add-to-bag, .nn-bag-toggle { border: 1px solid #c9a15a; background: transparent; color: #c9a15a; cursor: pointer; } .nn-basket__footer { position: sticky; bottom: 0; background: #111; padding-top: 24px; } .nn-basket__subtotal { display: flex; justify-content: space-between; color: #c9a15a; margin-bottom: 20px; } @media (max-width: 768px) { .nn-basket { top: auto; bottom: 0; width: 100%; height: 88vh; border-left: 0; border-top: 1px solid #c9a15a; transform: translateY(100%); } .nn-basket.is-open { transform: translateY(0); } .nn-basket-item { grid-template-columns: 64px 1fr; } }