body{background:#fff;color:#111}.brand-logo{height:48px;width:auto}.hero-section{background:transparent}.hero-logo{max-width:180px}.page-title{background:#111;color:#fff;padding:4rem 0;text-align:center}.page-title h1{text-transform:uppercase;font-weight:800;letter-spacing:.08em}.page-title p{color:#ddd;margin-bottom:0}.product-card{transition:transform .15s ease,box-shadow .15s ease;overflow:hidden}.product-card:hover{transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(0,0,0,.12)!important}.product-image-wrap{display:block;background:#f5f5f5;aspect-ratio:1/1;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover}.product-detail-image{width:100%;max-height:650px;object-fit:contain;background:#f6f6f6}.team-photo{width:160px;height:160px;object-fit:cover;border-radius:50%}.social-links img{width:34px;height:34px;object-fit:contain;filter:invert(1)}.admin-login{max-width:420px}.navbar .active{font-weight:700}@media(max-width:575px){.page-title{padding:2.5rem 0}.display-4{font-size:2.2rem}}


/* Grayscale storefront theme */
body{
  min-height:100vh;
  color:#111;
  background:
    radial-gradient(circle at 12% 4%,rgba(255,255,255,.96),rgba(255,255,255,.22) 28%,transparent 52%),
    radial-gradient(circle at 88% 18%,rgba(80,80,80,.18),transparent 42%),
    linear-gradient(135deg,#fafafa 0%,#e7e7e7 38%,#bdbdbd 72%,#f5f5f5 100%);
  background-attachment:fixed;
}
.navbar{backdrop-filter:blur(14px);background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(0,0,0,.08)}
.hero-section{background:transparent}
.page-title.gradient-title,.page-title{background:linear-gradient(135deg,#090909 0%,#383838 52%,#777 100%);color:#fff}
.product-card,.cart-panel,.cart-empty,.option-panel{background:rgba(255,255,255,.93);backdrop-filter:blur(10px)}
.btn-dark{background:linear-gradient(135deg,#080808,#4b4b4b);border:0}.btn-dark:hover{filter:brightness(1.16)}
.btn-paypal{background:linear-gradient(135deg,#111,#555);border:0;color:#fff}.btn-paypal:hover{color:#fff;filter:brightness(1.12)}
.cart-thumb{width:64px;height:64px;object-fit:cover;border-radius:12px;background:#f6f6f6}.badge.bg-dark{background:linear-gradient(135deg,#111,#555)!important}
.deal-strip{background:linear-gradient(135deg,#090909,#3f3f3f,#777);color:#fff;padding:.65rem 0;font-size:.95rem}.deal-strip span{opacity:.96}
.option-panel{border:1px solid rgba(0,0,0,.1);border-radius:1rem;padding:1rem}.option-summary{font-size:.9rem;color:#666}.price-adjustment{font-size:.85rem;color:#666}.admin-option-card{background:rgba(255,255,255,.72)}

.product-option-field .form-select {
    min-height: 48px;
    border: 1px solid #777;
    background-color: #fff;
    color: #111;
}

.product-option-field .form-select:focus {
    border-color: #222;
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .15);
}


/* Main gradient lives on the site background, not the hero banner. */
main{background:transparent}
.hero-section{background:transparent!important}
.hero-section .container{background:rgba(255,255,255,.82);border:1px solid rgba(0,0,0,.08);border-radius:1.5rem;box-shadow:0 1rem 2.5rem rgba(0,0,0,.08);backdrop-filter:blur(10px)}
.commercial-card{display:flex;min-height:320px;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:2rem;text-align:center;color:#111;text-decoration:none;background:rgba(255,255,255,.86);border:1px solid rgba(0,0,0,.12);border-radius:1.5rem;box-shadow:0 1rem 2.5rem rgba(0,0,0,.10);transition:transform .15s ease,box-shadow .15s ease}
.commercial-card:hover{color:#111;transform:translateY(-3px);box-shadow:0 1.25rem 3rem rgba(0,0,0,.16)}
.commercial-card img{width:90px;height:90px;object-fit:contain;filter:none}
.commercial-card .play-label{font-size:1.1rem;font-weight:700}


/* Responsive YouTube commercial preview */
.commercial-preview{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(0,0,0,.12);
  border-radius:1.5rem;
  box-shadow:0 1rem 2.5rem rgba(0,0,0,.10);
}
.commercial-preview iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}


/* Keep category/page title headings readable on dark banners. */
.page-title h1{color:#fff!important}
.category-page-title h1{color:#fff!important}

.social-text-link{font-size:.95rem;color:#fff;text-decoration:underline;text-underline-offset:.2rem}

/* Social media admin panel */
.admin-card{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(0,0,0,.10);
  border-radius:1.35rem;
  box-shadow:0 1rem 2.5rem rgba(0,0,0,.08);
  backdrop-filter:blur(10px);
  padding:1.25rem;
}
.admin-card-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.25rem;
  padding-bottom:1rem;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.admin-eyebrow{
  display:inline-block;
  margin-bottom:.35rem;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#656565;
}
.social-admin-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding:1.5rem;
  color:#fff;
  background:linear-gradient(135deg,#070707,#343434 56%,#777);
  border-radius:1.5rem;
  box-shadow:0 1rem 2.5rem rgba(0,0,0,.16);
}
.social-admin-hero p{color:rgba(255,255,255,.78);max-width:720px}.social-admin-hero .admin-eyebrow{color:rgba(255,255,255,.62)}
.social-admin-stats{display:flex;gap:.75rem;flex-shrink:0}.social-admin-stats div{min-width:90px;padding:.9rem 1rem;text-align:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);border-radius:1rem}.social-admin-stats strong{display:block;font-size:1.8rem;line-height:1}.social-admin-stats span{font-size:.8rem;color:rgba(255,255,255,.72)}
.social-form-card .form-label{font-weight:700;color:#222}.social-form-card .form-control{border-radius:.85rem}.social-admin-form .form-text,.social-upload-box small{color:#666}.social-upload-box{padding:.85rem;background:#f6f6f6;border:1px dashed rgba(0,0,0,.22);border-radius:1rem}.social-upload-box small{display:block;margin-top:.55rem}.admin-toggle{display:flex;align-items:center;gap:.55rem;min-height:38px;padding:.5rem .75rem;background:#f7f7f7;border:1px solid rgba(0,0,0,.12);border-radius:.85rem;font-weight:700}.admin-toggle input{width:1.1rem;height:1.1rem;accent-color:#111}.current-social-icon{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .85rem;background:#111;color:#fff;border-radius:1rem}.current-social-icon span{font-size:.85rem;font-weight:700;color:#d9d9d9}.current-social-icon img{width:58px;height:58px;object-fit:contain;border-radius:.7rem;background:#222;padding:.45rem}.social-link-list{display:grid;gap:.85rem}.social-link-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:1.1rem;box-shadow:0 .5rem 1.25rem rgba(0,0,0,.04);transition:transform .15s ease,box-shadow .15s ease}.social-link-row:hover{transform:translateY(-2px);box-shadow:0 .85rem 1.75rem rgba(0,0,0,.08)}.social-link-row.is-muted{opacity:.62}.social-icon-preview{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:linear-gradient(135deg,#111,#555);border-radius:1rem;overflow:hidden}.social-icon-preview img{width:34px;height:34px;object-fit:contain;filter:invert(1)}.social-icon-preview span{color:#fff;font-weight:900;font-size:1.2rem}.social-link-main h4{margin:0;font-size:1.05rem;font-weight:800}.social-link-main a{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#555;text-decoration:none}.social-link-main a:hover{color:#111;text-decoration:underline}.social-status,.social-order{display:inline-flex;align-items:center;min-height:24px;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:800}.social-status.active{background:#e8f5ec;color:#17622e}.social-status.inactive{background:#eee;color:#555}.social-order{background:#111;color:#fff}.social-row-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.social-empty-state{padding:2rem;text-align:center;background:#f7f7f7;border:1px dashed rgba(0,0,0,.2);border-radius:1rem}.social-empty-state p{margin:.35rem 0 0;color:#666}
@media(max-width:991px){.social-admin-hero{align-items:flex-start;flex-direction:column}.social-admin-stats{width:100%}.social-admin-stats div{flex:1}.social-link-row{grid-template-columns:auto 1fr}.social-row-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:575px){.admin-card,.social-admin-hero{padding:1rem}.social-link-row{grid-template-columns:1fr}.social-icon-preview{width:48px;height:48px}.social-admin-stats{flex-direction:column}.admin-card-header{flex-direction:column}}

/* Simple socials link editor */
.simple-social-card{padding:1.25rem;border-radius:1.25rem;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 .75rem 2rem rgba(0,0,0,.06)}
.simple-social-list{display:grid;gap:1rem}
.simple-social-row{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:center;padding:1rem;background:#f7f7f7;border:1px solid rgba(0,0,0,.08);border-radius:1rem}
.simple-social-name{display:flex;align-items:center;gap:.85rem}
.simple-social-name strong{font-size:1rem;color:#111}
.simple-social-input .form-control{border-radius:.85rem;min-height:46px;background:#fff}
@media(max-width:767px){.simple-social-row{grid-template-columns:1fr}.simple-social-card{padding:1rem}}