/*
Theme Name: Kiddys Colour Sheet
Author: Ashley Davis
Version: 1.0
*/
/* ============================================
   EVERYTHING BELOW IS YOUR ORIGINAL CSS
   Nothing has been changed - copied exactly as-is
   ============================================ */

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:auto;}
body{font-family:'Open Sans',sans-serif;background:#fff;color:#1a202c;}

/* NAV */
nav{background:#1a3a6b;border-bottom:3px solid #FFD600;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:60px;position:relative;z-index:999;box-shadow:0 2px 8px rgba(0,0,0,.06);}
body{padding-top:0;}
.top-banner{scroll-margin-top:60px;}
.nav-logo{font-family:'Fredoka One',sans-serif;font-size:22px;color:#FFD600;text-decoration:none;letter-spacing:1px;}
.nav-logo span{color:#fff;}
.nav-links{display:flex;align-items:center;list-style:none;gap:4px;}
.nav-links a{color:#fff;text-decoration:none;padding:6px 12px;font-size:13px;font-weight:700;transition:color .2s;}
.nav-links a:hover{color:#FFD600;}
.nav-cta{background:#FF6B35;color:#fff!important;border-radius:999px;padding:8px 18px!important;}
.nav-cta:hover{background:#e55a24!important;}
.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer;background:none;border:none;}
.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;}

/* HERO */
.hero{background:linear-gradient(135deg,#FFF9E6 0%,#FFF0F5 100%);padding:60px 32px;text-align:center;position:relative;overflow:hidden;}
.hero::before{content:'🎨';font-size:120px;position:absolute;top:-20px;left:-20px;opacity:.08;}
.hero::after{content:'✏️';font-size:120px;position:absolute;bottom:-20px;right:-20px;opacity:.08;}
.hero-badge{display:inline-block;background:#FFD600;color:#1a202c;font-size:12px;font-weight:800;padding:6px 16px;border-radius:999px;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px;}
.hero h1{font-family:'Fredoka One',sans-serif;font-size:clamp(2rem,5vw,3.5rem);color:#FF6B35;margin-bottom:12px;line-height:1.2;}
.hero h1 span{color:#4CAF50;}
.hero p{font-size:15px;color:#4a5568;max-width:550px;margin:0 auto 28px;line-height:1.9;}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.btn-primary{display:inline-block;background:#FF6B35;color:#fff;padding:14px 32px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px rgba(255,107,53,.3);}
.btn-primary:hover{background:#e55a24;transform:translateY(-2px);}
.btn-secondary{display:inline-block;background:#fff;color:#FF6B35;padding:14px 32px;border-radius:999px;font-size:14px;font-weight:700;text-decoration:none;border:2px solid #FF6B35;transition:all .2s;}
.btn-secondary:hover{background:#FFF0EB;}
.hero-stats{display:flex;gap:32px;justify-content:center;margin-top:40px;flex-wrap:wrap;}
.stat{text-align:center;}
.stat-number{font-family:'Fredoka One',sans-serif;font-size:28px;color:#FF6B35;}
.stat-label{font-size:12px;color:#718096;font-weight:600;}

/* MARQUEE */
.marquee-strip{background:#FFD600;color:#1a202c;padding:12px 0;overflow:hidden;white-space:nowrap;border-top:3px solid #FF6B35;border-bottom:3px solid #FF6B35;}
.marquee-inner{display:inline-block;animation:marquee 20s linear infinite;font-size:16px;font-weight:900;padding-left:100%;}
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-100%);}}

/* SECTION HEADERS */
.section-header{text-align:center;margin-bottom:40px;}
.section-eyebrow{display:inline-block;background:#FFF0F5;color:#FF6B35;font-size:11px;font-weight:800;padding:4px 14px;border-radius:999px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;}
.section-header h2{font-family:'Fredoka One',sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);color:#1a202c;margin-bottom:8px;}
.section-header p{font-size:13px;color:#718096;max-width:500px;margin:0 auto;}

/* CATEGORIES */
.categories{padding:56px 32px;max-width:1200px;margin:0 auto;}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.cat-card{border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s;text-decoration:none;display:block;}
.cat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.1);}
.cat-img{height:140px;display:flex;align-items:center;justify-content:center;font-size:48px;}
.cat-1 .cat-img{background:#FFF0F5;}
.cat-2 .cat-img{background:#F0FFF4;}
.cat-3 .cat-img{background:#FFF9E6;}
.cat-4 .cat-img{background:#F0F4FF;}
.cat-5 .cat-img{background:#FFF0F5;}
.cat-6 .cat-img{background:#F0FFF4;}
.cat-7 .cat-img{background:#FFF9E6;}
.cat-8 .cat-img{background:#F0F4FF;}
.cat-body{padding:12px;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 16px 16px;}
.cat-body h4{font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;color:#1a202c;margin-bottom:2px;}
.cat-body p{font-size:11px;color:#718096;}

/* FEATURED PRODUCTS */
.products{padding:0 32px 56px;max-width:1200px;margin:0 auto;}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.product-card{border:2px solid #f0f0f0;border-radius:16px;overflow:hidden;transition:all .2s;}
.product-card:hover{border-color:#FF6B35;transform:translateY(-4px);box-shadow:0 12px 24px rgba(255,107,53,.1);}
.product-img{height:180px;display:flex;align-items:center;justify-content:center;font-size:64px;position:relative;}
.product-img .badge{position:absolute;top:12px;left:12px;background:#FF6B35;color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:999px;}
.product-img .badge-green{background:#4CAF50;}
.product-body{padding:16px;}
.product-body h3{font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;color:#1a202c;margin-bottom:6px;}
.product-body p{font-size:12px;color:#718096;margin-bottom:12px;line-height:1.6;}
.product-footer{display:flex;align-items:center;justify-content:space-between;}
.product-price{font-family:'Fredoka One',sans-serif;font-size:20px;color:#FF6B35;}
.product-price span{font-size:12px;color:#718096;text-decoration:line-through;margin-left:4px;font-family:'Open Sans',sans-serif;}

/* AGREEMENT CHECKBOX */
.agree-wrap{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;}
.agree-wrap input[type="checkbox"]{width:16px;height:16px;margin-top:2px;cursor:pointer;accent-color:#FF6B35;flex-shrink:0;}
.agree-wrap label{font-size:11px;color:#718096;line-height:1.6;cursor:pointer;}
.agree-wrap label a{color:#FF6B35;text-decoration:none;}
.buy-btn-disabled{background:#aaa!important;cursor:not-allowed!important;pointer-events:none;opacity:0.6;}

/* CART MODAL */
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;align-items:center;justify-content:center;}
.modal-overlay.active{display:flex;}
.modal{background:#fff;border-radius:16px;padding:32px;max-width:460px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.2);}
.modal h2{font-family:'Fredoka One',sans-serif;font-size:1.5rem;color:#1a3a6b;margin-bottom:6px;}
.modal p.sub{font-size:13px;color:#718096;margin-bottom:20px;}
.cart-item{background:#FFF9E6;border:2px solid #FFD600;border-radius:10px;padding:16px;margin-bottom:16px;}
.cart-item-name{font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;color:#1a202c;margin-bottom:8px;}
.cart-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.cart-label{font-size:12px;color:#718096;font-weight:600;}
.cart-value{font-size:13px;font-weight:700;color:#1a202c;}
.cart-qty{display:flex;align-items:center;gap:8px;}
.cart-qty input{width:60px;padding:6px;border:2px solid #FFD600;border-radius:8px;font-size:14px;font-weight:700;text-align:center;}
.cart-total{background:#1a3a6b;border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.cart-total span{color:#fff;font-size:14px;font-weight:700;}
.cart-total strong{color:#FFD600;font-family:'Fredoka One',sans-serif;font-size:22px;}
.cart-btns{display:flex;gap:10px;}
.cart-cancel{flex:1;background:#f0f0f0;color:#374151;padding:12px;border:none;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Open Sans',sans-serif;}
.cart-pay{flex:2;background:#003087;color:#fff;padding:12px;border:none;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Open Sans',sans-serif;}
.cart-pay:hover{background:#001f5e;}
.secure-note{text-align:center;font-size:11px;color:#718096;margin-top:12px;}

/* WHY US */
.why{background:linear-gradient(135deg,#FFF9E6,#FFF0F5);padding:56px 32px;}
.why-inner{max-width:1100px;margin:0 auto;}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.why-card{background:#fff;border-radius:16px;padding:24px;text-align:center;border:1px solid #f0f0f0;}
.why-icon{font-size:36px;margin-bottom:12px;}
.why-card h4{font-family:'Nunito',sans-serif;font-size:13px;font-weight:800;color:#1a202c;margin-bottom:8px;}
.why-card p{font-size:12px;color:#718096;line-height:1.7;}

/* BUNDLE DEAL */
.bundle{background:#FF6B35;padding:56px 32px;text-align:center;}
.bundle h2{font-family:'Fredoka One',sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);color:#fff;margin-bottom:12px;}
.bundle p{font-size:14px;color:rgba(255,255,255,.9);max-width:500px;margin:0 auto 28px;line-height:1.8;}
.bundle-price{font-family:'Fredoka One',sans-serif;font-size:48px;color:#FFD600;margin-bottom:8px;}
.bundle-price span{font-size:18px;color:rgba(255,255,255,.7);text-decoration:line-through;font-family:'Open Sans',sans-serif;}
.bundle-btn{display:inline-block;background:#FFD600;color:#1a202c;padding:16px 40px;border-radius:999px;font-size:15px;font-weight:800;text-decoration:none;transition:all .2s;}
.bundle-btn:hover{background:#ffc400;transform:translateY(-2px);}

/* TESTIMONIALS */
.testimonials{padding:56px 32px;max-width:1100px;margin:0 auto;}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.test-card{background:#FFF9E6;border:2px solid #FFD600;border-radius:16px;padding:20px;}
.stars{color:#FFD600;font-size:16px;margin-bottom:10px;}
.test-card p{font-size:13px;color:#4a5568;line-height:1.8;font-style:italic;margin-bottom:14px;}
.test-person{display:flex;align-items:center;gap:10px;}
.test-avatar{width:40px;height:40px;border-radius:50%;background:#FFD600;display:flex;align-items:center;justify-content:center;font-size:18px;}
.test-name{font-size:13px;font-weight:700;color:#1a202c;}
.test-role{font-size:11px;color:#718096;}

/* NEWSLETTER */
.newsletter{background:#4CAF50;padding:48px 32px;text-align:center;}
.newsletter h2{font-family:'Fredoka One',sans-serif;font-size:clamp(1.3rem,3vw,2rem);color:#fff;margin-bottom:8px;}
.newsletter p{font-size:13px;color:rgba(255,255,255,.9);margin-bottom:24px;}
.newsletter-form{display:flex;gap:8px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
.newsletter-form input{flex:1;min-width:200px;padding:12px 18px;border:none;border-radius:999px;font-size:13px;font-family:'Open Sans',sans-serif;outline:none;}
.newsletter-form button{background:#FFD600;color:#1a202c;padding:12px 24px;border:none;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer;font-family:'Open Sans',sans-serif;}

/* FOOTER */
footer{background:#1a202c;color:#fff;padding:48px 32px 24px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 40px;}
.footer-logo{font-family:'Fredoka One',sans-serif;font-size:22px;color:#FF6B35;display:block;margin-bottom:12px;}
.footer-logo span{color:#FFD600;}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.8;}
.footer-col h4{font-size:13px;font-weight:800;color:#fff;margin-bottom:14px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:8px;}
.footer-col ul li a{font-size:12px;color:rgba(255,255,255,.6);text-decoration:none;}
.footer-col ul li a:hover{color:#FFD600;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:rgba(255,255,255,.4);}

/* RESPONSIVE */
@media(max-width:1024px){.cat-grid{grid-template-columns:repeat(4,1fr);}.products-grid{grid-template-columns:repeat(2,1fr);}.why-grid{grid-template-columns:repeat(2,1fr);}.test-grid{grid-template-columns:repeat(2,1fr);}.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){
  nav{padding:0 16px;}
  .nav-links{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;flex-direction:column;padding:16px;border-bottom:3px solid #FFD600;box-shadow:0 4px 12px rgba(0,0,0,.1);}
  .nav-links.open{display:flex;}
  .hamburger{display:flex;}
  .hero{padding:40px 16px;}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .products-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .test-grid{grid-template-columns:1fr;}
  .categories,.products,.testimonials{padding:32px 16px;}
  .why,.bundle,.newsletter{padding:32px 16px;}
  .footer-grid{grid-template-columns:1fr;}
  footer{padding:32px 16px 16px;}
  .hero-stats{gap:20px;}
}