/* =========================================================
   V27 — CHECKOUT, ROLE USER, SIMPLE HOME, CATEGORY SEARCH
   ========================================================= */

/* Header layout is centralized in resources/views/layouts/public.php. */

/* Simple homepage */
.home-v27__banner{margin:0;background:#f7f2f8}
.home-v27__banner .slider-shell{max-height:480px}
.home-v27__banner .promo-slide__mobile-link{display:none}
.home-v27__section{padding:42px 0}
.home-v27__categories{background:#fbfafc}
.home-v27__products{background:#fff}
.home-v27__heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:22px;
}
.home-v27__heading>div>span,
.home-v27__register-copy>span{
  display:block;
  margin-bottom:5px;
  color:var(--green-700,#147748);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-v27__heading h2,
.home-v27__register-copy h2{
  margin:0;
  color:var(--purple-900,#36133c);
  font-size:clamp(1.45rem,3vw,2.35rem);
  line-height:1.12;
  letter-spacing:-.025em;
}
.home-v27__heading>a{
  flex:0 0 auto;
  color:var(--purple-700,#75156d);
  font-size:.8rem;
  font-weight:850;
  text-decoration:none;
}
.home-v27__category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.home-v27__category-card{
  min-width:0;
  display:flex;
  align-items:center;
  gap:13px;
  padding:12px;
  border:1px solid #e9e1eb;
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 24px rgba(54,25,62,.05);
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.home-v27__category-card:hover{
  transform:translateY(-2px);
  border-color:#d5c1d8;
  box-shadow:0 12px 28px rgba(54,25,62,.09);
}
.home-v27__category-image{
  width:62px;height:62px;flex:0 0 62px;overflow:hidden;border-radius:14px;background:#f5eff6;
}
.home-v27__category-image img{width:100%;height:100%;object-fit:cover;display:block}
.home-v27__category-copy{min-width:0;display:grid;gap:4px}
.home-v27__category-copy strong{overflow:hidden;color:#3c3040;font-size:.86rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.home-v27__category-copy small{color:#8b7d8e;font-size:.68rem}
.home-v27__product-grid{margin-top:0}
.home-v27__empty{padding:36px;border:1px dashed #dcd1de;border-radius:18px;text-align:center;color:#7c6e80;background:#fbf9fc}
.home-v27__register{padding-top:26px;padding-bottom:54px;background:#fff}
.home-v27__register-banner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  padding:30px clamp(22px,4vw,46px);
  border:1px solid rgba(117,21,109,.13);
  border-radius:24px;
  background:linear-gradient(125deg,#f8eff8 0%,#f6fbf8 100%);
  box-shadow:0 14px 36px rgba(54,25,62,.07);
}
.home-v27__register-copy p{max-width:760px;margin:10px 0 0;color:#756879;font-size:.82rem;line-height:1.65}
.home-v27__register-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}

/* Product card commerce action */
.product-card-actions--commerce{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}
.product-card-cart-form{margin:0;min-width:0}
.product-card-cart-form .btn{width:100%;height:100%}
.product-card-soldout{opacity:.62;cursor:not-allowed}

/* Product detail purchase */
.product-purchase-v27{margin:18px 0 10px;padding:14px;border:1px solid #e6dce8;border-radius:16px;background:#fbf9fc}
.product-purchase-v27__form{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(0,1fr);gap:9px;align-items:end}
.product-purchase-v27__form label{display:grid;gap:5px;margin:0;color:#675a6a;font-size:.68rem;font-weight:800}
.product-purchase-v27__form input{width:100%;height:42px;padding:8px 10px;border:1px solid #dcd1df;border-radius:10px;background:#fff;color:#443748;font:inherit}
.product-purchase-v27__form .btn{min-height:42px;padding-inline:10px}
.product-purchase-v27>small{display:block;margin-top:8px;color:#887a8c;font-size:.68rem}
.product-purchase-v27__disabled{margin:18px 0 10px;color:#8b3c45;background:#fbecef;border:1px solid #f1cfd5}
.product-whatsapp-v69--secondary{margin-top:9px!important}

/* Commerce shared */
.commerce-page{min-height:64vh;background:#faf8fb}
.commerce-page .container{max-width:1180px}
.commerce-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.commerce-head h1{margin:4px 0 6px;color:#35143b;font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.08;letter-spacing:-.035em}
.commerce-head p{max-width:720px;margin:0;color:#776a7a;font-size:.83rem;line-height:1.6}
.commerce-kicker{display:block;color:#16804b;font-size:.66rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.commerce-alert{margin:0 0 18px;padding:12px 14px;border-radius:12px;font-size:.78rem;font-weight:700}
.commerce-alert--danger{border:1px solid #f0c8cd;color:#902d37;background:#fff0f2}
.commerce-alert--success{border:1px solid #cde6d7;color:#176a40;background:#effaf3}
.commerce-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}
.commerce-panel,.commerce-summary,.commerce-order-card,.customer-account-summary{
  border:1px solid #e6dde8;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(57,28,64,.055)
}
.commerce-panel{padding:18px}
.commerce-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #eee8ef}
.commerce-panel__head h2{margin:2px 0 0;color:#423447;font-size:1.05rem}
.commerce-cart-list{display:grid}
.commerce-cart-item{display:grid;grid-template-columns:92px minmax(0,1fr) 98px 118px;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #f0ebf1}
.commerce-cart-item:last-child{border-bottom:0;padding-bottom:0}
.commerce-cart-item__image{width:92px;height:92px;overflow:hidden;border-radius:14px;background:#f4eff5}
.commerce-cart-item__image img{width:100%;height:100%;display:block;object-fit:cover}
.commerce-cart-item__body{min-width:0;display:grid;gap:3px}
.commerce-cart-item__body a{text-decoration:none}
.commerce-cart-item__body h3{margin:0;color:#403344;font-size:.88rem;line-height:1.3}
.commerce-cart-item__body strong{color:#5f1761;font-size:.86rem}
.commerce-cart-item__body small,.commerce-cart-item__store{color:#897d8c;font-size:.66rem}
.commerce-cart-item__store{font-weight:750}
.commerce-cart-item__qty{display:grid;gap:5px}
.commerce-cart-item__qty label,.commerce-cart-item__total small{color:#897d8c;font-size:.64rem;font-weight:750}
.commerce-cart-item__qty input{width:100%;height:38px;padding:7px 9px;border:1px solid #ddd3df;border-radius:10px;background:#fff}
.commerce-cart-item__total{display:grid;justify-items:end;gap:5px;text-align:right}
.commerce-cart-item__total strong{color:#3c2f40;font-size:.84rem}
.commerce-remove-link{padding:0;border:0;color:#a43a46;background:transparent;font-size:.65rem;font-weight:800;cursor:pointer}
.commerce-summary{position:sticky;top:calc(var(--header-v106-height,62px) + 18px);padding:20px}
.commerce-summary h2{margin:4px 0 16px;color:#3c3040;font-size:1.15rem}
.commerce-summary__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #eee8ef;color:#776a79;font-size:.76rem}
.commerce-summary__row--total{margin-top:6px;padding-top:15px;color:#3b2e3f;font-size:.87rem}
.commerce-summary__row--total strong{color:#681b6c;font-size:1.05rem}
.commerce-summary>p{margin:12px 0 16px;color:#87798a;font-size:.68rem;line-height:1.55}
.commerce-empty{padding:58px 20px;border:1px dashed #dcd1df;border-radius:20px;background:#fff;text-align:center}
.commerce-empty>span{display:block;margin-bottom:9px;font-size:2rem}
.commerce-empty h2,.commerce-empty h3{margin:0 0 7px;color:#403344}
.commerce-empty p{margin:0 auto 18px;max-width:520px;color:#7c6e80;font-size:.78rem}
.commerce-empty--compact{margin-top:16px;padding:34px 16px}

/* Checkout form */
.commerce-checkout-form{padding:20px}
.commerce-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.commerce-field{display:grid;gap:6px}
.commerce-field--full{grid-column:1/-1}
.commerce-field label{color:#4e4052;font-size:.72rem;font-weight:800}
.commerce-field label span{color:#918495;font-weight:600}
.commerce-field input,.commerce-field textarea{width:100%;padding:11px 12px;border:1px solid #ddd3df;border-radius:11px;outline:0;background:#fff;color:#403344;font:inherit;font-size:.78rem}
.commerce-field input:focus,.commerce-field textarea:focus{border-color:#a875aa;box-shadow:0 0 0 3px rgba(117,21,109,.07)}
.commerce-field__error{color:#a7333e;font-size:.64rem;font-weight:700}
.commerce-checkout-note{margin:18px 0;padding:13px 14px;border:1px solid #d8eadf;border-radius:13px;background:#f4fbf7}
.commerce-checkout-note strong{display:block;color:#296243;font-size:.76rem}
.commerce-checkout-note p{margin:5px 0 0;color:#66766c;font-size:.68rem;line-height:1.55}
.commerce-checkout-submit{min-height:45px}
.commerce-mini-items{display:grid;gap:0;margin:10px 0}
.commerce-mini-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #f0ebf1}
.commerce-mini-item img{width:46px;height:46px;border-radius:9px;object-fit:cover;background:#f4eff5}
.commerce-mini-item>div{min-width:0;display:grid;gap:3px}
.commerce-mini-item strong{overflow:hidden;color:#493a4d;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.commerce-mini-item small{overflow:hidden;color:#8b7f8e;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}
.commerce-mini-item b{color:#5e1762;font-size:.68rem;white-space:nowrap}
.commerce-mini-item--plain{grid-template-columns:minmax(0,1fr) auto}

/* Checkout success + account */
.commerce-success-wrap{max-width:900px!important}
.commerce-success-hero{text-align:center;margin-bottom:22px}
.commerce-success-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;color:#fff;background:#16804b;font-size:1.6rem;font-weight:900}
.commerce-success-hero h1{margin:4px 0 8px;color:#35143b;font-size:clamp(1.7rem,4vw,2.55rem)}
.commerce-success-hero p{max-width:680px;margin:0 auto;color:#776a7a;font-size:.79rem;line-height:1.6}
.commerce-order-success-list{display:grid;gap:15px}
.commerce-order-card{padding:18px}
.commerce-order-card__head,.commerce-order-card__store{display:flex;align-items:center;justify-content:space-between;gap:12px}
.commerce-order-card__head{padding-bottom:12px;border-bottom:1px solid #eee8ef}
.commerce-order-card__head small{display:block;color:#918594;font-size:.62rem}
.commerce-order-card__head h2{margin:3px 0 0;color:#403344;font-size:.93rem}
.commerce-order-card__store{padding:13px 0}
.commerce-order-card__store>div{display:grid;gap:3px}
.commerce-order-card__store strong{color:#4a3b4e;font-size:.82rem}
.commerce-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:.61rem;font-weight:850;white-space:nowrap;background:#f3edf4;color:#6c326f}
.commerce-status--confirmed{background:#eef6ff;color:#315f94}
.commerce-status--processing{background:#fff7e8;color:#896022}
.commerce-status--completed{background:#edf9f2;color:#247047}
.commerce-status--cancelled{background:#fff0f1;color:#9b3440}
.commerce-success-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}
.customer-account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:18px;overflow:hidden}
.customer-account-summary>div{min-width:0;display:grid;gap:5px;padding:16px 18px;border-right:1px solid #eee8ef}
.customer-account-summary>div:last-child{border-right:0}
.customer-account-summary small{color:#918594;font-size:.63rem}
.customer-account-summary strong{overflow:hidden;color:#433547;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}
.customer-order-list{display:grid}
.customer-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #f0ebf1}
.customer-order-row:last-child{border-bottom:0;padding-bottom:0}
.customer-order-row>div:first-child{min-width:0;display:grid;gap:3px}
.customer-order-row>div:first-child small,.customer-order-row>div:first-child span{color:#8b7e8e;font-size:.64rem}
.customer-order-row>div:first-child strong{color:#423446;font-size:.8rem}
.customer-order-row>div:nth-child(2){display:grid;justify-items:end;gap:5px}
.customer-order-row>div:nth-child(2)>strong{color:#5e1762;font-size:.8rem}

/* Mobile cart badge */
.mobile-cart-v27__icon{position:relative;display:inline-flex}
.mobile-cart-v27__icon b{position:absolute;top:-7px;right:-10px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 3px;border:2px solid #fff;border-radius:999px;color:#fff;background:#b3264f;font-size:.5rem;line-height:1}

@media(max-width:1180px) and (min-width:841px){

}

@media(max-width:900px){
  .home-v27__category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commerce-layout{grid-template-columns:1fr}
  .commerce-summary{position:static}
}

@media(max-width:840px){

  .home-v27__banner .slider-shell{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:20/7!important;overflow:hidden!important}
  .home-v27__banner .slider-track,.home-v27__banner .promo-slide,.home-v27__banner .promo-slide picture{height:100%!important}
  .home-v27__banner .promo-slide__image{width:100%!important;height:100%!important;object-fit:cover!important;display:block}
  .home-v27__banner .promo-slide__content{display:none!important}
  .home-v27__banner .promo-slide__overlay{background:linear-gradient(180deg,rgba(20,5,23,.03),rgba(20,5,23,.12))!important}
  .home-v27__banner .promo-slide__mobile-link{position:absolute;z-index:5;inset:0;display:block}
  .home-v27__banner .slider-arrow,.home-v27__banner .slider-counter{display:none!important}
  .home-v27__banner .slider-dots{z-index:7!important;bottom:6px!important}
  .home-v27__banner .slider-dot{width:16px!important;height:5px!important;min-width:16px!important;min-height:5px!important;border-radius:999px!important}
  .home-v27__banner .slider-dot.active{width:25px!important}
  .home-v27__section{padding:30px 0}
  .home-v27__register{padding-top:16px;padding-bottom:34px}
  .home-v27__register-banner{grid-template-columns:1fr;padding:22px;gap:18px}
  .home-v27__register-actions{justify-content:flex-start}
  .commerce-cart-item{grid-template-columns:74px minmax(0,1fr) 86px;gap:10px}
  .commerce-cart-item__image{width:74px;height:74px}
  .commerce-cart-item__total{grid-column:2/-1;grid-template-columns:1fr auto;align-items:center;justify-items:end;padding-top:2px}
  .commerce-cart-item__total small{justify-self:start}
  .product-purchase-v27__form{grid-template-columns:82px minmax(0,1fr)}
  .product-purchase-v27__form .btn-outline{grid-column:1/-1}
}

@media(max-width:620px){
  .home-v27__heading{align-items:flex-start;margin-bottom:16px}
  .home-v27__heading>a{font-size:.7rem}
  .home-v27__category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .home-v27__category-card{display:grid;justify-items:center;gap:8px;padding:11px 7px;text-align:center}
  .home-v27__category-image{width:56px;height:56px;flex-basis:56px}
  .home-v27__category-copy{width:100%}
  .home-v27__category-copy strong{font-size:.74rem}
  .home-v27__category-copy small{font-size:.59rem}
  .home-v27__register-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .home-v27__register-actions .btn{width:100%;padding-inline:8px}
  .commerce-head{align-items:flex-start;flex-direction:column}
  .commerce-head>.btn,.commerce-head>form{align-self:stretch}
  .commerce-head>form .btn{width:100%}
  .commerce-panel{padding:13px}
  .commerce-panel__head{align-items:flex-start}
  .commerce-cart-item{grid-template-columns:68px minmax(0,1fr);gap:10px}
  .commerce-cart-item__image{width:68px;height:68px}
  .commerce-cart-item__qty{grid-column:2;grid-template-columns:auto 80px;align-items:center;justify-content:start}
  .commerce-cart-item__total{grid-column:2;grid-template-columns:1fr auto auto;gap:10px;width:100%}
  .commerce-form-grid{grid-template-columns:1fr}
  .commerce-field--full{grid-column:auto}
  .commerce-mini-item{grid-template-columns:42px minmax(0,1fr);}
  .commerce-mini-item img{width:42px;height:42px}
  .commerce-mini-item>b{grid-column:2;justify-self:start}
  .commerce-order-card__head,.commerce-order-card__store{align-items:flex-start}
  .customer-account-summary{grid-template-columns:1fr}
  .customer-account-summary>div{border-right:0;border-bottom:1px solid #eee8ef}
  .customer-account-summary>div:last-child{border-bottom:0}
  .customer-order-row{grid-template-columns:1fr auto}
  .customer-order-row>a{grid-column:1/-1;width:100%}
  .product-purchase-v27__form{grid-template-columns:1fr 1fr}
  .product-purchase-v27__form label{grid-column:1/-1}
}

@media(max-width:390px){


  .mobile-bottom-nav--commerce a{font-size:.58rem!important}
}