.widget-product.cg-card-strip{
    --cg-accent:#b89b65;                      
}

:root{
    --cg-text:#2d337f;
    --cg-font:"Inter","Helvetica Neue",sans-serif;
}




.widget-product.cg-card-strip .product-image-container,
.widget-product.cg-card-strip .product-image-wrapper{
    width:230px !important;                   
    max-width:100%;
}
.widget-product.cg-card-strip .product-image-wrapper{
    padding-bottom:100% !important;           
}
.widget-product.cg-card-strip .product-image-photo{
    width:100% !important;height:100% !important;
    object-fit:cover;border-radius:10px;
    background:#fafafa;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
    transition:transform .25s,box-shadow .25s;
}
.widget-product.cg-card-strip .product-item:hover .product-image-photo{
    transform:scale(1.06);
    box-shadow:0 4px 14px rgba(0,0,0,.12);
}


.widget-product.cg-card-strip .cg-card{
    transition:transform .25s,box-shadow .25s;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
}
.widget-product.cg-card-strip .cg-card:hover,
.widget-product.cg-card-strip .cg-card:focus-within{
    transform:translateY(-4px);
    box-shadow:0 6px 18px rgba(0,0,0,.12);
}




@media (max-width:900px){
    .widget-product.cg-card-strip .cg-card{          
        flex:0 0 calc(100vw - 12px);
    }
    .widget-product.cg-card-strip
           .product-image-container,
    .widget-product.cg-card-strip
           .product-image-wrapper{
        width:100% !important;
        aspect-ratio:5/3;                            
    }
    .widget-product.cg-card-strip
           .product-image-photo{
        object-fit:contain;background:#fff;
        width:100% !important;height:100% !important;
    }
    .widget-product.cg-card-strip .product-btn{
        translate:0 0 !important;
        opacity:1 !important;
        visibility:visible !important;
    }
}


@media (max-width:600px){

    
    .widget-product.cg-card-strip .cg-card{
        flex:0 0 calc(100vw - 12px);
    }

    
    .widget-product.cg-card-strip .product-image-container,
    .widget-product.cg-card-strip .product-image-wrapper{
        width:100% !important;
        aspect-ratio:5/3;            
        height:auto !important;      
        padding-bottom:0 !important; 
    }

    
    .widget-product.cg-card-strip .product-image-photo{
        width:100% !important;
        height:100% !important;
        object-fit:contain;
        background:#fff;
    }

    
    .widget-product.cg-card-strip .product-btn{
        translate:0 0 !important;
        opacity:1 !important;
        visibility:visible !important;
    }
}



.widget-product.cg-card-strip .discount-percent{
    position:absolute;top:12px;right:-38px;
    width:120px;text-align:center;
    background:linear-gradient(145deg,#d4af37 0%,#b89b65 100%);
    color:#fff;font:700 1.3rem/2rem var(--cg-font);
    letter-spacing:.2px;
    transform:rotate(45deg);
    box-shadow:0 2px 4px rgba(0,0,0,.18);
    z-index:5;animation:badgeIn .6s cubic-bezier(.16,.76,.38,1) both;
}
.widget-product.cg-card-strip .discount-percent::after{
    content:"";position:absolute;right:-12px;top:0;
    border-width:0 0 12px 12px;border-style:solid;
    border-color:transparent transparent rgba(0,0,0,.12) transparent;
}
.widget-product.cg-card-strip .discount-percent::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(60deg,rgba(255,255,255,.35),
                               rgba(255,255,255,0) 60%);
    mix-blend-mode:overlay;pointer-events:none;
}
@keyframes badgeIn{
    from{transform:translateY(-15px) rotate(45deg);opacity:0}
    to  {transform:translateY(0)    rotate(45deg);opacity:1}
}




.widget-product.cg-card-strip .price-wrap{
    margin-top:.65rem;
    display:flex;                    
    justify-content:center;          
    align-items:center;              
    gap:.35rem;                      
    text-align:center;
    font-family:var(--cg-font);
}


.widget-product.cg-card-strip .price-final_price .price{
    font-size:clamp(1.8rem,1vw + 1.4rem,2.2rem);
    font-weight:700;
    color:var(--cg-accent);
    font-variant-numeric:tabular-nums;
    display:inline-flex;align-items:center;
    padding:.22rem .9rem .18rem;
    border-radius:10px;
    background:rgba(184,155,101,.16);
    backdrop-filter:blur(8px) saturate(140%);
    box-shadow:
        0 1px 1px rgba(255,255,255,.25) inset,
        0 3px 6px rgba(0,0,0,.08) inset,
        0 4px 12px rgba(0,0,0,.10);
    transition:transform .18s,box-shadow .18s;
    animation:priceReveal .45s cubic-bezier(.16,.8,.36,1) both;
    
}
@keyframes priceReveal{
    0%{opacity:0;transform:translateY(8px) scale(.96);}
    100%{opacity:1;transform:translateY(0) scale(1);}
}
.widget-product.cg-card-strip .cg-card:hover  .price-final_price .price,
.widget-product.cg-card-strip .cg-card:focus-within .price-final_price .price{
    transform:translateY(-3px) scale(1.015);
    box-shadow:
        0 1px 1px rgba(255,255,255,.28) inset,
        0 5px 10px rgba(0,0,0,.10) inset,
        0 6px 18px rgba(0,0,0,.12);
}
.widget-product.cg-card-strip .price-final_price .price-wrapper{
    font-size:92%;
}
.widget-product.cg-card-strip .price-final_price .price-wrapper::first-letter{
    font-size:78%;vertical-align:14%;
}


