/*
Theme Name: SomOrder Child
Theme URI: https://somorder.example
Description: Storefront child theme for the SomOrder WooCommerce shop.
Author: SomOrder
Template: storefront
Version: 1.0.0
Text Domain: somorder
*/

:root{--so-green:#059669;--so-dark:#111827;--so-bg:#f9fafb;--so-orange:#f97316;--so-light:#ecfdf5;--so-white:#fff;--so-radius:18px;--so-shadow:0 12px 35px rgba(17,24,39,.08)}
body{font-family:Inter,"Segoe UI",sans-serif;background:var(--so-bg);color:var(--so-dark)}
a{color:var(--so-green)}
.site-header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:999;padding:1.2em 0}
.site-branding .site-title a{color:var(--so-green);font-weight:800;letter-spacing:-.04em}
.main-navigation ul li a{color:var(--so-dark);font-weight:650}
.main-navigation ul li a:hover{color:var(--so-green)}
.button,button,input[type=submit],.added_to_cart,.wc-block-components-button{background:var(--so-green)!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:700!important;padding:.9em 1.4em!important}
.button:hover,button:hover,input[type=submit]:hover{background:#047857!important}
.so-announcement{background:var(--so-dark);color:#fff;text-align:center;padding:.55rem 1rem;font-size:.9rem}
.so-hero{background:linear-gradient(135deg,var(--so-light),#fff 65%);border-radius:28px;padding:clamp(2rem,7vw,6rem);margin:2rem auto;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;overflow:hidden}
.so-eyebrow{color:var(--so-green);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.so-hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:.3em 0}
.so-hero p{font-size:1.15rem;color:#4b5563;max-width:650px}
.so-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.so-actions .so-alt{background:var(--so-orange)!important}
.so-orbit{min-height:360px;position:relative;display:grid;place-items:center}
.so-orbit:before{content:"99";display:grid;place-items:center;width:230px;height:230px;border-radius:50%;background:var(--so-green);color:#fff;font-size:5rem;font-weight:800;box-shadow:0 25px 60px rgba(5,150,105,.25)}
.so-orbit span{position:absolute;background:#fff;border-radius:15px;padding:.8rem 1rem;box-shadow:var(--so-shadow);font-weight:750}.so-orbit span:nth-child(1){top:12%;left:3%}.so-orbit span:nth-child(2){right:0;top:30%}.so-orbit span:nth-child(3){bottom:10%;left:12%}
.so-section{padding:3.5rem 0}.so-section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.so-section h2{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.04em;margin:0}
.so-category-grid,.so-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.so-card{background:#fff;border-radius:var(--so-radius);padding:1.4rem;box-shadow:var(--so-shadow);transition:.2s transform}.so-card:hover{transform:translateY(-4px)}
.so-category-icon{width:52px;height:52px;display:grid;place-items:center;background:var(--so-light);border-radius:14px;font-size:1.6rem;margin-bottom:1rem}
.so-benefits .so-card{border-top:4px solid var(--so-green)}
.so-banner{background:var(--so-dark);color:#fff;border-radius:24px;padding:clamp(2rem,5vw,4rem);display:flex;justify-content:space-between;align-items:center;gap:2rem}.so-banner h2{color:#fff}
ul.products li.product{background:#fff;padding:1rem;border-radius:var(--so-radius);box-shadow:var(--so-shadow)}
ul.products li.product img{border-radius:13px}.onsale{background:var(--so-orange);color:#fff;border:0;border-radius:999px}
.so-wa-float{position:fixed;right:20px;bottom:20px;z-index:9999;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff!important;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.2);text-decoration:none}
.so-product-wa{display:inline-block;background:#25d366!important;margin-top:.7rem}
.site-footer{background:var(--so-dark);color:#d1d5db}.site-footer a{color:#fff}
@media(max-width:800px){.so-hero{grid-template-columns:1fr}.so-orbit{min-height:280px}.so-category-grid,.so-benefits{grid-template-columns:repeat(2,1fr)}.so-banner{align-items:flex-start;flex-direction:column}.site-header{position:relative}}
@media(max-width:480px){.so-category-grid,.so-benefits{grid-template-columns:1fr}.so-hero{border-radius:20px;padding:2rem 1.2rem}.so-hero h1{font-size:2.55rem}}