/* Andalus UI Unification V41
   Removes duplicate Zoom action buttons from product cards and standardizes
   cash price + Aman 12/24/36-month finance blocks across product catalogues.
*/
@import url('./andalus-ui-unification-v40.css?v=20260713-v40-base');

/* Explicit card Zoom buttons are removed from templates. This is a safety net
   for cached/generated markup; product images themselves remain openable. */
.product .zoom,
.an-cat-card .zoom,
.stainless-product .stainless-btn.light,
[data-an-card-zoom],
[data-zoom-btn]{display:none!important}

/* Cash price presentation. */
#catalog .product .price,
#anLive #catalog .product .price,
#grid .product .price,
.an-cat-card .price{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
  margin:0 0 9px!important;
  padding:9px 11px!important;
  border:1px solid #eadbd0!important;
  border-radius:13px!important;
  background:#fff9f3!important;
  color:#6f442f!important;
  line-height:1.25!important;
}
#catalog .product .price>span,
#anLive #catalog .product .price>span,
#grid .product .price>span{
  color:#826c60!important;
  font-size:.72rem!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
#catalog .product .price>strong,
#anLive #catalog .product .price>strong,
#grid .product .price>strong{
  min-width:0!important;
  color:#6f442f!important;
  font-size:1.06rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.price.price--unavailable{justify-content:center!important;text-align:center!important;color:#6f6965!important}
.price.price--unavailable small{font-weight:850!important}

/* Shared quick installment line. */
#catalog .amanQuick,
#anLive #catalog .amanQuick,
#grid .product .amanQuick{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  min-width:0!important;
  margin:0 0 8px!important;
  padding:9px 10px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#2a1a15,#6f442f)!important;
  color:#fff!important;
}
#catalog .amanQuick>span,
#anLive #catalog .amanQuick>span,
#grid .product .amanQuick>span{
  min-width:0!important;
  color:#ead5c7!important;
  font-size:.68rem!important;
  font-weight:850!important;
}
#catalog .amanQuick>strong,
#anLive #catalog .amanQuick>strong,
#grid .product .amanQuick>strong{
  min-width:0!important;
  color:#fff!important;
  font-size:.84rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
#catalog .amanQuick small,
#anLive #catalog .amanQuick small,
#grid .product .amanQuick small{font-size:.68rem!important;color:#ead5c7!important}

/* Expandable 12/24/36-month plans. */
#catalog .amanCalc,
#anLive #catalog .amanCalc,
#grid .product .amanCalc{
  margin:0 0 9px!important;
  border:1px solid #eadbd0!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
}
#catalog .amanCalc>summary,
#anLive #catalog .amanCalc>summary,
#grid .product .amanCalc>summary{
  min-height:40px!important;
  padding:9px 11px!important;
  color:#49362d!important;
  font-size:.78rem!important;
  font-weight:900!important;
  cursor:pointer!important;
  list-style:none!important;
}
#catalog .amanCalc>summary::-webkit-details-marker,
#anLive #catalog .amanCalc>summary::-webkit-details-marker,
#grid .product .amanCalc>summary::-webkit-details-marker{display:none!important}
#catalog .amanCalc>summary::after,
#anLive #catalog .amanCalc>summary::after,
#grid .product .amanCalc>summary::after{content:'+';float:left;font-size:1.1rem;line-height:1}
#catalog .amanCalc[open]>summary::after,
#anLive #catalog .amanCalc[open]>summary::after,
#grid .product .amanCalc[open]>summary::after{content:'−'}
#catalog .amanPlans,
#anLive #catalog .amanPlans,
#grid .product .amanPlans{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  padding:0 7px 7px!important;
  min-width:0!important;
}
#catalog .amanPlan,
#anLive #catalog .amanPlan,
#grid .product .amanPlan{
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  justify-items:center!important;
  gap:2px!important;
  min-width:0!important;
  min-height:72px!important;
  padding:6px 2px!important;
  border:1px solid #eadbd0!important;
  border-radius:10px!important;
  background:#fff8f0!important;
  color:#49362d!important;
  text-align:center!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