.widget-product.cg-card-strip .special-price .price-label{
    display:inline-flex;align-items:center;   
    padding:.14rem .6rem .1rem;
    font-size:1.05rem;font-weight:600;
    color:#fff;background:#b89b65;
    border-radius:4px;
    text-transform:uppercase;
    letter-spacing:.35px;
    box-shadow:0 2px 4px rgba(0,0,0,.12);
}


.widget-product.cg-card-strip .old-price .price{
    font-size:1.35rem;font-weight:400;color:#8e8e8e;
    text-decoration:line-through;
    opacity:.55;transition:opacity .25s;
}
.widget-product.cg-card-strip .cg-card:hover .old-price .price{
    opacity:.4;
}
.widget-product.cg-card-strip .old-price .price-label{display:none;}


   
.widget-product.cg-card-strip{
    --cg-ease-smooth:cubic-bezier(.16,.8,.36,1);
    --cg-dur-fast:.22s;
    --cg-dur-medium:.32s;
    --btn-size:3.2rem;
}


.widget-product.cg-card-strip .product-btn{
    --_accent:var(--cg-accent,#b89b65);
    --_rail-bg:color-mix(in srgb,#fff 5%,var(--_accent) 17%);

    position:absolute;inset-block-end:.8rem;inset-inline:0;translate:0 .9rem;
    z-index:4;

    display:flex;align-items:center;justify-content:space-between;
    gap:1.25rem;width:100%;padding:.7rem 1.4rem;

    background:var(--_rail-bg);
    backdrop-filter:blur(14px) saturate(180%);
    border:1px solid color-mix(in srgb,var(--_accent) 25%,transparent);
    border-radius:3rem;box-shadow:0 6px 18px rgba(0,0,0,.12);

    opacity:0;visibility:hidden;
    transition:translate var(--cg-dur-medium) var(--cg-ease-smooth),
               opacity  var(--cg-dur-medium) ease,
               visibility 0s linear var(--cg-dur-medium),
               box-shadow var(--cg-dur-medium) var(--cg-ease-smooth);
}


.widget-product.cg-card-strip .product-item:hover  .product-btn,
.widget-product.cg-card-strip .product-item:focus-within .product-btn{translate:0 0;opacity:1;visibility:visible;box-shadow:0 8px 24px rgba(0,0,0,.14);}  
@media(hover:none){.widget-product.cg-card-strip .product-btn{translate:0 0;opacity:1;visibility:visible;}}



.widget-product.cg-card-strip .product-btn>*{
    list-style:none; margin:0; padding:0;
    flex:1 1 0;                        
    display:flex; justify-content:center; align-items:center;
}

.widget-product.cg-card-strip .product-btn{
    gap:0;                        
    justify-content:stretch;      
}


.widget-product.cg-card-strip .product-btn > .row{
    margin:0 !important;          
    flex:1 1 100%;                
    display:flex; justify-content:space-between;
}


.widget-product.cg-card-strip .product-btn > .row > .col{
    padding:0 !important;         
    flex:1 1 0;                   
    display:flex; justify-content:center; align-items:center;
}


.widget-product.cg-card-strip .product-btn :where(button,a){
    all:unset;display:grid;place-items:center;
    flex:0 0 var(--btn-size);min-height:var(--btn-size);
    width:var(--btn-size);height:var(--btn-size);

    font-size:1.55rem;line-height:1;color:var(--_accent);
    background:color-mix(in srgb,var(--_accent) 8%,#fff 92%);
    border-radius:50%;cursor:pointer;user-select:none;
    box-shadow:0 1px 3px rgba(0,0,0,.06) inset,0 2px 4px rgba(0,0,0,.06);

    transition:background var(--cg-dur-fast) var(--cg-ease-smooth),
               transform  var(--cg-dur-fast) var(--cg-ease-smooth),
               box-shadow var(--cg-dur-fast) var(--cg-ease-smooth),
               color      var(--cg-dur-fast) linear;
}

.widget-product.cg-card-strip .product-btn :where(button,a):is(:hover,:focus-visible){
    background:var(--_accent);color:#fff;
    transform:translateY(-3px) scale(1.08);
    box-shadow:0 4px 10px rgba(0,0,0,.12),0 6px 14px rgba(0,0,0,.14);
}

.widget-product.cg-card-strip .product-btn :where(button,a):active{transform:translateY(0) scale(.94);}


.widget-product.cg-card-strip .product-btn :where(button,a):focus-visible{outline:2px solid color-mix(in srgb,var(--_accent) 45%,transparent);outline-offset:2px;}


.widget-product.cg-card-strip .product-btn :where(button,a) svg{width:1.6rem;height:1.6rem;stroke:currentColor;fill:none;stroke-width:2;}

@media(prefers-reduced-motion:reduce){.widget-product.cg-card-strip .product-btn,.widget-product.cg-card-strip .product-btn :where(button,a){transition:none;}}


.widget-product.cg-card-strip .product-btn .mbi{
    font-size:1.6rem;width:1em;height:1em;line-height:1;display:block;
    pointer-events:none;transform-origin:center;transition:transform var(--cg-dur-fast) var(--cg-ease-smooth);
}

.widget-product.cg-card-strip .product-btn :where(button,a):is(:hover,:focus-visible) .mbi{transform:scale(var(--icon-scale-hover));}

.widget-product.cg-card-strip .product-btn .mbi svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;}

.widget-product.cg-card-strip .product-btn :where(button,a):hover .mbi{
    background-color:transparent !important;
}




.widget-product.cg-card-strip :is(.owl-prev, .owl-next){
    
    width:46px; height:46px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    
    background:rgba(0,0,0,.40);
    
    opacity:0;
    
    pointer-events:auto;
    
    transition:background .25s, opacity .25s;
    position:absolute; top:50%; transform:translateY(-50%);
    z-index:5;
}


.widget-product.cg-card-strip .owl-prev{ left:8px; }
.widget-product.cg-card-strip .owl-next{ right:8px; }


.widget-product.cg-card-strip:hover :is(.owl-prev, .owl-next){
    opacity:1;
}


@media (pointer:coarse){
    .widget-product.cg-card-strip :is(.owl-prev, .owl-next){
        opacity:1;
    }
}


.widget-product.cg-card-strip :is(.owl-prev, .owl-next):hover{
    background:rgba(0,0,0,.65);
}


.widget-product.cg-card-strip :is(.owl-prev, .owl-next) .mbi{
    font-family:"MBI";                 
    font-size:18px; font-weight:700; line-height:1;
    color:var(--cg-accent);
}


.mbi-chevron-left::before  { content:"\e93b"; }
.mbi-chevron-right::before { content:"\e93c"; }

.widget-product.cg-card-strip :is(.owl-prev, .owl-next),
.widget-product.cg-card-strip :is(.owl-prev, .owl-next):hover{
    background:transparent !important;  
    box-shadow:none !important;         
}

   .widget-product.cg-card-strip .product-item-details{
    display:flex;               
    flex-direction:column;
    align-items:center;         
    flex:1 1 auto;              
    min-width:0;                
}


.widget-product.cg-card-strip .product-item-name{
    line-height:1.4rem;                     
    max-height:2.8rem;                      
    min-height:2.8rem;                      
    margin-top:.65rem;
    text-align:center;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}


.widget-product.cg-card-strip .product-item-details .price-wrap{
    margin-top:auto;                        
}






.widget-product.cg-card-strip .product-item-name a,
.widget-product.cg-card-strip .product-item-link{
    position:relative;
    display:inline-block;              
    font-weight:500;
    color:var(--cg-blue,#2d337f);
    text-decoration:none;              
    white-space:normal;
    max-width:100%;

    
    background-image:linear-gradient(to right,var(--cg-accent,#b89b65) 0 0);
    background-size:0% 2px;
    background-repeat:no-repeat;
    background-position:left bottom;

    
    transition:
        color .25s ease,
        background-size .45s cubic-bezier(.16,.8,.36,1);
}


.widget-product.cg-card-strip .product-item-name a:is(:hover,:focus),
.widget-product.cg-card-strip .product-item-link:is(:hover,:focus){
    color:var(--cg-accent,#b89b65);
    background-size:100% 2px;
}


.widget-product.cg-card-strip .product-item-name a::after,
.widget-product.cg-card-strip .product-item-link::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,.7) 45%,
        transparent 90%
    );
    transform:translateX(-120%);   
    opacity:0;                     
    pointer-events:none;
    transition:
        transform .7s cubic-bezier(.16,.8,.36,1),
        opacity   .2s ease-in;
}


.widget-product.cg-card-strip .product-item-name a:is(:hover,:focus)::after,
.widget-product.cg-card-strip .product-item-link:is(:hover,:focus)::after{
    transform:translateX(120%);    
    opacity:.9;
}


@media (prefers-reduced-motion:reduce){
    .widget-product.cg-card-strip .product-item-name a,
    .widget-product.cg-card-strip .product-item-link{
        transition:color .25s ease;   
    }
    .widget-product.cg-card-strip .product-item-name a::after,
    .widget-product.cg-card-strip .product-item-link::after{
        display:none;                 
    }
}



@media (max-width:600px){

    
    .widget-product.cg-card-strip .product-btn{
        position:static !important;   
        translate:none !important;    
        margin-top:.7rem;             
        width:100%;                   
    }
  
    
    .widget-product.cg-card-strip .product-btn > .row{
        justify-content:center !important;
        gap:1rem !important;
    }
    .widget-product.cg-card-strip .product-btn > *{
        flex:0 0 auto !important;     
    }
  }