/* PATI / refined first impression · built on the original site 2026-10-12 */
:root{--pati-rose:#8f4059;--pati-blush:#eee3e7;--pati-ink:#2c2528}
html{scroll-padding-top:100px}
.hero.hero-shop{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:610px;max-width:1432px;margin:18px auto 0;border:1px solid #eadfe2;border-radius:20px;overflow:hidden;background:#f7f0f0;box-shadow:0 16px 60px rgba(67,38,48,.045)}
.hero.hero-shop .hero-copy{position:relative;background:linear-gradient(145deg,#fbf8f7 0%,#f4edef 76%,#eee0e5 100%);padding:30px clamp(30px,4.5vw,72px) 26px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;overflow:visible}
.hero.hero-shop .hero-copy:after{display:none}
.hero.hero-shop .hero-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:10px;line-height:1.4;color:#866875;font-weight:600;letter-spacing:.11em}
.hero.hero-shop .hero-topline span:last-child{display:block;text-align:right;letter-spacing:0;font-family:'Cormorant Garamond',serif;font-size:17px;font-style:italic;color:#785e6a;font-weight:500}
.hero.hero-shop .hero-main{padding:32px 0 27px;margin:0}
.hero.hero-shop .hero-kicker{display:block!important;font:700 10px/1.5 Manrope,sans-serif;letter-spacing:.14em;color:#91536a;margin:0 0 18px}
.hero.hero-shop h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(49px,5.8vw,84px);line-height:.92;letter-spacing:-.046em;color:#33292e;margin:0 0 24px;white-space:normal}
.hero.hero-shop h1 em{display:inline-block;color:#8d3d58;font-weight:400}
.hero.hero-shop .hero-description{max-width:440px;font:500 clamp(13px,1.1vw,15px)/1.8 Manrope,sans-serif;color:#6f6469;margin:0 0 24px;letter-spacing:0}
.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.hero.hero-shop .hero-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:51px;border-radius:999px;background:#33262c;color:#fff;padding:13px 23px;font:700 12px/1.4 Manrope,sans-serif;letter-spacing:.025em;white-space:nowrap}
.hero.hero-shop .hero-primary:hover{background:#73364a;transform:translateY(-2px)}
.hero-secondary{color:#613746;display:inline-flex;gap:9px;align-items:center;white-space:nowrap;border-bottom:1px solid #b694a0;padding-bottom:4px;font:600 12px/1.4 Manrope,sans-serif}
.hero-secondary:hover{color:#a04362}
.hero-categories{display:flex;gap:8px;flex-wrap:wrap}
.hero-categories a{border:1px solid #dfd0d5;background:rgba(255,255,255,.67);padding:9px 12px;color:#765764;font:600 11px/1.4 Manrope,sans-serif;border-radius:999px;display:inline-flex;align-items:center;gap:9px;transition:background .25s,transform .25s,border-color .25s}
.hero-categories a:hover{background:#fff;border-color:#bd9aa6;transform:translateY(-2px)}
.hero-categories span{color:#a66b82}
.hero.hero-shop .hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dfd0d4;padding-top:17px;font-size:10px;color:#9c7d87;letter-spacing:.04em;line-height:1.5}
.hero.hero-shop .hero-bottom span:first-child{color:#8d3d58}
.hero.hero-shop .hero-media{position:relative;min-height:610px;height:100%;overflow:hidden;display:block;aspect-ratio:auto;background:linear-gradient(135deg,#f0e6e7,#e8d5da);padding:50px 22px 22px}
.hero-gallery-kicker{position:absolute;left:23px;top:17px;right:23px;z-index:2;display:flex;justify-content:space-between;font:700 10px/1 Manrope,sans-serif;letter-spacing:.15em;color:#744c60}
.hero-gallery-kicker span{color:#aa7083;font-size:16px;line-height:8px}
.hero-product-grid{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:11px}
.hero-product-card{position:relative;display:block;overflow:hidden;border-radius:13px;background:#e7dce0;min-width:0;min-height:0;isolation:isolate;box-shadow:0 6px 24px rgba(83,43,54,.08);transition:transform .35s ease,box-shadow .35s ease}
.hero-product-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(83,43,54,.16)}
.hero-product-card img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:saturate(.94)}
.hero-product-card:hover img{transform:scale(1.045)}
.hero-feature-main{grid-row:span 2}
.hero-feature-main img{object-position:center 52%}
.hero-feature-small img{object-position:center 42%}
.hero-photo-label{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;padding:50px 15px 15px;background:linear-gradient(transparent,rgba(32,24,30,.68));color:white;text-shadow:0 1px 8px rgba(0,0,0,.28)}
.hero-photo-label span{display:flex;flex-direction:column;min-width:0}
.hero-photo-label small{font:600 9px/1.4 Manrope,sans-serif;opacity:.8;letter-spacing:.11em}
.hero-photo-label strong{font:500 clamp(24px,2.4vw,38px)/1.02 'Cormorant Garamond',serif;margin:5px 0 2px}
.hero-photo-label b{font:650 11px/1.4 Manrope,sans-serif}
.hero-photo-label i{font:400 23px/1 Manrope,sans-serif;font-style:normal;flex:none}
.hero-feature-small .hero-photo-label{padding:38px 12px 12px}
.hero-feature-small .hero-photo-label strong{font-size:clamp(21px,2vw,28px)}
.hero-gallery-note{position:absolute;right:11px;top:43px;z-index:3;transform:rotate(7deg);background:#fffafbe8;color:#925168;border:1px solid #e5cbd4;box-shadow:0 8px 15px rgba(70,38,45,.06);border-radius:50%;width:86px;height:86px;display:flex;align-items:center;justify-content:center;text-align:center;font:italic 17px/1.08 'Cormorant Garamond',serif;pointer-events:none}
/* Catalog and the original 3D kitty stay close to the first screen. */
.catalog-section{padding-top:58px!important}
.catalog-section .section-heading>p{max-width:360px}
.catalog-section .section-heading h2{margin-bottom:4px}
.pati-marquee-track{padding:11px 0;gap:27px;animation-duration:38s}
.pati-marquee span{font-size:10px;letter-spacing:.16em}
.catalog-section,.feedback-section,.delivery-section{scroll-margin-top:90px}
/* Quiet refinements to existing catalogue, order and feedback elements. */
.product-card .product-photo{border-radius:13px;overflow:hidden;background:#f0e9eb}
.product-card img{object-fit:cover}
.feedback-shell{box-shadow:0 12px 60px rgba(95,57,73,.05)}
.feedback-submit{background:#432c37}
.feedback-submit:hover{background:#7d3b54}
.site-header.is-scrolled{box-shadow:0 1px 12px rgba(60,33,46,.05)}
@media(max-width:1130px){
 .hero.hero-shop{margin:18px 22px 0;grid-template-columns:1fr 1fr;min-height:560px}
 .hero.hero-shop .hero-copy{padding:28px 30px 22px}
 .hero.hero-shop .hero-media{min-height:560px}
 .hero.hero-shop h1{font-size:clamp(47px,5.4vw,72px)}
 .hero-actions{gap:12px}
 .hero.hero-shop .hero-primary{gap:14px}
}
@media(max-width:760px){
 .hero.hero-shop{display:flex;flex-direction:column;min-height:0;margin:8px 10px 0;border-radius:17px}
 .hero.hero-shop .hero-copy{padding:21px 22px 15px;min-height:0}
 .hero.hero-shop .hero-topline{font-size:9px}
 .hero.hero-shop .hero-topline span:last-child{font-size:14px}
 .hero.hero-shop .hero-main{padding:23px 0 18px}
 .hero.hero-shop .hero-kicker{font-size:9px;letter-spacing:.105em;margin-bottom:11px}
 .hero.hero-shop h1{font-size:clamp(44px,11.8vw,64px);line-height:.89;letter-spacing:-.048em;margin-bottom:13px}
 .hero.hero-shop .hero-description{max-width:360px;font-size:12px;line-height:1.6;margin-bottom:18px}
 .hero-actions{gap:13px;flex-wrap:wrap;margin-bottom:15px}
 .hero.hero-shop .hero-primary{min-height:43px;font-size:11px;padding:11px 17px;gap:17px}
 .hero-secondary{font-size:10px}
 .hero-categories{gap:6px}
 .hero-categories a{padding:7px 9px;font-size:10px;gap:5px}
 .hero.hero-shop .hero-bottom{padding-top:11px;font-size:9px;display:flex;letter-spacing:0}
 .hero.hero-shop .hero-media{height:320px;min-height:320px;padding:33px 10px 10px;aspect-ratio:auto;width:100%}
 .hero-gallery-kicker{left:13px;right:13px;top:11px;font-size:9px}
 .hero-product-grid{gap:8px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
 .hero-product-card{border-radius:10px}
 .hero-photo-label{padding:35px 10px 11px}
 .hero-photo-label small{font-size:8px}
 .hero-photo-label strong{font-size:27px}
 .hero-photo-label b{font-size:10px}
 .hero-feature-small .hero-photo-label{padding:20px 9px 9px}
 .hero-feature-small .hero-photo-label strong{font-size:20px}
 .hero-feature-small .hero-photo-label i{font-size:16px}
 .hero-gallery-note{top:31px;right:6px;width:65px;height:65px;font-size:14px}
 .catalog-section{padding-top:42px!important}
 .pati-marquee-track{padding:9px 0}
}
@media(max-width:385px){
 .hero.hero-shop .hero-copy{padding:18px 16px 14px}
 .hero.hero-shop h1{font-size:42px}
 .hero.hero-shop .hero-media{height:280px;min-height:280px}
 .hero-secondary{font-size:10px}
 .hero.hero-shop .hero-bottom{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .hero-product-card,.hero-product-card img,.hero-categories a{transition:none!important}
 .hero-product-card:hover,.hero-product-card:hover img{transform:none!important}
}
/* Keep the headline high on larger screens and avoid stray horizontal scroll. */
html,body{max-width:100%;overflow-x:clip}
@media(min-width:761px){
  .hero.hero-shop{min-height:562px}
  .hero.hero-shop .hero-copy{justify-content:flex-start}
  .hero.hero-shop .hero-main{padding:65px 0 28px}
  .hero.hero-shop .hero-bottom{margin-top:auto}
  .hero.hero-shop .hero-media{min-height:562px}
}
@media(min-width:761px) and (max-width:1130px){
  .hero.hero-shop .hero-main{padding:42px 0 25px}
}