/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com/demo/
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

/* ===== Stratford Peptides – purple minimal theme ===== */
:root{--sp:#5835a0;--sp-d:#432680;--sp-l:#f3effa;--sp-ink:#1d1b26}
body,button,input,select,textarea{font-family:"DM Sans","Inter",sans-serif!important;color:var(--sp-ink)}
main.site-main,.site-main.light{background:#fff!important}
.sp-topbar{background:var(--sp);color:#fff;text-align:center;font-size:13px;padding:8px 12px;letter-spacing:.2px}
a:hover{color:var(--sp)}
.nasa-menu-vertical-header{background:var(--sp)!important;border-radius:999px!important}
button,.button,input[type=submit],.single_add_to_cart_button,.search-submit,.nasa-search-wrap button{background:var(--sp)!important;border-color:var(--sp)!important;color:#fff!important;border-radius:999px!important}
button:hover,.button:hover,.single_add_to_cart_button:hover{background:var(--sp-d)!important}
.price,.amount,.woocommerce-Price-amount{color:var(--sp)!important}
.nasa-icon.icon-nasa-cart-3,.header-icon svg{color:var(--sp)}
.header_logo,.logo img{display:none!important}
a.logo{display:inline-block}
a.logo::before{content:"STRATFORD";display:block;font-weight:800;font-size:26px;letter-spacing:3px;color:var(--sp);line-height:1}
a.logo::after{content:"PEPTIDES";display:block;font-size:11px;letter-spacing:6px;color:#777;margin-top:3px}
.sp-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1200px;margin:0 auto;padding:56px 20px}
.sp-hero h1{font-size:44px;line-height:1.1;margin:0 0 12px;font-weight:700}
.sp-eyebrow{font-size:12px;letter-spacing:2px;color:#777;text-transform:uppercase;margin-bottom:16px}
.sp-hero p{font-size:16px;line-height:1.7;color:#444}
.sp-cta{display:inline-block;background:var(--sp);color:#fff!important;padding:14px 32px;border-radius:999px;font-weight:600;margin:14px 0 24px}
.sp-badges{display:flex;gap:28px;font-size:13px;color:#555}
.sp-badges span::before{content:"✓ ";color:var(--sp);font-weight:700}
.sp-art{aspect-ratio:4/3.2;border-radius:18px;background:linear-gradient(135deg,#5835a0 0%,#8d6ad6 55%,#e6dcf8 100%);position:relative;overflow:hidden}
.sp-art::before{content:"";position:absolute;width:44%;height:70%;left:28%;top:15%;border-radius:12px 12px 22px 22px;background:rgba(255,255,255,.92);box-shadow:0 20px 50px rgba(30,10,70,.35)}
.sp-art::after{content:"STRATFORD";position:absolute;left:0;right:0;top:44%;text-align:center;font-weight:800;letter-spacing:3px;color:var(--sp);font-size:18px}
.sp-marquee{background:var(--sp-l);overflow:hidden;white-space:nowrap;padding:14px 0;font-weight:600;color:var(--sp)}
.sp-marquee div{display:inline-block;padding-left:100%;animation:spm 28s linear infinite}
.sp-marquee span{margin:0 34px}
@keyframes spm{to{transform:translateX(-100%)}}
.sp-sec{max-width:1200px;margin:0 auto;padding:56px 20px}
.sp-sec h2{font-size:30px;text-align:center;margin:0 0 28px}
.sp-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sp-feat{background:var(--sp-l);border-radius:16px;padding:28px}
.sp-feat small{color:var(--sp);letter-spacing:2px;font-weight:700}
.sp-feat h3{margin:8px 0 10px;font-size:20px}
.sp-faq details{border-bottom:1px solid #e5e0f0;padding:16px 0}
.sp-faq summary{cursor:pointer;font-weight:600;list-style:none}
.sp-faq summary::after{content:"+";float:right;color:var(--sp);font-size:20px}
.sp-faq details[open] summary::after{content:"–"}
.sp-faq p{color:#555;line-height:1.7;margin:10px 0 0}
.sp-banner{background:var(--sp);color:#fff;text-align:center;border-radius:18px;padding:48px 20px}
.sp-banner h2{color:#fff;margin-bottom:8px}
.sp-banner a{display:inline-block;margin-top:14px;background:#fff;color:var(--sp)!important;padding:12px 30px;border-radius:999px;font-weight:600}
@media(max-width:800px){.sp-hero,.sp-feats{grid-template-columns:1fr}.sp-hero h1{font-size:32px}}