/*
Theme Name: Shop Til U Drop Light
Description: Fast, conversion-focused WooCommerce theme for Shop Til U Drop.
Version: 2.1.0
Requires at least: 6.6
Requires PHP: 7.4
Author: Shop Til U Drop
License: GPL-2.0-or-later
Text Domain: shoptiludrop-light
*/
:root{--navy-950:#020d21;--navy-900:#031638;--navy-800:#082451;--blue:#087bee;--blue-light:#23b6ff;--orange:#ff6500;--ink:#122039;--muted:#5b687b;--line:#dfe6ef;--paper:#f4f7fb;--shadow:0 16px 50px rgba(3,22,56,.1);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}a{color:#075fae;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto;vertical-align:middle}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{max-width:100%;padding:.78rem .9rem;border:1px solid #8794a6;border-radius:8px;background:#fff;color:var(--ink)}h1,h2,h3,h4{margin-top:0;color:var(--navy-900);line-height:1.12;letter-spacing:-.025em}h1{font-size:clamp(2.25rem,5vw,4.5rem)}h2{font-size:clamp(1.65rem,3vw,2.5rem)}h3{font-size:1.22rem}:focus-visible{outline:3px solid var(--blue-light);outline-offset:3px}.wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}.site-main{min-height:50vh;padding:42px 0 72px}.skip-link,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{clip-path:none;width:auto;height:auto;top:8px;left:8px;padding:12px 16px;background:#fff;color:var(--navy-900);z-index:9999}
.topbar{background:var(--orange);color:#241107;text-align:center;font-size:.82rem;font-weight:800;letter-spacing:.025em;padding:7px 12px}.site-header{position:relative;z-index:20;background:var(--navy-900);color:#fff;box-shadow:0 5px 22px rgba(0,0,0,.16)}.header-main{display:grid;grid-template-columns:250px minmax(280px,1fr) auto;align-items:center;gap:32px;padding:20px 0}.site-logo{display:block;width:250px;line-height:0}.site-logo img{display:block;width:100%;max-height:92px;object-fit:contain;object-position:left center}.custom-logo-link{display:block;line-height:0}.custom-logo{max-height:92px;width:auto}.header-search .search-form{display:flex;position:relative}.header-search input[type=search]{width:100%;min-width:0;min-height:49px;border:0;border-radius:9px 0 0 9px;padding-left:16px}.header-search button{min-width:94px;border-radius:0 9px 9px 0}.header-actions{display:flex;align-items:center;gap:8px}.header-action{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 10px;color:#fff;text-decoration:none;border-radius:9px}.header-action:hover{background:rgba(255,255,255,.08);text-decoration:none}.header-action svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}.header-action-copy{display:grid;font-size:.72rem;line-height:1.2;color:#aebdd4}.header-action-copy strong{font-size:.9rem;color:#fff}.cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:3px;border-radius:20px;background:var(--orange);color:#111;font-size:.72rem}.nav-shell{border-top:1px solid rgba(255,255,255,.13);background:var(--navy-950)}.nav-row{display:flex;align-items:center;gap:24px}.primary-nav{flex:1;min-width:0}.nav-list,.nav-list ul{list-style:none;margin:0;padding:0}.nav-list{display:flex;gap:30px;align-items:center}.nav-list>li>a{display:block;position:relative;padding:15px 0;color:#fff;text-decoration:none;font-size:.9rem;font-weight:750}.nav-list>li>a:after{content:"";position:absolute;left:0;right:100%;bottom:10px;height:2px;background:var(--orange);transition:right .18s ease}.nav-list>li>a:hover:after,.nav-list>.current-menu-item>a:after,.nav-list>.current-menu-ancestor>a:after{right:0}.nav-list>li>a:hover{color:#fff}.nav-list .sub-menu{position:absolute;top:100%;min-width:250px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:0 0 10px 10px;box-shadow:var(--shadow);visibility:hidden;opacity:0;transform:translateY(5px)}.nav-list li{position:relative}.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{visibility:visible;opacity:1;transform:none}.nav-list .sub-menu a{display:block;padding:9px 10px;color:var(--ink);text-decoration:none;border-radius:6px}.nav-list .sub-menu a:hover{background:var(--paper)}.nav-new-link{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid rgba(255,255,255,.25);border-radius:7px;color:#fff;font-size:.82rem;font-weight:800;text-decoration:none;white-space:nowrap}.nav-new-link:hover{border-color:var(--orange);background:var(--orange);color:#1d0e05;text-decoration:none}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,var(--navy-950) 0%,var(--navy-900) 58%,#073273 100%);border-radius:22px;box-shadow:var(--shadow);color:#dce8fa}.hero:before{content:"";position:absolute;z-index:-1;right:-9%;bottom:-58%;width:55%;aspect-ratio:1;border:2px solid rgba(35,182,255,.38);border-radius:50%;box-shadow:0 0 0 42px rgba(8,123,238,.11),0 0 0 86px rgba(8,123,238,.07)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;min-height:480px}.hero-copy{padding:clamp(38px,6vw,76px)}.hero h1{max-width:720px;margin:.3rem 0 1.2rem;color:#fff}.hero p{max-width:620px;margin:0 0 1.7rem;color:#c8d7eb;font-size:1.12rem}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-size:.78rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:3px;background:currentColor}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button,button,input[type=submit],.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.wp-element-button,.wc-block-components-button:not(.is-link){display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:.78rem 1.2rem;border:0;border-radius:8px;background:var(--orange);color:#211108;font-weight:800;line-height:1.3;text-align:center;text-decoration:none;box-shadow:none}.button:hover,button:hover,input[type=submit]:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover,.wp-element-button:hover{background:#ff812b;color:#211108;text-decoration:none}.button-secondary{background:#fff!important;color:var(--navy-900)!important}.hero-art{align-self:stretch;display:grid;align-content:center;justify-items:center;padding:44px 54px 44px 10px}.hero-brand-card{width:min(100%,470px);padding:16px;border:1px solid rgba(255,255,255,.17);border-radius:18px;background:rgba(2,13,33,.28);box-shadow:0 24px 70px rgba(0,0,0,.24);transform:rotate(-1.3deg)}.hero-brand-card img{width:100%;border-radius:10px}.hero-brand-card small{display:block;padding:12px 4px 1px;color:#aebed7;text-align:center}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 30px rgba(3,22,56,.06)}.trust-item{display:flex;gap:13px;align-items:center;padding:20px 24px}.trust-item+.trust-item{border-left:1px solid var(--line)}.trust-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#e9f4ff;color:var(--blue);font-weight:900}.trust-item strong{display:block;color:var(--navy-900);font-size:.95rem}.trust-item span{display:block;color:var(--muted);font-size:.8rem;line-height:1.3}.section{margin-top:64px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{margin:0}.section-heading p{max-width:580px;margin:.5rem 0 0;color:var(--muted)}.section-link{font-weight:750;white-space:nowrap}.category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;min-height:220px;padding:24px;border-radius:var(--radius);background:#e8f3fb;color:var(--navy-900);text-decoration:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.category-card-1{background:#0b315d;color:#fff}.category-card-2{background:#f1dfc7}.category-card-3{background:#202e3e;color:#fff}.category-card-4{background:#ddecf3}.category-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(3,22,56,.12);text-decoration:none}.category-number{grid-column:1/-1;color:var(--orange);font-size:.75rem;font-weight:900;letter-spacing:.12em}.category-card-copy{align-self:end;display:grid;gap:9px}.category-card-copy strong{max-width:180px;color:inherit;font-size:1.35rem;line-height:1.1}.category-card-copy small{color:inherit;opacity:.76;line-height:1.45}.category-arrow{align-self:end;font-size:1.4rem;transition:transform .2s ease}.category-card:hover .category-arrow{transform:translateX(5px)}.deal-banner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;padding:34px 40px;border-radius:var(--radius);background:linear-gradient(110deg,#071f49,#0a397e);color:#dce8fa;overflow:hidden}.deal-banner h2{margin:0 0 8px;color:#fff}.deal-banner p{margin:0}.deal-banner .button{justify-self:end}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none!important;width:auto!important;margin:0!important;display:flex;flex-direction:column;position:relative;padding:0 0 18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.woocommerce ul.products li.product:hover{transform:translateY(-3px);border-color:#c5d2e3;box-shadow:0 14px 36px rgba(3,22,56,.1)}.woocommerce ul.products li.product a img{width:100%;aspect-ratio:1/1;object-fit:contain;margin:0 0 14px!important;padding:14px;background:#fff}.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin-left:16px!important;margin-right:16px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{min-height:4.2em;padding:0!important;color:var(--ink);font-size:.98rem;line-height:1.4}.woocommerce ul.products li.product .price{margin-top:auto!important;margin-bottom:12px!important;color:var(--navy-900);font-size:1.05rem;font-weight:850}.woocommerce ul.products li.product .price del{color:#7d8795;font-weight:500}.woocommerce ul.products li.product .price ins{text-decoration:none}.woocommerce ul.products li.product .button{margin-top:0!important}.woocommerce span.onsale{top:12px!important;left:12px!important;right:auto!important;min-width:0;min-height:0;padding:6px 10px;border-radius:5px;background:var(--orange);color:#281208;font-size:.72rem;line-height:1.2;text-transform:uppercase}.woocommerce .products .star-rating{margin-left:16px!important}.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:26px}.woocommerce .woocommerce-ordering select{padding:.65rem 2rem .65rem .8rem}.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);gap:54px}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:auto;margin:0}.woocommerce div.product div.summary{position:sticky;top:24px;align-self:start;padding:28px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 42px rgba(3,22,56,.07)}.woocommerce div.product .product_title{font-size:clamp(1.8rem,3vw,2.7rem)}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--navy-900);font-size:1.5rem;font-weight:850}.woocommerce div.product form.cart{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.woocommerce .quantity .qty{width:5.5em;min-height:49px}.woocommerce div.product form.cart .button{min-height:49px;flex:1}.woocommerce-product-gallery__image{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:20px}.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0}.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:8px 8px 0 0}.woocommerce-message,.woocommerce-info{border-top-color:var(--blue);background:#f0f7ff}.woocommerce-message::before,.woocommerce-info::before{color:#075eae}.woocommerce-error{border-top-color:#c23232}.woocommerce table.shop_table{border-color:var(--line);border-radius:var(--radius)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:12px;border:1px solid #8290a2;border-radius:7px}.woocommerce-checkout #payment{background:var(--paper)}.woocommerce-checkout #payment div.payment_box{background:#e3eaf2}.wc-block-components-product-price{color:var(--navy-900);font-weight:800}.wc-block-components-button:not(.is-link) .wc-block-components-button__text{color:#211108}
.entry{max-width:880px;margin:0 auto 40px}.entry-content{overflow-wrap:anywhere}.entry-content:after{content:"";display:table;clear:both}.alignwide{max-width:1240px}.aligncenter{display:block;margin-inline:auto}.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{color:var(--muted);font-size:.85rem}.sticky{border-left:3px solid var(--orange);padding-left:20px}.bypostauthor{border-left:2px solid var(--blue)}.site-footer{margin-top:30px;background:var(--navy-950);color:#c8d4e6}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;padding:54px 0 40px}.footer-logo{display:block;width:230px;margin-bottom:16px}.site-footer h3{color:#fff;font-size:1rem;letter-spacing:0}.site-footer p{max-width:470px}.site-footer a{color:#eaf3ff}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li+li{margin-top:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid rgba(255,255,255,.12);color:#94a7c3;font-size:.8rem}.footer-menu{display:flex;gap:18px;flex-wrap:wrap}.empty-state{padding:38px;border-radius:var(--radius);background:var(--paper)}.pagination{margin:30px 0}.pagination .page-numbers{padding:8px}.comment-list{padding-left:24px}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}
@media(max-width:980px){.header-main{grid-template-columns:190px 1fr auto;gap:18px}.site-logo{width:190px}.header-action-copy{display:none}.nav-list{gap:20px}.nav-new-link{display:none}.hero-grid{grid-template-columns:1fr .72fr}.hero-copy{padding:44px}.hero-art{padding:32px 30px 32px 0}.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1.2fr 1fr;gap:38px}.footer-brand{grid-column:1/-1}}
@media(max-width:700px){.wrap{width:min(100% - 28px,1240px)}.topbar{font-size:.72rem}.header-main{grid-template-columns:142px 1fr;padding:13px 0}.site-logo{width:142px}.header-search{grid-column:1/-1;grid-row:2}.header-actions{justify-self:end}.header-action{padding:5px}.header-action:first-child{display:none}.nav-row{display:block}.menu-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:11px 0;border-radius:0;background:transparent;color:#fff}.menu-toggle:after{content:"+";font-size:1.4rem}.menu-toggle[aria-expanded=true]:after{content:"−"}.js .primary-nav[hidden]{display:none}.nav-list{display:block;padding-bottom:12px}.nav-list>li>a{padding:8px 0}.nav-list .sub-menu{position:static;visibility:visible;opacity:1;transform:none;box-shadow:none;background:transparent;padding:0 0 6px 14px}.nav-list .sub-menu a{color:#dce8fa}.site-main{padding:22px 0 50px}.hero{border-radius:15px}.hero-grid{display:block;min-height:0}.hero-copy{padding:38px 26px 26px}.hero h1{font-size:2.55rem}.hero p{font-size:1rem}.hero-art{padding:4px 26px 32px}.hero-brand-card{max-width:360px;transform:none}.trust-strip{grid-template-columns:1fr}.trust-item{padding:15px 18px}.trust-item+.trust-item{border-left:0;border-top:1px solid var(--line)}.section{margin-top:48px}.section-heading{display:block;margin-bottom:19px}.section-link{display:inline-block;margin-top:8px}.deal-banner{display:block;padding:28px}.deal-banner .button{margin-top:20px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.woocommerce ul.products li.product{padding-bottom:12px}.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin-left:10px!important;margin-right:10px!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:.87rem}.woocommerce ul.products li.product .button{padding:.65rem .5rem;font-size:.78rem}.woocommerce div.product{display:block}.woocommerce div.product div.summary{position:static;margin-top:22px;padding:20px}.woocommerce div.product .woocommerce-tabs{margin-top:34px}.footer-grid{display:block;padding:42px 0 25px}.footer-grid>div+div{margin-top:32px}.footer-bottom{display:block}.footer-menu{margin-top:12px}.alignleft,.alignright{float:none;margin:20px 0}}
@media(max-width:380px){.woocommerce ul.products{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
