/*
Theme Name: DEELDROP Custom
Theme URI: https://deeldrop.com/
Author: DEELDROP
Description: Custom product-first WooCommerce theme for DEELDROP. No page builder required.
Version: 1.1.0
Text Domain: deeldrop
*/
:root{--charcoal:#171717;--ivory:#F7F3EA;--gold:#C9A45C;--taupe:#B8AA98;--white:#fff;--line:rgba(23,23,23,.10);--font-display:'Cormorant Garamond',Georgia,serif;--font-body:'Montserrat',Arial,sans-serif;--container:1400px;--radius:2px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--charcoal);background:var(--white);font-family:var(--font-body);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}.container{max-width:var(--container);margin:auto;padding:0 32px}.announce-bar{background:var(--charcoal);color:var(--ivory);text-align:center;padding:7px 16px;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.header-inner{max-width:var(--container);margin:auto;min-height:76px;padding:0 32px;display:flex;align-items:center;gap:28px}.brand-logo img{display:block;width:145px;height:auto}.main-nav{display:flex;align-items:center;justify-content:center;gap:20px;flex:1}.main-nav a{font-size:10.5px;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap}.main-nav a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{position:relative;border:0;background:transparent;color:var(--charcoal);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0}.icon-btn:hover{color:var(--gold)}.badge{position:absolute;right:1px;top:0;min-width:15px;height:15px;padding:0 4px;border-radius:10px;background:var(--gold);color:var(--charcoal);font-size:8px;line-height:15px;text-align:center}.mobile-only{display:none}.welcome{text-align:center;padding:42px 20px 24px;max-width:680px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 7px}.welcome h1,.section-head h2{font-family:var(--font-display);font-weight:600;line-height:1.05;margin:0}.welcome h1{font-size:clamp(32px,4.5vw,46px);font-style:italic}.welcome-sub{margin:9px 0 0;color:var(--taupe);font-size:14px}.product-section,.deals-section{padding:48px 0}.product-section.alt-bg{background:var(--ivory)}.section-head{max-width:var(--container);margin:auto;padding:0 32px 22px;display:flex;justify-content:space-between;align-items:end;gap:20px}.section-head h2{font-size:clamp(25px,3vw,34px)}.section-sub{margin:5px 0 0;color:var(--taupe);font-size:12.5px}.view-all{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--charcoal);padding-bottom:2px}.view-all:hover{color:var(--gold);border-color:var(--gold)}.product-grid{max-width:var(--container);margin:auto;padding:0 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.dd-product-card{min-width:0}.dd-product-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--ivory)}.dd-product-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.dd-product-card:hover .dd-product-media img{transform:scale(1.04)}.dd-badge{position:absolute;left:12px;top:12px;background:var(--charcoal);color:var(--ivory);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;z-index:2}.dd-badge.sale{background:var(--gold);color:var(--charcoal)}.dd-wish{position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.94);z-index:2}.dd-wish:hover{color:var(--gold)}.dd-product-info{padding:13px 2px 0}.dd-product-name{font-size:13px;font-weight:500;line-height:1.35;margin:0 0 5px}.dd-rating{font-size:10.5px;color:var(--taupe)}.dd-rating .stars{color:var(--gold);letter-spacing:1px}.dd-price{display:flex;align-items:baseline;gap:8px;margin-top:4px}.dd-price-now{font-family:var(--font-display);font-size:19px;font-weight:600}.dd-price-old{font-size:11px;color:var(--taupe);text-decoration:line-through}.dd-off{font-size:10px;color:var(--gold);font-weight:600}.dd-add{margin-top:9px;width:100%;border:1px solid var(--charcoal);background:transparent;color:var(--charcoal);padding:10px 8px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.dd-add:hover{background:var(--charcoal);color:var(--ivory)}.category-section{padding:54px 0 60px}.category-head{text-align:center;max-width:var(--container);margin:0 auto 22px;padding:0 32px}.category-head h2{font-family:var(--font-display);font-size:clamp(25px,3vw,34px);margin:0}.category-grid{max-width:var(--container);margin:auto;padding:0 32px;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.category-card{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--ivory)}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.category-card:hover img{transform:scale(1.05)}.category-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:0 10px 18px;text-align:center;background:linear-gradient(to top,rgba(23,23,23,.72),transparent 65%);color:white}.category-overlay h3{font-family:var(--font-display);font-size:21px;line-height:1.1;margin:0 0 3px}.category-overlay span{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.promo-banner{margin:0 32px 50px;background:var(--charcoal);color:var(--ivory);text-align:center;padding:62px 20px}.promo-banner h2{font-family:var(--font-display);font-size:38px;line-height:1;margin:0}.promo-banner p{color:rgba(247,243,234,.72);font-size:13px;margin:12px 0 22px}.btn-outline-light{display:inline-block;border:1px solid var(--ivory);padding:11px 24px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.btn-outline-light:hover{background:var(--ivory);color:var(--charcoal)}.newsletter{background:var(--ivory);padding:58px 20px}.newsletter-inner{max-width:680px;margin:auto;text-align:center}.newsletter h2{font-family:var(--font-display);font-size:34px;margin:0}.newsletter p{color:var(--taupe);font-size:13px}.newsletter-form{display:flex;max-width:560px;margin:22px auto 0}.newsletter-form input{flex:1;border:1px solid var(--line);padding:12px 14px;background:white;outline:none}.newsletter-form button{border:1px solid var(--charcoal);background:var(--charcoal);color:var(--ivory);padding:0 20px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.site-footer{background:var(--white);border-top:1px solid var(--line);padding:48px 32px 0}.footer-grid{max-width:var(--container);margin:auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:34px}.footer-logo{width:135px}.footer-tagline{font-family:var(--font-display);font-size:17px;margin:8px 0 14px}.footer-col h3{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 11px}.footer-col a{display:block;font-size:12px;color:rgba(23,23,23,.7);padding:4px 0}.footer-col a:hover{color:var(--gold)}.social-icons{display:flex;gap:8px}.social-icons a{width:28px;height:28px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:600}.footer-bottom{max-width:var(--container);margin:35px auto 0;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.payment-methods{display:flex;gap:16px;flex-wrap:wrap}.payment-methods span,.footer-bottom p{font-size:10px;color:var(--taupe);margin:0}.search-overlay{position:fixed;inset:0;background:rgba(23,23,23,.5);z-index:80;opacity:0;visibility:hidden;transition:.25s}.search-overlay.open{opacity:1;visibility:visible}.search-panel{background:var(--ivory);max-width:720px;margin:12vh auto 0;padding:40px;position:relative}.search-panel form{display:flex;border-bottom:1px solid var(--charcoal)}.search-panel input{flex:1;border:0;background:transparent;padding:12px 0;font-family:var(--font-display);font-size:25px;outline:0}.search-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:25px}.mobile-menu{display:none}.woocommerce .site-main{max-width:var(--container);margin:auto;padding:40px 32px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{font-family:var(--font-body)}.woocommerce div.product .product_title,.woocommerce-page div.product .product_title{font-family:var(--font-display);font-size:42px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--charcoal);color:var(--ivory);border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--gold);color:var(--charcoal)}
@media(max-width:1100px){.main-nav{gap:11px}.main-nav a{font-size:9px}.category-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.desktop-only{display:none!important}.mobile-only{display:inline-flex}.header-inner{padding:0 16px;justify-content:space-between;gap:8px;min-height:64px}.brand-logo img{width:125px}.header-actions{margin-left:auto}.main-nav{display:none}.mobile-menu{display:block;position:fixed;top:64px;left:0;right:0;background:white;border-bottom:1px solid var(--line);z-index:49;padding:16px;transform:translateY(-120%);transition:.25s;box-shadow:0 15px 35px rgba(0,0,0,.08)}.mobile-menu.open{transform:translateY(0)}.mobile-menu a{display:block;padding:10px 2px;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.product-grid{grid-template-columns:repeat(2,1fr);padding:0 16px;gap:18px}.section-head{padding:0 16px 18px}.category-grid{padding:0 16px;grid-template-columns:repeat(2,1fr)}.category-head{padding:0 16px}.promo-banner{margin:0 16px 40px}.site-footer{padding-left:16px;padding-right:16px}.footer-grid{grid-template-columns:repeat(2,1fr)}.newsletter-form{display:block}.newsletter-form input,.newsletter-form button{width:100%;height:44px}.newsletter-form button{margin-top:8px}.woocommerce .site-main{padding:28px 16px}}
@media(max-width:480px){.welcome{padding-top:32px}.product-section,.deals-section{padding:36px 0}.dd-product-name{font-size:12px}.dd-add{font-size:9px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.payment-methods{gap:9px}}
