@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#292723;--muted:#89847c;--line:#e9e5df;--paper:#fff;--bg:#faf9f7;--accent:#a58b6b;--wine:#8f2638}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:108px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#fff}.wordmark{font-family:'Playfair Display',Georgia,serif;font-size:29px;letter-spacing:5px}.wordmark-sub{font-size:14px;letter-spacing:3.2px;color:var(--muted);position: absolute;margin-left: 34%;}
.catalogue-wrap,.detail-wrap{max-width:1500px;margin:auto;padding:56px 5vw 90px}.catalogue-heading{text-align:center;margin:0 auto 43px}.eyebrow{font-size:20px;letter-spacing:2.5px;color:var(--accent);margin:0 0 13px;text-transform:uppercase}.catalogue-heading h1{font:400 clamp(35px,4vw,51px)/1.12 'Playfair Display',Georgia,serif;margin:0 0 13px;letter-spacing:.2px}.catalogue-heading>p:last-child{font-size:13px;color:var(--muted);margin:0}
.catalogue-controls{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px;padding-bottom:15px;border-bottom:1px solid var(--line)}.categories{display:flex;gap:25px;flex-wrap:wrap}.categories a{font-size:11px;letter-spacing:.3px;color:var(--muted);padding:8px 0 10px;border-bottom:1px solid transparent;white-space:nowrap;transition:color .2s,border-color .2s}.categories a.active,.categories a:hover{color:var(--ink);border-color:var(--accent)}
.search-form{display:flex;align-items:center;gap:7px;min-width:205px;border-bottom:1px solid #d8d3cb;padding:7px 0}.search-icon{font-size:22px;line-height:16px;color:var(--accent)}.search-form input{width:100%;border:0;background:transparent;padding:3px 0;font:11px 'DM Sans';outline:none;color:var(--ink)}.search-form input::placeholder{color:#aaa49b}.clear-search{font-size:19px;color:var(--muted);line-height:1}
.logo {width:70%;margin-left: 17%;}
.collection-meta{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px;color:#9b958c;font-size:9px;letter-spacing:1.8px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 18px}.product-card{display:block;min-width:0}.product-thumb{position:relative;aspect-ratio:3/4;background:#f2f0ec;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.65,.3,1)}.product-card:hover .product-thumb img{transform:scale(1.045)}.no-image{height:100%;display:grid;place-items:center;font:20px 'Playfair Display';letter-spacing:3px;color:#aaa}.sale-badge{position:absolute;top:12px;left:12px;background:var(--wine);color:white;padding:8px 10px;font-size:9px;letter-spacing:1.1px;font-weight:600}.view-product{position:absolute;right:11px;bottom:11px;background:rgba(255,255,255,.94);padding:9px 11px;font-size:8px;letter-spacing:1.2px;opacity:0;transform:translateY(5px);transition:all .25s}.product-card:hover .view-product{opacity:1;transform:translateY(0)}.view-product span{margin-left:7px;font-size:12px}
.product-card-info{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-top:13px}.product-main-info{min-width:0}.product-card h2{font-size:13px;line-height:1.45;font-weight:500;margin:0 0 4px;letter-spacing:.1px}.sku{text-transform: uppercase;display:block;font-size:9px;color:var(--muted);letter-spacing:.5px}.card-prices{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap;padding-top:1px}.card-prices strong{font-size:17px;line-height:1.15;font-weight:700;color:var(--wine)}.card-prices del{font-size:10px;color:#aaa49d;font-weight:400}.card-colors{display:flex;align-items:center;gap:5px;margin-top:9px}.card-colors i{display:block;width:12px;height:12px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.13)}.card-colors small{font-size:9px;color:var(--muted);margin-left:1px}.empty-state{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:12px}.empty-state strong{font:24px 'Playfair Display';font-weight:400;color:var(--ink)}
/* Product detail */
h1{font:400 clamp(34px,4vw,48px)/1.15 'Playfair Display',Georgia,serif;margin:0 0 12px}.back-link{font-size:10px;letter-spacing:1.5px;color:var(--muted);display:inline-block;margin-bottom:35px}.detail-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.detail-top h1{font-size:clamp(28px,4vw,46px)}.detail-sku{color:var(--muted);font-size: 14px;
    text-transform: uppercase}.detail-prices{text-align:right;white-space:nowrap;padding-bottom:5px}.detail-price{font-size:34px;line-height:1.1;font-weight:700;color:var(--wine)}.detail-original-price{font-size:16px;font-weight:bold;color:#999;text-decoration:line-through;margin-bottom:5px}.discount-note{font-size:11px;letter-spacing:2px;color:var(--accent);margin-top:6px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-image,.media-video{display:block;background:#f1efeb;overflow:hidden}.media-image img{width:100%;height:100%;max-height:850px;object-fit:contain;display:block}.media-video video{display:block;width:100%;max-height:850px;background:#111}.media-video span{display:block;padding:8px 10px;font-size:10px;color:var(--muted)}.product-specs{max-width:700px;margin:38px auto 0;border-top:1px solid var(--line)}.spec-row{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.spec-row h3{font-size:10px;letter-spacing:1.5px;font-weight:500;margin:4px 0}.size-list,.color-list{display:flex;flex-wrap:wrap;gap:9px}.size-list span{border:1px solid var(--line);min-width:38px;text-align:center;padding:7px 10px;font-size:11px}.color-item{display:inline-flex;align-items:center;gap:7px;font-size:11px;margin-right:9px}.color-item i{display:inline-block;width:17px;height:17px;border-radius:50%;background:var(--swatch);border:1px solid #d8d4ce}.site-footer{text-align:center;border-top:1px solid var(--line);padding:27px;color:#aaa;font-size:9px;letter-spacing:2px}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.categories{gap:16px}.catalogue-controls{align-items:flex-start;flex-direction:column}.search-form{width:100%;max-width:360px}}
@media(max-width:650px){.site-header{position: fixed;height: 65px;padding-top: 12px;z-index: 999;}.wordmark{font-size:26px}.catalogue-wrap,.detail-wrap{padding:70px 4.5vw 5px}.catalogue-heading{margin-bottom:20px}.catalogue-heading h1{font-size:30px;margin-top: 5px;}.catalogue-heading>p:last-child{font-size:12px}.catalogue-controls{gap:10px;margin-bottom:20px}.categories{width:100%;overflow-x:auto;flex-wrap:nowrap;gap:21px;padding:0 0 5px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.categories a{font-size:11px}.search-form{max-width:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 11px}.product-card-info{gap:5px;padding-top:10px}.product-card h2{font-size:13px}.sku{font-size:10px;}.card-prices strong{font-size:14px}.card-prices del{font-size:9px}.sale-badge{top:8px;left:8px;padding:6px 7px;font-size:8px}.card-colors{gap:4px;margin-top:7px}.card-colors i{width:10px;height:10px}.view-product{display:none}.detail-top{align-items:start;flex-direction:column}.detail-prices{text-align:left}.detail-price{font-size:30px}.media-grid{grid-template-columns:1fr;gap:9px}.spec-row{grid-template-columns:75px 1fr}.logo{width:40%;margin-left: 10%;}.wordmark-sub{font-size: 11px;letter-spacing: 3.2px;float: left;position: absolute;margin-left:40%;margin-top:6px;}}

@media(min-width:1500px){.catalogue-wrap,.detail-wrap{padding-left:60px;padding-right:60px}}


/* La Vogue catalogue layout + price visibility fix */
.product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:start!important;width:100%!important}
.product-card{display:block!important;min-width:0!important;width:100%!important}
.product-card-info{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important}
.card-prices{display:flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;padding-top:2px!important}
.card-prices strong{display:inline-block!important;font-size:21px!important;line-height:1.2!important;font-weight:700!important;color:var(--wine)!important}
.card-prices del{display:inline-block!important;font-size:13px!important;color:#999!important}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card-prices strong{font-size:17px!important}.card-prices del{font-size:12px!important;font-weight: bold;}}

/* Final catalogue enhancements */
.card-colors{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.card-colors span{border:1px solid #ddd;padding:3px 6px;font-size:9px;line-height:1.3;color:#555}.card-colors small{font-size:10px;padding:3px}
.product-card-link{display:block;color:inherit}.card-whatsapp{display:inline-flex;align-items:center;justify-content:center;margin-top:9px;border:1px solid #25D366;border-radius:3px;padding:9px 13px;font-size:10px;font-weight:600;letter-spacing:.35px;color:#fff;background:#25D366;transition:background .2s,border-color .2s}.card-whatsapp:hover{background:#1fbd5a;border-color:#1fbd5a;color:#fff}.detail-whatsapp{margin:24px 0 30px}.detail-whatsapp a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid #25D366;border-radius:3px;background:#25D366;color:#fff;font-size:12px;font-weight:600;letter-spacing:.4px;text-decoration:none;transition:background .2s,border-color .2s}.detail-whatsapp a:hover{background:#1fbd5a;border-color:#1fbd5a}
.public-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:18px 0 24px}.public-pagination>a,.public-pagination>span,.page-jump button{min-width:30px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dedbd5;padding:0 9px;font-size:10px;color:#555;background:#fff}.public-pagination .current{background:#222;color:#fff;border-color:#222}.public-pagination>span:not(.current){border-color:transparent}.page-jump{display:flex;align-items:center;gap:5px;margin-left:8px}.page-jump label{font-size:10px;color:#777;display:flex;align-items:center;gap:5px}.page-jump input{width:31px;height:32px;border:1px solid #dedbd5;padding:0 5px;font-size: 10px;}.page-jump button{cursor:pointer}
@media(max-width:650px){.categories:before{content:'SWIPE TO EXPLORE →';display:block;position:absolute;top:-17px;right:0;font-size:8px;letter-spacing:1px;color:#aaa}.categories{position:relative;padding-top:13px}.public-pagination{gap:4px}.page-jump{margin-left:0}}

.color-item{border:1px solid var(--line);padding:7px 10px;font-size:11px;margin:0}
.color-item i{display:none}


/* Category wrapper */
.category-wrapper {
    width: 100%;
    min-width: 0;
}

/* Swipe hint */
.category-hint {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    padding: 0 5px 0px;
    color: #999;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 1.3px;
}

.category-hint span {
    font-size: 17px;
    color: #555;
    line-height: 1;
}

/* Category menu */
.categories {
    display: flex;
    flex-wrap: nowrap;
    gap: 7px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding: 10px 2px 16px;
    margin-bottom: 12px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #999 #eee;
}


/* Category rounded box style */
.categories a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 9px 10px;
    border: 1px solid #dedbd5;
    border-radius: 8px;
    background: #fff;
    color: #777;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Selected category */
.categories a.active {
    background: #d9d9d9;
    border: 1px solid #bdbdbd;
    color: #292723;
}

/* Hover effect */
.categories a:hover {
    background: #eeeeee;
    border-color: #bdbdbd;
    color: #292723;
}