/* SATRUPA FINAL REQUEST FIXES — 2026-08-24 */
:root{--sat-olive:#3a4921;--sat-gold:#d4af37;--sat-cream:#f4eee2;--sat-ink:#151a10}

/* Premium motion without hurting mobile performance */
.luxury-card,.product-card,.checkout-card,.order-summary,.feature,.btn-gold,.btn-glass,.view-btn,.review-card-btn,.card-icon{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background-color .28s ease,opacity .28s ease;
}
.luxury-card:hover,.product-card:hover{transform:translateY(-5px) perspective(900px) rotateX(.6deg);box-shadow:0 18px 42px rgba(21,26,16,.12)}
.luxury-card:hover .card-icon{transform:translateZ(8px) rotate(-3deg) scale(1.04)}
.btn-gold:hover,.view-btn:hover,.review-card-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(21,26,16,.16)}
.hero-copy,.cta-inner,.collection-head,.luxury-card,.product-card{animation:satrupaReveal .65s ease both}
@keyframes satrupaReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Hero text safety */
.hero .eyebrow{position:relative;z-index:5;display:flex;align-items:center;gap:8px;white-space:normal;line-height:1.35;text-shadow:0 1px 10px rgba(0,0,0,.2)}
.hero .hero-title,.hero .hero-desc,.hero .hero-actions{position:relative;z-index:5}
@media(max-width:600px){.hero .eyebrow{font-size:11px;letter-spacing:.16em;max-width:88%;}.hero .hero-title{line-height:1.08}.hero .hero-desc{line-height:1.55}}

/* Collection labels and owner-controlled fourth card */
.card-category-tag{display:inline-block;margin:4px 0 10px;padding:5px 10px;border-radius:999px;background:rgba(58,73,33,.08);color:var(--sat-olive);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.owner-controlled-category[hidden]{display:none!important}

/* Shop View Details: green instead of yellow */
.view-btn{background:var(--sat-olive)!important;color:#fff!important;border-color:var(--sat-olive)!important;}
.view-btn:hover{background:#2f3c1b!important;color:#fff!important}

/* Checkout: order summary first, customer details below */
.checkout-container{display:flex!important;flex-direction:column!important;gap:22px!important}
.checkout-right{order:1!important;width:100%!important}
.checkout-left{order:2!important;width:100%!important}
.order-summary{position:relative!important;top:auto!important;width:100%!important}
.checkout-card{width:100%!important}
.products-total-row{font-weight:700!important;color:var(--sat-olive)!important}
.coupon-discount-row[hidden]{display:none!important}
.coupon-discount-row span:last-child{color:#a13b32!important;font-weight:800!important}
.total-row{border-top:0!important;margin-top:2px!important;padding-top:16px!important}
.total-row span:last-child{font-size:24px!important}
.checkout-product{position:relative!important;padding-right:82px!important}
.checkout-remove-btn{position:absolute;right:0;bottom:12px;border:1px solid #d9cfc0;background:#fff;color:#9d3d36;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:700;cursor:pointer}
.checkout-remove-btn:hover{background:#fff4f2;border-color:#b96a63}

/* Make applied state readable */
#applyCouponBtn:disabled{background:var(--sat-olive)!important;color:#fff!important;opacity:1!important;font-weight:800!important;min-width:88px}
#removeCoupon{color:#9d3d36!important;font-weight:700!important}

@media(max-width:700px){
  .checkout-container{width:calc(100% - 16px)!important;gap:14px!important}
  .checkout-product{padding-right:70px!important;grid-template-columns:52px minmax(0,1fr) auto!important}
  .checkout-remove-btn{right:0;bottom:8px;font-size:9px;padding:5px 8px}
  .order-summary,.checkout-card{padding:17px!important}
  .total-row span:last-child{font-size:21px!important}
}

/* CTA section label visibility */
.cta .section-label,.cta .cta-title,.cta .cta-text,.cta .btn-gold{position:relative;z-index:2}
.cta .section-label{display:block!important;visibility:visible!important;opacity:1!important;letter-spacing:.28em!important;line-height:1.3!important}

/* Interactive product cards: the whole card opens Product Details. */
.product-card-clickable{cursor:pointer;transform-style:preserve-3d;will-change:transform;position:relative;overflow:hidden}
.product-card-clickable::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.14) 50%,transparent 80%);transform:translateX(-120%);transition:transform .7s ease}
.product-card-clickable:hover::after{transform:translateX(120%)}
.product-card-clickable:focus-visible{outline:2px solid var(--sat-gold);outline-offset:4px}
.product-card-clickable img{transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .35s ease}
.product-card-clickable:hover img{transform:scale(1.045) translateZ(6px);filter:saturate(1.04)}
.luxury-card{transform-style:preserve-3d}
.luxury-card:hover{transform:translateY(-7px) perspective(900px) rotateX(1deg) rotateY(-.5deg);box-shadow:0 22px 50px rgba(21,26,16,.15)}

/* Checkout hierarchy: summary first, customer details second, with premium depth. */
.checkout-container{max-width:1180px!important}
.order-summary,.checkout-card{border:1px solid rgba(58,73,33,.10)!important;box-shadow:0 16px 45px rgba(21,26,16,.08)!important;backdrop-filter:blur(6px)}
.order-summary h2,.checkout-card h2{letter-spacing:-.02em}
.summary-row{min-height:38px;align-items:center}
.products-total-row span:last-child,.total-row span:last-child{font-variant-numeric:tabular-nums}

@media(max-width:700px){
  .product-card-clickable:hover{transform:translateY(-3px)}
  .product-card-clickable:hover img{transform:scale(1.02)}
}


/* Final visual polish requested: use a brighter cream/white accent instead of gold. */
.hero .eyebrow{color:#F4EEE2!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important}
.hero .eyebrow .gold-line{background:#F4EEE2!important;box-shadow:0 0 10px rgba(244,238,226,.18)!important}
.cta .section-label{color:#FFFFFF!important;text-shadow:0 1px 8px rgba(0,0,0,.35)!important}

/* Homepage category cards remain clean when the owner adds more categories. */
#homeCategoryCards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){#homeCategoryCards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#homeCategoryCards{grid-template-columns:1fr}}