/* AVORONNO storefront skin. Loaded after the legacy component library. */
:root{
    --ink:#111111;
    --muted:#6b7280;
    --line:#e5e7eb;
    --paper:#ffffff;
    --soft:#f9fafb;
    --accent:#111111;
}

/* Product cards — same proportions, border, typography and action layout as AVORONNO. */
.product-card-v2{
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:14px;
    overflow:hidden;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
    display:flex;
    flex-direction:column;
    height:100%;
    min-width:0;
}
.product-card-v2:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    border-color:#dedede;
}
.pc2-img-wrap{
    position:relative;
    aspect-ratio:5/6;
    overflow:hidden;
    background:#f5f5f5;
}
.pc2-img-wrap>a{display:block;width:100%;height:100%}
.pc2-img-wrap img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease;
}
.product-card-v2:hover .pc2-img-wrap img{transform:scale(1.025)}
.pc2-badge{
    position:absolute;
    top:10px;
    left:10px;
    z-index:2;
    background:#e53935;
    color:#fff;
    font-size:12px;
    font-weight:700;
    padding:4px 8px;
    border-radius:8px;
}
.pc2-quick-view{
    position:absolute;
    top:10px;
    right:10px;
    z-index:3;
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(0,0,0,.07);
    border-radius:50%;
    color:#111;
    background:rgba(255,255,255,.94);
    box-shadow:0 3px 12px rgba(0,0,0,.1);
    opacity:0;
    transform:translateY(-4px);
    transition:.2s ease;
}
.product-card-v2:hover .pc2-quick-view,.pc2-quick-view:focus-visible{opacity:1;transform:none}
.pc2-stockout{
    position:absolute;
    top:10px;
    right:10px;
    z-index:2;
    padding:5px 9px;
    border-radius:8px;
    background:#111;
    color:#fff;
    font-size:11px;
    font-weight:800;
}
.pc2-info{
    padding:12px;
    display:flex;
    flex-direction:column;
    flex:1;
    min-width:0;
}
.pc2-name{
    min-height:39px;
    font-size:14px;
    font-weight:600;
    margin:0 0 8px;
    line-height:1.4;
    color:#1a1a1a;
}
.pc2-name a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc2-price-row{display:flex;align-items:center;gap:8px;min-height:29px;margin-bottom:12px;flex-wrap:wrap}
.pc2-price{font-size:20px;font-weight:800;color:#111;line-height:1}
.pc2-prev-price{font-size:14px;color:#888;text-decoration:line-through}
.pc2-btn-group{display:flex;gap:8px;margin-top:auto}
.pc2-btn-group>*{flex:1;min-width:0}
.pc2-cart-btn{
    width:100%;
    min-height:42px;
    padding:7px 9px;
    border:1px solid #111;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    background:#111;
    color:#fff!important;
    text-decoration:none;
    text-align:center;
    font:700 12px/1.2 Manrope,"Hind Siliguri",sans-serif;
    cursor:pointer;
    transition:opacity .2s ease,transform .2s ease,background .2s ease;
}
.pc2-cart-btn:hover{opacity:.88;color:#fff!important;transform:translateY(-1px)}
/* Explicit exception requested: keep the existing quick-order button treatment. */
.pc2-cart-btn.qo-order-link{background:var(--quick-order-color,#e02b20);border-color:var(--quick-order-color,#e02b20);box-shadow:0 4px 12px color-mix(in srgb,var(--quick-order-color,#e02b20) 28%,transparent)}
.pc2-outline-btn{background:#fff;color:#111!important;border-color:#ddd}
.pc2-outline-btn:hover{color:#111!important;background:#f7f7f7}
.pc2-disabled-btn{flex-basis:100%;background:#e5e7eb;border-color:#e5e7eb;color:#6b7280!important;pointer-events:none}

/* Existing listing/detail/account structures inherit AVORONNO's neutral visual language. */
.sf-container{max-width:1240px}
.sf-page{background:#fff}
.sf-page-head{background:linear-gradient(135deg,#1a1a2e,#16213e)!important}
.sf-btn--primary,.sf-btn--dark{background:#111!important;border-color:#111!important}
.sf-btn--outline{color:#111!important;border-color:#dedede!important}
.sf-sec-head__link,.sf-breadcrumb a{color:#111}
.sf-card-surface,.sf-filter-card,.sf-shop__toolbar{border-color:#e8e8e8!important;box-shadow:none!important}
.sf-shop__toolbar{border-radius:12px!important}
.sf-input:focus,.sf-select:focus{border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.08)!important}
.pagination .page-link{color:#111}
.pagination .active>.page-link,.pagination .page-link.active{background:#111;border-color:#111;color:#fff}

/* Preserve current popup/cart widgets, but match the black AVORONNO controls. */
.sf-chat__btn--main{background:#111!important}
.sf-cartdrawer__head{background:#111!important}
#custom-modal{z-index:1450}
.sf-popup{position:fixed;inset:0;z-index:1500;display:none;align-items:center;justify-content:center;background:rgba(10,10,10,.62);padding:20px;backdrop-filter:blur(3px)}
.sf-popup.show{display:flex}
.sf-popup__card{position:relative;max-width:480px;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:sfUp .35s cubic-bezier(.2,.8,.2,1)}
.sf-popup__card img{width:100%;display:block}
.sf-popup__body{padding:18px 20px;text-align:center;font-size:14px;color:#6b7280}
.sf-popup__body p{margin-bottom:12px}
.sf-popup__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#111;cursor:pointer;z-index:2;font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,.12)}
#loading{position:fixed;inset:0;z-index:1400;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,.62)}
.custom-loader{width:46px;height:46px;border:4px solid #ececec;border-top-color:#111;border-radius:50%;animation:avoronnoSpin .7s linear infinite}
@keyframes avoronnoSpin{to{transform:rotate(360deg)}}

@media (hover:none){.pc2-quick-view{opacity:1;transform:none}}
@media(max-width:575px){
    .pc2-btn-group{gap:6px}
    .pc2-cart-btn{min-height:38px;font-size:10.5px;padding:6px 5px;gap:4px}
    .pc2-price{font-size:17px}
    .pc2-info{padding:10px}
    .pc2-name{font-size:13px;min-height:37px}
    .pc2-quick-view{width:32px;height:32px}
}