/* CE-STYLE-V1: styling pass. Uses only CannaElite's own gold. One separation device: a single hairline
   plus lit planes behind the product. No double frames. Loaded after the page CSS. */

/* ---- Page box: one frame, wider canvas ---- */
.ce-pagebox{
  max-width:1360px !important;
  padding:44px 56px 64px !important;
  border:1px solid rgba(200,168,74,.32) !important;
  background:linear-gradient(180deg,#0b0905 0%,#000 340px) !important;
  box-shadow:0 30px 90px rgba(0,0,0,.75), 0 0 0 1px rgba(0,0,0,.9);
}
.ce-pagebox::before{display:none !important}

/* ---- Filter bar: a quiet rail, not a box ---- */
.ce-filters,.faq-tabs{
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(200,168,74,.22) !important;
  padding:0 8px !important;
  margin-bottom:44px !important;
}
.ce-filter-btn{font-size:13px !important;letter-spacing:.22em !important;padding:18px 28px !important;color:#cdb98a !important}
.ce-filter-btn:hover,.ce-filter-btn.active{color:#f5e080 !important}

/* ---- Grid: four across, bigger air between ---- */
.ce-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:28px !important}
@media (max-width:1280px){.ce-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media (max-width:900px){.ce-pagebox{padding:28px 20px 40px !important}.ce-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}}

/* ---- Card: dark plane, lit stage behind the product, hairline only ---- */
.ce-shop-card{
  background:#050403 !important;
  border:1px solid rgba(200,168,74,.14) !important;
  transition:border-color .3s, transform .3s, box-shadow .3s;
}
.ce-shop-card:hover{
  border-color:rgba(232,200,74,.55) !important;
  transform:translateY(-6px);
  box-shadow:0 22px 60px rgba(0,0,0,.8), 0 0 40px rgba(201,162,39,.12);
}
.sc-img{
  background:
    radial-gradient(ellipse 62% 58% at 50% 52%, rgba(232,190,70,.26) 0%, rgba(160,125,24,.10) 45%, rgba(0,0,0,0) 72%),
    #070604 !important;
  background-image:
    radial-gradient(ellipse 62% 58% at 50% 52%, rgba(232,190,70,.26) 0%, rgba(160,125,24,.10) 45%, rgba(0,0,0,0) 72%) !important;
  aspect-ratio:4 / 5 !important;
  padding:6%;
}
.sc-img::after{display:none !important}
.ce-shop-card::before{display:none !important}
.sc-img{isolation:isolate}
.sc-img img{mix-blend-mode:lighten}
.sc-img img{object-fit:contain !important}
.ce-shop-card:hover .sc-img img{transform:scale(1.06) !important}

/* ---- Card type: names read first, price second, label third ---- */
.sc-body{padding:22px 22px 24px !important}
.sc-brand{font-size:11px !important;letter-spacing:.26em !important;color:#b99a52 !important;margin-bottom:8px !important}
.sc-name{
  font-family:'Cinzel',serif !important;
  font-size:19px !important;font-weight:700 !important;letter-spacing:.04em;
  line-height:1.22 !important;color:#f0e6c8 !important;margin-bottom:12px !important;
}
.sc-desc{font-size:16px !important;line-height:1.55 !important;color:#d4c4a0 !important}
.sc-footer{border-top:1px solid rgba(200,168,74,.16) !important;padding-top:16px !important}
.sc-price{
  font-family:'Cinzel',serif !important;font-size:28px !important;font-weight:700 !important;
  color:#e8c84a !important;letter-spacing:.01em;
}
.sc-buy{
  background:transparent !important;color:#e8c84a !important;
  border:1px solid rgba(232,200,74,.6) !important;
  font-size:12px !important;letter-spacing:.2em !important;padding:12px 18px !important;
  transition:background .2s,color .2s,border-color .2s !important;
}
.ce-shop-card:hover .sc-buy,.sc-buy:hover{
  background:linear-gradient(135deg,#8a6e10,#e8c84a 45%,#c9a227) !important;
  color:#080808 !important;border-color:transparent !important;opacity:1 !important;
}
.sc-potency{font-size:12px !important;padding:6px 14px !important}

/* price on top, full-width button under it: no wrapped button text at four across */
.sc-footer{flex-direction:column !important;align-items:stretch !important;gap:12px !important}
.sc-footer a{display:block !important;text-align:center}
.sc-buy{width:100%;white-space:nowrap}

@media (max-width:600px){
  .ce-filters{flex-wrap:wrap !important;justify-content:center !important;gap:0 6px !important;margin-bottom:20px !important;overflow:visible}
  .ce-filter-btn{font-size:12px !important;letter-spacing:.12em !important;padding:12px 10px !important;flex:0 0 auto;min-height:44px}
  .sc-buy{font-size:11px !important;letter-spacing:.12em !important;padding:12px 8px !important}
  .ce-shop-card .sc-name{font-size:15px !important}
  .ce-shop-card .sc-price{font-size:22px !important}
  .ce-shop-card .sc-body{padding:14px 14px 16px !important}
  .sc-img{aspect-ratio:1 / 1 !important;padding:4%}
}
.sc-desc{display:none !important}

/* ======== Product page ======== */
.ce-pagebox .product-outer{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) !important;gap:64px !important}
.product-info{background:transparent !important;border:0 !important;padding:8px 0 0 !important}
.product-img-main{
  border:1px solid rgba(200,168,74,.2) !important;
  background:radial-gradient(ellipse 60% 56% at 50% 52%, rgba(232,190,70,.30) 0%, rgba(160,125,24,.10) 48%, rgba(0,0,0,0) 74%), #060504 !important;
  aspect-ratio:4 / 5 !important;isolation:isolate;
}
.product-img-main img{mix-blend-mode:lighten;max-height:92%;object-fit:contain}
.breadcrumb{font-size:12px !important;letter-spacing:.18em !important}
.product-brand{font-size:12px !important;letter-spacing:.3em !important;opacity:.85 !important}
.product-name{font-family:'Cinzel',serif !important;font-size:clamp(2rem,3.2vw,3rem) !important;letter-spacing:.03em;line-height:1.08 !important;color:#f0e6c8 !important;margin-bottom:10px !important}
.product-price{font-size:2.3rem !important;color:#e8c84a !important;margin-bottom:34px !important}
.selector-label{font-size:12px !important;letter-spacing:.24em !important;color:#b99a52 !important;margin-bottom:12px !important}
.potency-pill,.package-pill,.flavor-pill{font-size:12px !important;letter-spacing:.14em !important;padding:13px 20px !important;border:1px solid rgba(200,168,74,.35) !important;background:transparent !important;color:#e8dcb8 !important}
.flavor-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important}
.flavor-pill{padding:13px 8px !important}
.potency-pill:hover,.package-pill:hover,.flavor-pill:hover{border-color:#e8c84a !important;background:rgba(232,200,74,.07) !important}
.potency-pill.active,.package-pill.active,.flavor-pill.active{background:linear-gradient(135deg,#8a6e10,#e8c84a 45%,#c9a227) !important;color:#080808 !important;border-color:transparent !important}
.add-btn{font-size:14px !important;letter-spacing:.24em !important;padding:20px 28px !important;box-shadow:0 10px 30px rgba(201,162,39,.22)}
.qty-wrap{border-color:rgba(200,168,74,.4) !important}
.trust-row{border-top:1px solid rgba(200,168,74,.18) !important;border-bottom:1px solid rgba(200,168,74,.18) !important}
.trust-item{font-size:12px !important;letter-spacing:.12em !important}
.info-tab{font-size:13px !important;letter-spacing:.18em !important}
.spec-row{padding:15px 0 !important;border-bottom:1px solid rgba(200,168,74,.14) !important}
.spec-row .sk{font-size:12px !important;color:#b99a52 !important}
.spec-row .sv{font-size:1.1rem !important;color:#f0e6c8 !important}
@media (max-width:900px){
  .ce-pagebox .product-outer{grid-template-columns:1fr !important;gap:28px !important}
  .product-img-main{aspect-ratio:1 / 1 !important}
  .flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .product-price{font-size:2rem !important}
}
.ce-pagebox .breadcrumb{padding-left:0 !important;max-width:none !important}
.cart-wrap:has(.empty-cart){grid-template-columns:1fr !important;max-width:720px;margin-left:auto;margin-right:auto}
.checkout-wrap:has(.empty-cart){grid-template-columns:1fr !important;max-width:720px;margin-left:auto;margin-right:auto}