/*
Theme Name: Hope Light Store
Theme URI: https://hopelightstore.com
Author: Hope Light Store
Description: Native WordPress + WooCommerce theme for Hope Light Store, built from the original design (recovered from the source bundle) as real PHP templates — header, drawer, homepage, shop, single product, cart/checkout/account, and a dedicated /admin management panel. No iframe or client-side "unpacker" wrapper.
Version: 2.3.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: hope-light-store
Tags: e-commerce, woocommerce, custom-logo, custom-menu, featured-images, translation-ready
*/

html,body{margin:0;padding:0;width:100%;min-width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{position:relative}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,iframe{max-width:100%;height:auto;display:block}
.mq{width:100%;max-width:100vw;overflow:hidden!important}
main,header,section,footer{max-width:100%;box-sizing:border-box}
.hls-shell{max-width:1200px;margin:0 auto;padding:1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}

/* Marquee / entrance keyframes used by header.php and front-page.php */
@keyframes mscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes scaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

/* Utility grids referenced throughout the recovered design markup */
.grid2-4{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:768px){.grid2-4{grid-template-columns:repeat(4,1fr)}}
.grid2-3{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:768px){.grid2-3{grid-template-columns:repeat(3,1fr)}}
.pgrid4{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:900px){.pgrid4{grid-template-columns:repeat(4,1fr)}}
.pgrid34{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(min-width:640px){.pgrid34{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.pgrid34{grid-template-columns:repeat(4,1fr)}}
.foot-grid{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:900px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.two-col{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:768px){.two-col{grid-template-columns:1fr 1fr}}
.cta-row{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center}
@media(min-width:640px){.cta-row{flex-direction:row}}
.cta-row a{text-align:center}
.lift{transition:transform .2s,box-shadow .2s}
.lift:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.glossy{position:relative;overflow:hidden}
.linkw{transition:color .2s}
.linkw:hover{color:#E7B75F!important}
.hide-sm{display:none}
@media(min-width:768px){.hide-sm{display:flex}}
a{text-decoration:none}