/* WISHLIST — Brand theme compliant.
   All colors, fonts, and buttons follow site settings via CSS variables. */
.wishlist-nav-icon{position:relative}
.wishlist-nav-icon em{
    position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
    background:var(--btn-primary-bg, var(--primary, #4e7661));color:var(--btn-primary-text, #fff);font-size:10px;line-height:18px;font-style:normal;font-weight:900;text-align:center;
    box-shadow:0 0 0 2px #fff;
}
.wishlist-nav-icon.active,
.wishlist-nav-icon:hover{color:var(--primary-dark, #3a5948);border-color:rgba(78,118,97,.48)}
.catalogue-wish.is-wished,
.wishlist-love.is-wished{background:var(--btn-primary-bg, var(--primary, #4e7661))!important;color:var(--btn-primary-text, #fff)!important;border-color:var(--btn-primary-bg, var(--primary, #4e7661))!important}
.catalogue-wish.is-wished{font-size:0}
.catalogue-wish.is-wished::before{content:'\2665';font-size:20px;line-height:1}

.wishlist-page{
    min-height:100vh;
    color:var(--ds-text-body, #58595B);
    font-family:var(--brand-font-body, 'Open Sans','Outfit',sans-serif);
    background:
      radial-gradient(circle at 10% 18%, var(--primary-pale, rgba(78,118,97,.10)), transparent 28%),
      radial-gradient(circle at 92% 52%, var(--primary-pale, rgba(78,118,97,.06)), transparent 30%),
      #fff;
}
.wishlist-container{width:min(1140px,calc(100% - 48px));margin:0 auto}

.wishlist-hero{
    position:relative;
    margin-top:96px;
    height:330px;
    overflow:hidden;
    background:var(--primary-dark, #3a5948);
}
.wishlist-hero-bg{
    position:absolute;inset:0;
    background:
      linear-gradient(90deg, color-mix(in srgb, var(--primary-dark, #2d4739) 82%, transparent) 0%, color-mix(in srgb, var(--primary-dark, #3a5948) 66%, transparent) 43%, color-mix(in srgb, var(--primary, #4e7661) 28%, transparent) 100%),
      url('https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?auto=format&fit=crop&w=1800&q=85');
    background-size:cover;
    background-position:center 45%;
    filter:saturate(.72) contrast(1.03)
}
.wishlist-hero-overlay{
    position:absolute;inset:0;
    background:
      linear-gradient(180deg,rgba(255,255,255,.02),color-mix(in srgb, var(--primary-dark, #3a5948) 20%, transparent)),
      radial-gradient(circle at 72% 24%, color-mix(in srgb, var(--primary, #4e7661) 24%, transparent), transparent 30%);
}
.wishlist-hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.wishlist-breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:42px;font-size:10px;font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.72)}
.wishlist-breadcrumb a{color:#fff;text-decoration:none}
.wishlist-breadcrumb a:hover{color:var(--primary-soft, #c5dbd0)}
.wishlist-hero h1{margin:0;color:#fff;font-size:58px;line-height:.95;font-weight:900;letter-spacing:-.055em;text-shadow:0 10px 28px color-mix(in srgb, var(--primary-dark, #3a5948) 22%, transparent);font-family:var(--brand-font-heading, 'Outfit',sans-serif)}
.wishlist-hero p{margin:16px 0 0;color:rgba(255,255,255,.82);font-size:14px;font-weight:700;letter-spacing:.035em;text-transform:uppercase}

.wishlist-content{padding:var(--ds-section-padding, 80px) 0 88px}
.wishlist-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:38px}
.wishlist-eyebrow{display:block;margin-bottom:10px;color:var(--primary, #4e7661);font-size:12px;font-weight:900;letter-spacing:.36em;font-family:var(--brand-font-body, 'Open Sans','Outfit',sans-serif)}
.wishlist-head h2{margin:0;color:var(--ds-text-title, #222222);font-size:34px;line-height:1;font-weight:900;text-transform:uppercase;letter-spacing:-.05em;font-family:var(--brand-font-heading, 'Outfit',sans-serif)}
.wishlist-shop-link{
    min-height:48px;padding:0 var(--ds-btn-font-size, 14px);border-radius:var(--ds-btn-radius, 999px);
    background:var(--btn-primary-bg, var(--primary, #4e7661));
    color:var(--btn-primary-text, #fff);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
    font-size:var(--ds-btn-font-size, 14px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    font-family:var(--brand-font-body, 'Open Sans','Outfit',sans-serif);
    box-shadow:0 4px 14px color-mix(in srgb, var(--primary, #4e7661) 18%, transparent);transition:background .2s ease,transform .1s ease,box-shadow .2s ease;
}
.wishlist-shop-link:hover{background:var(--btn-primary-hover, var(--primary-dark, #3a5948));transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb, var(--primary, #4e7661) 28%, transparent)}

.wishlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:30px;row-gap:56px}
.wishlist-card{position:relative;animation:wishlistFade .45s ease both}
.wishlist-image{
    position:relative;display:block;aspect-ratio:1/1;
    background:#ffffff;
    border:1px solid color-mix(in srgb, var(--primary, #4e7661) 20%, transparent);
    border-radius:22px;overflow:hidden;text-decoration:none;
    box-shadow:0 16px 38px color-mix(in srgb, var(--primary, #4e7661) 8%, transparent);
}
.wishlist-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}
.wishlist-card:hover .wishlist-image img{transform:scale(1.045);filter:saturate(1.04)}
.wishlist-love{
    position:absolute;right:12px;top:12px;z-index:3;width:38px;height:38px;
    border:1px solid rgba(255,255,255,.74);border-radius:999px;
    background:var(--btn-primary-bg, var(--primary, #4e7661));color:var(--btn-primary-text, #fff);font-size:18px;display:flex;align-items:center;justify-content:center;
    cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb, var(--primary, #4e7661) 24%, transparent);transition:.22s;
}
.wishlist-love:hover{transform:scale(1.08);background:var(--btn-primary-hover, var(--primary-dark, #3a5948))}
.wishlist-swatches{display:flex;align-items:center;gap:9px;margin:16px 0 14px;overflow:hidden}
.wishlist-swatches span{width:29px;height:29px;border-radius:999px;display:inline-flex;flex:0 0 29px;border:2px solid #fff;box-shadow:0 0 0 1px color-mix(in srgb, var(--primary, #4e7661) 14%, transparent);position:relative}
.wishlist-swatches span.active:after{content:'\2713';position:absolute;inset:3px;border:1px solid color-mix(in srgb, var(--primary, #4e7661) 72%, transparent);border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900}
.wishlist-name{display:block;min-height:58px;color:var(--ds-text-title, #222222);text-decoration:none;text-transform:uppercase;font-size:17px;line-height:1.2;font-weight:900;letter-spacing:-.035em;margin-bottom:9px;font-family:var(--brand-font-heading, 'Outfit',sans-serif)}
.wishlist-name:hover{color:var(--primary-dark, #3a5948)}
.wishlist-price{font-size:14px;color:var(--ds-text-subtle, #767676);font-weight:800;margin-bottom:11px;font-family:var(--brand-font-body, 'Open Sans','Outfit',sans-serif)}
.wishlist-actions{display:flex;gap:18px}
.wishlist-actions a{
    font-size:11px;color:var(--ds-text-title, #222222);font-weight:900;text-transform:uppercase;text-decoration:none;
    border-bottom:2px solid var(--primary, #4e7661);letter-spacing:.04em;padding-bottom:3px;
    font-family:var(--brand-font-body, 'Open Sans','Outfit',sans-serif);transition:color .2s ease;
}
.wishlist-actions a:hover{color:var(--primary-dark, #3a5948)}

.wishlist-empty{
    text-align:center;
    background:linear-gradient(145deg,rgba(255,255,255,.98), var(--primary-pale, rgba(232,242,236,.98)));
    border:1px solid color-mix(in srgb, var(--primary, #4e7661) 26%, transparent);
    border-radius:28px;
    padding:58px 28px;
    margin:0 auto 32px;
    max-width:720px;
    box-shadow:0 24px 58px color-mix(in srgb, var(--primary, #4e7661) 11%, transparent);
}
.wishlist-empty-icon{
    width:78px;height:78px;border-radius:999px;
    background:linear-gradient(145deg,#fff, var(--primary-pale, #e8f2ec));
    margin:0 auto 20px;display:flex;align-items:center;justify-content:center;
    font-size:40px;color:var(--primary, #4e7661);
    border:1px solid color-mix(in srgb, var(--primary, #4e7661) 22%, transparent);
    box-shadow:0 14px 32px color-mix(in srgb, var(--primary, #4e7661) 14%, transparent);
}
.wishlist-empty h3{margin:0 0 12px;color:var(--ds-text-title, #222222);font-size:26px;font-weight:900;text-transform:uppercase;letter-spacing:-.035em;font-family:var(--brand-font-heading, 'Outfit',sans-serif)}
.wishlist-empty p{margin:0 auto 26px;max-width:470px;color:var(--ds-text-subtle, #767676);font-weight:650;line-height:1.7;font-family:var(--brand-font-body, 'Open Sans','Outfit',sans-serif)}
.wishlist-empty a{
    display:inline-flex;min-height:48px;align-items:center;justify-content:center;
    border-radius:var(--ds-btn-radius, 999px);background:var(--btn-primary-bg, var(--primary, #4e7661));color:var(--btn-primary-text, #fff);
    text-decoration:none;padding:0 28px;font-size:var(--ds-btn-font-size, 14px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    font-family:var(--brand-font-body, 'Open Sans','Outfit',sans-serif);
    box-shadow:0 4px 14px color-mix(in srgb, var(--primary, #4e7661) 18%, transparent);transition:background .2s ease,transform .1s ease,box-shadow .2s ease;
}
.wishlist-empty a:hover{background:var(--btn-primary-hover, var(--primary-dark, #3a5948));transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb, var(--primary, #4e7661) 28%, transparent)}

@keyframes wishlistFade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.wishlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 24px}}
@media(max-width:800px){
    .wishlist-hero{margin-top:132px;height:280px}
    .wishlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wishlist-head{align-items:flex-start;flex-direction:column}
    .wishlist-hero h1{font-size:44px}
}
@media(max-width:560px){
    .wishlist-container{width:min(100% - 28px,1140px)}
    .wishlist-hero{height:250px}
    .wishlist-hero h1{font-size:38px}
    .wishlist-hero p{font-size:11px;line-height:1.6}
    .wishlist-content{padding:48px 0 64px}
    .wishlist-head h2{font-size:28px}
    .wishlist-grid{grid-template-columns:1fr}
    .wishlist-name{min-height:auto}
    .wishlist-empty{padding:46px 20px;border-radius:22px}
}