/* VB Global Volleyball Co. — modern premium minimal storefront skin.
   Palette: court navy #11223A / deep #1C365C, warm sand #CEAA76, ink, white. */

:root{
  --navy:#11223A; --navy2:#1C365C; --sand:#CEAA76; --sand-2:#E0C69E;
  --ink:#14202F; --soft:#5A6B7C; --line:#E5EAF0; --wash:#F6F8FB; --white:#fff;
}

body{color:var(--ink);}

/* header/footer brand bars */
.sfc-topbar{background:var(--navy);color:#EAF0F8;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;text-align:center;padding:8px 12px;}
.sfc-topbar b{color:var(--sand-2);}

/* buttons — sand accent, navy text (never low-contrast) */
.woocommerce ul.products li.product .button,
.woocommerce a.button,.woocommerce button.button,.woocommerce #respond input#submit,
.wc-block-components-button{
  background:var(--navy)!important;color:#fff!important;border-radius:8px!important;
  font-weight:600!important;letter-spacing:.02em;padding:.7em 1.3em!important;border:none!important;}
.woocommerce ul.products li.product .button:hover,.woocommerce a.button:hover{
  background:var(--navy2)!important;}
.woocommerce .single_add_to_cart_button{background:var(--sand)!important;color:var(--navy)!important;}
.woocommerce .single_add_to_cart_button:hover{background:var(--sand-2)!important;}

/* product cards */
.woocommerce ul.products li.product{background:var(--white);border:1px solid var(--line);
  border-radius:14px;padding:14px;transition:box-shadow .2s,transform .2s;}
.woocommerce ul.products li.product:hover{box-shadow:0 12px 34px rgba(17,34,58,.10);transform:translateY(-3px);}
.woocommerce ul.products li.product img{border-radius:10px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:600;color:var(--ink);}
.woocommerce ul.products li.product .price{color:var(--navy2);font-weight:700;}

/* prices, headings */
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--navy2);font-weight:700;}
h1,h2,h3{color:var(--navy);letter-spacing:-.01em;}

/* ---- hand-built homepage sections ---- */
.sfc-hero{position:relative;background:linear-gradient(135deg,var(--navy),var(--navy2));
  color:#fff;border-radius:20px;padding:72px 56px;overflow:hidden;margin:26px 0;}
.sfc-hero::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;
  border-radius:50%;border:2px solid rgba(206,170,118,.35);}
.sfc-hero .kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--sand-2);margin:0 0 14px;}
.sfc-hero h1{color:#fff;font-size:clamp(30px,5vw,52px);line-height:1.08;margin:0 0 16px;max-width:16ch;}
.sfc-hero p{color:#C9D6E6;font-size:18px;max-width:52ch;margin:0 0 26px;}
.sfc-btn{display:inline-block;background:var(--sand);color:var(--navy);font-weight:700;
  padding:14px 28px;border-radius:10px;text-decoration:none;letter-spacing:.02em;}
.sfc-btn:hover{background:var(--sand-2);}
.sfc-btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);margin-left:10px;}

.sfc-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:34px 0;}
.sfc-strip .cell{background:var(--wash);border:1px solid var(--line);border-radius:14px;
  padding:22px 20px;text-align:center;}
.sfc-strip .cell .ic{width:44px;height:44px;margin:0 auto 12px;border-radius:50%;
  background:var(--navy);display:block;}
.sfc-strip .cell h4{margin:0 0 6px;color:var(--navy);font-size:16px;}
.sfc-strip .cell p{margin:0;color:var(--soft);font-size:13.5px;line-height:1.5;}

.sfc-section{margin:52px 0;}
.sfc-section .head{text-align:center;margin-bottom:26px;}
.sfc-section .head .kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--sand);}
.sfc-section .head h2{font-size:clamp(24px,3.4vw,36px);margin:6px 0 8px;}
.sfc-section .head p{color:var(--soft);max-width:60ch;margin:0 auto;}

.sfc-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sfc-card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.sfc-card .body{padding:22px;}
.sfc-card h3{margin:0 0 8px;}
.sfc-card p{color:var(--soft);margin:0;font-size:14.5px;line-height:1.6;}

.sfc-band{background:var(--navy);color:#fff;border-radius:20px;padding:56px 48px;text-align:center;margin:52px 0;}
.sfc-band h2{color:#fff;}
.sfc-band p{color:#C9D6E6;max-width:60ch;margin:10px auto 22px;}

.sfc-quote{background:var(--wash);border-left:4px solid var(--sand);border-radius:0 14px 14px 0;
  padding:24px 28px;margin:22px 0;color:var(--ink);font-size:17px;line-height:1.6;}
.sfc-quote .who{display:block;margin-top:10px;color:var(--soft);font-size:14px;}

.sfc-foot{background:var(--navy);color:#B9C7DA;padding:48px 40px 30px;border-radius:20px 20px 0 0;margin-top:52px;}
.sfc-foot a{color:#DCE6F2;text-decoration:none;}
.sfc-foot a:hover{color:#fff;}
.sfc-foot .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;}
.sfc-foot h5{color:#fff;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;margin:0 0 12px;}
.sfc-foot .legal{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:16px;font-size:12.5px;color:#8DA0B8;}

@media(max-width:900px){
  .sfc-strip,.sfc-cols{grid-template-columns:1fr 1fr;}
  .sfc-foot .cols{grid-template-columns:1fr 1fr;}
  .sfc-hero{padding:48px 28px;}
}
@media(max-width:560px){
  .sfc-strip,.sfc-cols,.sfc-foot .cols{grid-template-columns:1fr;}
}