@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--black:#080808;--white:#fff;--ivory:#f1eee7;--grey:#888;--line:#ddd}*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:var(--black);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.navbar{height:82px;background:#080808;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:sticky;top:0;z-index:10}.logo{font:800 32px Manrope,sans-serif;letter-spacing:-3px}.navbar nav,.nav-actions{display:flex;gap:28px;align-items:center}.navbar nav a,.nav-actions a{font-size:10px;letter-spacing:1.5px}.hero{min-height:690px;background:linear-gradient(100deg,#090909 0%,#171717 60%,#333 100%);color:white;padding:9% 8%;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.hero:after{content:'NØBL';position:absolute;right:-3%;bottom:-18%;font:900 clamp(180px,32vw,470px) Manrope;color:#ffffff08;letter-spacing:-.1em}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:4px;color:#888;margin-bottom:22px}.hero h1,.page-title{font:800 clamp(54px,9vw,118px)/.92 Manrope,sans-serif;letter-spacing:-.075em}.hero h1 span{color:#aaa}.hero-line{color:#c4c4c4;margin:26px 0 32px;font-size:14px;letter-spacing:.5px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:17px 25px;border:0;font-size:10px;letter-spacing:2px;font-weight:700;cursor:pointer}.btn-light{background:white;color:#080808}.btn-dark{background:#080808;color:white}.btn-outline{border:1px solid white;color:white;background:transparent}.hero-mark{font:800 42px Manrope;letter-spacing:-4px;text-align:right;z-index:1}.hero-mark small{font:10px 'DM Sans';letter-spacing:4px}.section{padding:85px 7%}.intro{text-align:center;background:var(--ivory)}.eyebrow.dark{color:#777}.intro h2,.section-head h2,.statement h2{font:800 clamp(28px,4vw,48px) Manrope;letter-spacing:-2px;margin:12px 0 20px}.intro p:not(.eyebrow){color:#666}.text-link{display:inline-block;font-size:10px;letter-spacing:2px;font-weight:700;margin-top:25px;border-bottom:1px solid;padding-bottom:7px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head .text-link{margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card{display:block}.product-image{height:340px;background:#efefed;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#bbb;font:800 36px Manrope}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover img{transform:scale(1.04)}.product-meta{display:flex;justify-content:space-between;gap:10px;margin:14px 0 7px;font-size:13px}.product-meta strong,.price{font-weight:700}.product-card small{font-size:9px;letter-spacing:2px;color:#888}.statement{padding:100px 7%;text-align:center;background:#080808;color:white}.statement>p{font-size:10px;letter-spacing:5px;color:#888}.footer{background:#080808;color:white;padding:50px 7%;display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer p,.footer small{color:#888;font-size:10px;letter-spacing:2px;margin-top:12px}.footer>div:nth-child(2){display:flex;gap:20px;justify-content:flex-end;flex-wrap:wrap}.footer>div:nth-child(2) a{font-size:10px;letter-spacing:1px}.footer small{grid-column:1/-1;border-top:1px solid #292929;padding-top:20px}.page{min-height:65vh}.page-title{font-size:clamp(44px,7vw,82px);margin:12px 0 35px}.filters{display:flex;gap:24px;flex-wrap:wrap;margin:25px 0 35px}.filters a{font-size:10px;letter-spacing:2px}.product-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:start}.product-large{background:#eee;min-height:560px;display:flex;align-items:center;justify-content:center}.product-large img{width:100%;max-height:700px;object-fit:cover}.product-large span{font:800 60px Manrope;color:#bbb}.product-info{padding:30px 0}.product-info h1{font:800 42px Manrope;letter-spacing:-2px;margin-bottom:15px}.product-info .price{font-size:20px;margin-bottom:25px}.product-info>p{line-height:1.7;color:#555;margin-bottom:25px}.product-info form,.checkout-form{display:grid;gap:13px;max-width:500px}.product-info label,.checkout-form label{font-size:10px;letter-spacing:2px;font-weight:700}.product-info input,.product-info select,.checkout-form input,.checkout-form textarea,.admin-form input,.admin-form select,.admin-form textarea{display:block;width:100%;padding:14px;border:1px solid #ccc;background:white;margin-top:8px;font:14px 'DM Sans'}.product-info form .btn{margin-top:10px}.muted{color:#888;font-size:12px;line-height:1.6}.narrow{max-width:780px;margin:auto}.narrow p{line-height:1.8;margin:15px 0}.checkout-form{margin-top:25px}.checkout-form textarea,.admin-form textarea{min-height:100px}.error{color:#b00020}.admin-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:800px;margin:20px 0 50px}.admin-form textarea,.admin-form button{grid-column:1/-1}.admin-list{padding:20px 0 40px}.admin-list p{padding:12px 0;border-bottom:1px solid #eee;font-size:13px}.success{background:#080808;color:white;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;padding:30px}.success h1{font:800 60px Manrope}.success p{color:#bbb}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:18px 0;border-bottom:1px solid #ddd}.cart-row button{border:0;background:none;text-decoration:underline;cursor:pointer}.cart-total{font-size:22px;font-weight:700;margin:25px 0}.empty{padding:30px 0;color:#777}
@media(max-width:850px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-image{height:280px}.product-layout{grid-template-columns:1fr}.product-large{min-height:380px}.hero-mark{display:none}}
@media(max-width:600px){.navbar{height:auto;min-height:72px;padding:15px 5%;flex-wrap:wrap;gap:12px}.navbar nav{order:3;width:100%;justify-content:space-between;gap:8px}.navbar nav a,.nav-actions a{font-size:9px}.nav-actions{gap:12px}.hero{min-height:580px;padding:90px 6%}.hero h1{font-size:58px}.section{padding:60px 5%}.product-grid{gap:12px}.product-image{height:220px}.product-meta{font-size:11px;flex-direction:column}.section-head{align-items:start;gap:15px;flex-direction:column}.footer{grid-template-columns:1fr}.footer>div:nth-child(2){justify-content:flex-start}.admin-form{grid-template-columns:1fr}.cart-row{grid-template-columns:1fr auto}.cart-row>*:last-child{grid-column:1/-1}}

