.about-strip { display: flex; align-items: stretch; min-height: 300px; overflow: hidden; }
.about-strip-media {
    flex: 1 1 68%;
    background-color: #3a352e;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
}
.about-strip-media::before {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 60%, rgba(0,0,0,.1) 100%);
}
.about-strip-copy { position: relative; padding: 46px 50px; max-width: 460px; }
.about-strip-kicker {
    display: block; color: rgba(255,255,255,.75); font-size: 11px;
    letter-spacing: 2.5px; text-transform: uppercase; margin-bottom: 14px;
}
.about-strip-title { color: #fff; font-size: 34px; font-weight: 400; margin: 0 0 16px; line-height: 1.2; }
.about-strip-text { color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.75; margin: 0; }
.about-strip-panel {
    flex: 1 1 32%;
    background: #ece8e1;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    padding: 46px 30px; text-align: center;
}
.about-strip-logo { font-size: 26px; letter-spacing: 9px; color: #222; font-weight: 500; }
.about-strip-sub {
    font-size: 10px; letter-spacing: 3px; text-transform: uppercase;
    color: #8a8378; margin: 10px 0 28px;
}
.about-strip-btn {
    display: inline-flex; align-items: center; gap: 10px;
    background: #171614; color: #fff; text-decoration: none;
    font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase;
    padding: 15px 30px; transition: background .3s;
}
.about-strip-btn:hover { background: #c8a96e; color: #fff; text-decoration: none; }
@media (max-width: 991px) {
    .about-strip { flex-direction: column; }
    .about-strip-media { min-height: 260px; }
    .about-strip-copy { padding: 36px 30px; max-width: none; }
    .about-strip-title { font-size: 26px; }
    .about-strip-panel { padding: 34px 24px; }
}

#home-catalog .block2-pic { overflow: hidden; }
@media (min-width: 768px) {
    #home-catalog .block2-pic img { width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; display: block; }
}
#home-catalog .label-new::after { top: 14px !important; }
#home-catalog .badge-discount {
    position: absolute; top: 14px; right: 14px; z-index: 2;
    background: #222222; color: #fff; font-size: 11px; letter-spacing: 1px;
    line-height: 22px; height: 22px; padding: 0 10px; text-transform: uppercase; border-radius: 11px;
}
#home-catalog .cart-icon-b2 { font-size: 18px; color: #b0b0b0; }
#home-catalog .cart-icon-b2:hover { color: #222222; }
#home-catalog .js-wishlist-toggle { font-size: 18px; color: #b0b0b0; }
#home-catalog .js-wishlist-toggle:hover, #home-catalog .js-wishlist-toggle.active { color: #222222; }
#qv-slick .item-slick3 img { width: 100%; max-height: 62vh; object-fit: cover; display: block; }
#qv-oldprice { font-size: 18px; }
/* Quick-view modal: a bit smaller + visible close button */
.wrap-modal1 .container { max-width: 1140px; }
.wrap-modal1 .how-pos3-parent { position: relative; }
.wrap-modal1 .how-pos3 {
    position: absolute; top: 14px; right: 14px; z-index: 5;
    width: 40px; height: 40px; border-radius: 50%;
    background: #222; color: #fff; border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background .2s, transform .2s;
}
.wrap-modal1 .how-pos3 i { color: #fff !important; font-size: 22px !important; }
.wrap-modal1 .how-pos3:hover { background: #000000; transform: rotate(90deg); }
#qv-detail { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; border:1px solid #111; background:#fff; color:#111; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; text-decoration:none; padding:14px 30px; transition:background .2s, color .2s; }
#qv-detail:hover { background:#111; color:#fff; border-color:#111; }
#qv-buy { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
#qv-buy #qv-soldout { flex-basis:100%; margin:0; }
.wrap-modal1 .p-r-50 { padding-right:15px; }
.wrap-modal1 .buy-combo-main { padding:0 22px; }
@media (max-width:767px){
    .wrap-modal1 { padding-top:16px !important; padding-bottom:16px !important; }
    .wrap-modal1 .container { max-width:100%; padding-left:10px; padding-right:10px; }
    .wrap-modal1 .bg0 { padding-top:34px !important; padding-bottom:14px !important; }
    .wrap-modal1 .col-md-6 { padding-bottom:12px; }
    .wrap-modal1 .p-l-25 { padding-left:0 !important; }
    .wrap-modal1 .p-r-30 { padding-right:0 !important; }
    .wrap-modal1 .p-r-50 { padding-right:0 !important; }
    .wrap-modal1 .wrap-slick3 { flex-direction:column; }
    .wrap-modal1 .slick3 { width:100%; order:1; }
    .wrap-modal1 .wrap-slick3-arrows { display:none; }
    .wrap-modal1 .wrap-slick3-dots { width:100%; order:2; margin-top:8px; }
    .wrap-modal1 .slick3-dots { display:flex; flex-wrap:wrap; gap:6px; }
    .wrap-modal1 .slick3-dots li { width:50px; margin:0; }
    .wrap-modal1 .slick3-dots li img { width:100%; display:block; }
    .wrap-modal1 .slick3-dots li { width:44px; }
    #qv-slick .item-slick3 img { width:100%; height:44vh; object-fit:contain; }
    .wrap-modal1 #qv-name { font-size:18px; }
    .wrap-modal1 .p-t-33 { padding-top:16px !important; }
    .wrap-modal1 .wrap-num-product { width:100%; justify-content:space-between; }
    .wrap-modal1 #qv-buy { flex-direction:column; align-items:stretch; gap:12px; }
}
/* Big category banners (first two) */
.cat-banner { position:relative; display:block; height:360px; border-radius:8px; overflow:hidden; text-decoration:none; }
.cat-banner img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.cat-banner:hover img { transform:scale(1.06); }
.cat-banner-txt { position:absolute; inset:0; padding:36px 40px; display:flex; flex-direction:column; justify-content:space-between;
    background:linear-gradient(to bottom, rgba(0,0,0,.40), rgba(0,0,0,0) 38%, rgba(0,0,0,0) 60%, rgba(0,0,0,.50)); }
.cat-banner-txt h3 { color:#fff; font-size:34px; font-weight:700; margin:0 0 4px; text-shadow:0 1px 6px rgba(0,0,0,.35); }
.cat-banner-sub { color:rgba(255,255,255,.9); font-size:14px; text-shadow:0 1px 4px rgba(0,0,0,.4); }
.cat-banner-link { align-self:flex-start; color:#fff; font-size:13px; font-weight:600; letter-spacing:1px; text-transform:uppercase;
    border-bottom:2px solid #fff; padding-bottom:3px; transition:opacity .2s; }
.cat-banner:hover .cat-banner-link { opacity:.8; }
@media (max-width:575px){ .cat-banner { height:240px; } .cat-banner-txt h3 { font-size:26px; } }
/* Category cards (home banners) */
.cat-card { display:flex; align-items:center; justify-content:space-between; gap:20px;
    border:1px solid #e6e6e6; border-radius:8px; padding:34px 40px; min-height:230px;
    background:#fff; text-decoration:none; transition:box-shadow .25s, transform .25s, border-color .25s; overflow:hidden; }
.cat-card:hover { box-shadow:0 14px 34px rgba(0,0,0,.10); transform:translateY(-3px); border-color:#dcdcdc; }
.cat-card-text { flex:1 1 auto; }
.cat-card-text h3 { font-size:30px; font-weight:700; color:#222; margin:0 0 6px; }
.cat-card-sub { display:block; font-size:14px; color:#999; margin-bottom:20px; }
.cat-card-link { display:inline-flex; align-items:center; font-size:13px; font-weight:600; letter-spacing:1px;
    text-transform:uppercase; color:#222; border-bottom:2px solid #222; padding-bottom:3px; transition:color .2s, border-color .2s; }
.cat-card:hover .cat-card-link { color:#222222; border-color:#222222; }
.cat-card-img { flex:0 0 auto; width:200px; height:170px; display:flex; align-items:center; justify-content:center; }
.cat-card-img img { max-width:100%; max-height:100%; object-fit:contain; border-radius:6px; }
@media (max-width:575px){
    .cat-card { padding:24px 22px; min-height:auto; }
    .cat-card-text h3 { font-size:24px; }
    .cat-card-img { width:120px; height:120px; }
}