.collections-grid .collection-card:hover{
transform: translateY(-3px);
box-shadow: 0 14px 30px rgba(0,0,0,.12);
}
@media (max-width: 767px){
.collections-grid{ grid-template-columns: 1fr; gap:20px; }
}.wp-block-template-part[area="header"] {
position: sticky;
top: 0;
z-index: 9999;
background: var(--wp--preset--color--base, #ebdfca) !important; box-shadow: 0 2px 6px rgba(0,0,0,.05); } body, .wp-site-blocks {
overflow: visible !important;
} header, .wp-block-template-part[area="header"] > .wp-block-group {
margin: 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
background: none !important;
}:root{
--bg-overlay: rgba(0,0,0,.55);
--card-bg: #fff;
--beige-1:#f6efe4; --beige-2:#e9ddca; --beige-3:#d2bea0; --ink:#1d1d1d; --muted:#6b6b6b; } .contact-modal{
position: fixed;
inset: 0;
display: none; align-items: center;
justify-content: center;
background: var(--bg-overlay);
z-index: 9999;
padding: 20px;
}
.contact-modal.is-open{
display: flex;
animation: cm-fade .2s ease;
} .contact-modal__dialog{
position: relative;
width: min(720px, 92vw);
max-height: 86vh;
overflow: auto;
background: var(--card-bg);
border-radius: 16px;
box-shadow: 0 20px 50px rgba(0,0,0,.25);
padding: 20px;
animation: cm-pop .18s ease-out;
} .contact-modal__close{
position: absolute;
top: 10px; right: 10px;
width: 36px; height: 36px;
border-radius: 999px;
border: 1px solid var(--beige-3);
background: var(--beige-1);
cursor: pointer;
font-size: 16px; line-height: 1;
display: grid; place-items: center;
} .contact-modal form{ margin-top: 6px; }
.contact-modal label{
display:block; font-weight:600; color:var(--ink);
margin:12px 0 6px; font-size:14px;
}
.contact-modal input[type="text"],
.contact-modal input[type="email"],
.contact-modal input[type="tel"],
.contact-modal input[type="url"],
.contact-modal input[type="number"],
.contact-modal select,
.contact-modal textarea{
width:100%;
border:1.5px solid var(--beige-3);
background: var(--beige-1);
border-radius: 12px;
padding: 11px 12px;
font-size: 15px; color: var(--ink);
margin-bottom: 12px;
}
.contact-modal textarea{ min-height: 120px; resize: vertical; }
.contact-modal input:focus,
.contact-modal select:focus,
.contact-modal textarea:focus{
border-color: var(--beige-3);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--beige-3) 35%, transparent);
background: #fff;
outline: none;
} .contact-modal input[type="submit"],
.contact-modal button[type="submit"]{
display:inline-block;
padding:10px 16px;
border:2px solid var(--beige-3);
background: var(--beige-1);
color: var(--ink);
border-radius:999px;
font-weight:600;
cursor:pointer;
transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.contact-modal input[type="submit"]:hover,
.contact-modal button[type="submit"]:hover{
background: var(--beige-2);
box-shadow: 0 8px 18px rgba(0,0,0,.10);
transform: translateY(-1px);
} @media (max-width: 480px){
.contact-modal__dialog{ border-radius: 14px; padding: 16px; }
} body.modal-open{ overflow: hidden; } @keyframes cm-fade{ from{opacity:0} to{opacity:1} }
@keyframes cm-pop{ from{transform:translateY(6px); opacity:.96} to{transform:translateY(0); opacity:1} }:root{
--beige-bg:#f4ecdf;
--beige:#e9ddca;
--beige-strong:#d2bea0;
--ink:#1d1d1d;
} .cats-carousel{
width: min(1100px, 92vw);
margin: 36px auto;
padding: 4px 8px 38px;
} .cat-slide{
background: var(--beige-bg);
border-radius: 18px;
box-shadow: 0 8px 22px rgba(0,0,0,.08);
overflow: hidden;
transition: transform .25s ease, box-shadow .25s ease;
}
.cat-slide:hover{
transform: translateY(-3px);
box-shadow: 0 14px 30px rgba(0,0,0,.12);
} .arch-figure{
position: relative;
aspect-ratio: 4 / 5;
margin: 0;
overflow: hidden;
border-radius: 1000px 1000px 0 0 / 135% 135% 0 0;
}
.arch-figure img{
width:100%;
height:100%;
object-fit:cover;
display:block;
filter: saturate(.98) contrast(.95) brightness(.98);
transition: transform .35s ease;
}
.cat-slide:hover .arch-figure img{ transform: scale(1.04); } .cat-body{
text-align:center;
padding: 14px 16px 18px;
} .btn-outline{
display:inline-block;
padding:10px 16px;
border:2px solid var(--beige-strong);
background:#f6efe4;
color:var(--ink);
border-radius:999px;
font-weight:600;
transition: background .25s ease, box-shadow .25s ease, transform .2s ease;
} .swiper{ overflow: visible; }
.swiper-slide{ height:auto; } @media (max-width: 767px){
#catsCarousel .swiper-slide{
width: auto !important;
max-width: 100% !important;
}
} .cats-carousel {
--swiper-theme-color: #2b2b2b; --swiper-navigation-color: #2b2b2b;
--swiper-navigation-size: 18px;
} .cats-carousel .swiper-button-prev,
.cats-carousel .swiper-button-next {
width: 42px;
height: 42px;
border-radius: 50%;
background: var(--beige);
box-shadow: 0 6px 16px rgba(0,0,0,.12);
}
.cats-carousel .swiper-button-prev::after,
.cats-carousel .swiper-button-next::after {
font-size: 18px;
color: #2b2b2b; } @media (min-width: 768px) {
#catsCarousel .swiper-wrapper {
display: flex;
justify-content: center;
gap: 28px;
transform: none !important; }
#catsCarousel .swiper-slide {
flex: 0 0 auto;
width: 360px; }
} #catsCarousel:not(.is-mobile-slider) .swiper-button-prev,
#catsCarousel:not(.is-mobile-slider) .swiper-button-next,
#catsCarousel:not(.is-mobile-slider) .swiper-pagination {
display: none !important;
} @media (max-width: 767px) { #catsCarousel .swiper-wrapper {
display: block !important;
transform: none !important;
}
#catsCarousel .swiper-slide {
width: 100% !important;
margin-bottom: 26px;
} #catsCarousel .swiper-button-prev,
#catsCarousel .swiper-button-next,
#catsCarousel .swiper-pagination {
display: none !important;
}
} @media (min-width: 768px) {
#catsCarousel .swiper-wrapper {
display: flex;
}
}