/* =================================
   NØBL FUTURISTIC LUXURY EXPERIENCE
================================= */

body {
    background: #050505;
    color: #fff;
    overflow-x: hidden;
}

.nobl-future {
    min-height: 85vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: radial-gradient(
        circle at center,
        #292929 0%,
        #101010 40%,
        #000 100%
    );
    padding: 80px 20px;
}

.nobl-logo-3d {
    font-size: clamp(65px, 14vw, 150px);
    font-weight: 900;
    letter-spacing: 12px;
    color: #fff;
    text-shadow:
        1px 1px 0 #aaa,
        2px 2px 0 #777,
        4px 4px 0 #444,
        0 0 30px rgba(255,255,255,.35);
    animation: logoFloat 4s ease-in-out infinite;
}

.nobl-tagline {
    font-size: 13px;
    letter-spacing: 7px;
    color: #c5c5c5;
    margin-top: 20px;
}

.nobl-enter {
    margin-top: 35px;
    padding: 15px 35px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    letter-spacing: 3px;
    transition: .4s ease;
}

.nobl-enter:hover {
    background: #fff;
    color: #000;
    box-shadow: 0 0 30px #fff;
}

@keyframes logoFloat {
    0%, 100% {
        transform: translateY(0) rotateX(0deg);
    }
    50% {
        transform: translateY(-15px) rotateX(8deg);
    }
}

.nobl-reveal {
    animation: reveal 1.5s ease forwards;
}

@keyframes reveal {
    from {
        opacity: 0;
        transform: translateY(35px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* NOBL CART CONTROLS */
.cart-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
}

.cart-controls button {
    background: #fff !important;
    color: #111 !important;
    border: 1px solid #111 !important;
    padding: 9px 14px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    opacity: 1 !important;
    visibility: visible !important;
}

.cart-controls button:hover {
    background: #111 !important;
    color: #fff !important;
}

#clear-cart {
    display: inline-block;
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #111 !important;
    padding: 12px 18px;
    margin: 20px 12px 20px 0;
    font-weight: 700;
    cursor: pointer;
}

.cart-row {
    padding: 22px 0;
    border-bottom: 1px solid #ddd;
}

.cart-row > strong {
    color: #111;
}
.cart-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    padding: 30px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.cart-controls {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 18px;
}