#catalog .amanPlan>*,
#anLive #catalog .amanPlan>*,
#grid .product .amanPlan>*{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  line-height:1.22!important;
}
#catalog .amanPlan>span,
#anLive #catalog .amanPlan>span,
#grid .product .amanPlan>span{font-size:9px!important;color:#826c60!important;font-weight:850!important}
#catalog .amanPlan>strong,
#anLive #catalog .amanPlan>strong,
#grid .product .amanPlan>strong{font-size:10.5px!important;color:#3b241b!important;font-weight:950!important;letter-spacing:-.02em!important}
#catalog .amanPlan>small,
#anLive #catalog .amanPlan>small,
#grid .product .amanPlan>small{font-size:7.5px!important;color:#826c60!important;font-weight:800!important;letter-spacing:-.02em!important}
#catalog .amanCalcNote,
#anLive #catalog .amanCalcNote,
#grid .product .amanCalcNote{
  margin:0!important;
  padding:0 9px 9px!important;
  color:#7c7069!important;
  font-size:.65rem!important;
  font-weight:750!important;
  line-height:1.55!important;
}

/* Two actions only: WhatsApp + Share. */
#catalog .actions.twoActions,
#anLive #catalog .actions.twoActions,
#grid .product .actions.twoActions,
.an-cat-card .an-cat-actions-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 54px!important;
  gap:7px!important;
  margin-top:10px!important;
}
#catalog .actions.twoActions .ask,
#anLive #catalog .actions.twoActions .ask,
#grid .product .actions.twoActions .ask,
.an-cat-card .an-cat-actions-row .ask{grid-column:auto!important;width:100%!important}
#catalog .actions.twoActions .share,
#anLive #catalog .actions.twoActions .share,
#grid .product .actions.twoActions .share,
.an-cat-card .an-cat-actions-row .share{
  width:54px!important;
  min-width:54px!important;
  padding:0!important;
}
#catalog .actions.twoActions .share span,
#anLive #catalog .actions.twoActions .share span,
#grid .product .actions.twoActions .share span{display:none!important}
#catalog .actions.twoActions .share svg,
#anLive #catalog .actions.twoActions .share svg,
#grid .product .actions.twoActions .share svg{width:19px!important;height:19px!important}

/* V40 had a full-width first action for the three-button layout. Neutralize it. */
#anLive #catalog .actions.twoActions .ask{grid-column:auto!important;min-height:47px!important}
#anLive #catalog .actions.twoActions{grid-template-columns:minmax(0,1fr) 56px!important}
#anLive #catalog .actions.twoActions .shareProduct{font-size:0!important}

@media(max-width:700px){
  #catalog .product .price,
  #anLive #catalog .product .price,
  #grid .product .price{padding:8px 9px!important}
  #catalog .product .price>strong,
  #anLive #catalog .product .price>strong,
  #grid .product .price>strong{font-size:.98rem!important}
  #catalog .amanPlans,
  #anLive #catalog .amanPlans,
  #grid .product .amanPlans{gap:3px!important;padding-inline:5px!important}
  #catalog .amanPlan,
  #anLive #catalog .amanPlan,
  #grid .product .amanPlan{min-height:69px!important;padding-inline:1px!important}
  #catalog .amanPlan>span,
  #anLive #catalog .amanPlan>span,
  #grid .product .amanPlan>span{font-size:8.5px!important}
  #catalog .amanPlan>strong,
  #anLive #catalog .amanPlan>strong,
  #grid .product .amanPlan>strong{font-size:9.4px!important}
  #catalog .amanPlan>small,
  #anLive #catalog .amanPlan>small,
  #grid .product .amanPlan>small{font-size:7px!important}
}