/* MURASHKY / Brand Book visual DNA — Night, Plum, Amethyst, Peach, Gold; Manrope + Caveat */
:root{--v4-night:#24152F;--v4-plum:#56315C;--v4-gold:#FFD889;--v4-peach:#F6C5A9;--v4-cream:#FFF1EA}
.occasions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.occasion-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:68px 0 14px}.occasion-header .kicker{margin-bottom:14px}.occasion-header h2{margin:0}.occasion-header>p{max-width:340px;color:#dcc9dd;font-size:14px}
.occasion-card{background:linear-gradient(150deg,#56315c52,#35213e);border:1px solid #eecde425;border-radius:23px;padding:22px 22px 21px;min-height:247px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.occasion-card:hover{border-color:#ffd88970;transform:translateY(-3px)}.occasion-card h3{font-size:18px;font-weight:800;margin:9px 0 7px}.occasion-card p{font-size:13px;line-height:1.72;color:#dccde1;margin:0 0 18px;flex:1}.occasion-card a{color:var(--v4-gold);font-size:12px;font-weight:800;border-bottom:1px solid #ffd88955;width:max-content;max-width:100%}.occasion-ico{font-size:23px;color:var(--v4-gold)}.occasion-honesty{font-size:11px;color:#bbabc8;max-width:850px;margin:22px 0 0}
.family-cta-panel{display:flex;gap:35px;align-items:center;justify-content:space-between;padding:24px 29px;margin:22px 0 0;background:linear-gradient(110deg,#493151,#2b1b35);border:1px solid #ffd88960;border-radius:22px;color:var(--v4-cream)}.family-cta-panel h3{font-size:21px;margin:9px 0}.family-cta-panel p{color:#e7d8e7;max-width:720px;font-size:13px;margin:0}.family-cta-panel .btn{flex-shrink:0}
.btn-outline-v4{background:transparent;border:1px solid #ffd8899a;color:var(--v4-gold);box-shadow:none}.offers .btn-outline-v4{margin:22px 0 8px 12px}.btn-outline-v4:hover{background:#ffd88912;box-shadow:none}
.why-us{background:linear-gradient(165deg,#34213d,#24152f)}.why-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:52px;align-items:center}.why-us h2{max-width:730px}.why-us p{font-size:14px;line-height:1.85;color:#eadbe9}.why-points{display:grid;gap:13px;margin-top:35px}.why-points>div{display:flex;align-items:flex-start;gap:18px;padding:14px 0;border-bottom:1px solid #ffffff22}.why-points b{font-size:23px;color:var(--v4-gold);font-weight:800;min-width:43px}.why-points strong{display:block;font-size:14px}.why-points small{display:block;color:#c8b7c9;font-size:12px;line-height:1.65;margin-top:5px}.where-card{padding:29px;background:#56315c6c;border:1px solid #ffd88938;border-radius:28px;box-shadow:0 20px 50px #0003}.where-card img{display:block;width:200px;max-width:85%;margin:0 auto 16px;border-radius:22px}.where-card h3{font-size:22px;margin-bottom:10px}.where-card p{font-size:13px;color:#ead9e8}.where-card .fine-small{font-size:10px;color:#b9a7bb}
.certificate-section{background:#2b1b37}.certificate-grid{display:grid;grid-template-columns:.95fr 1fr;gap:64px;align-items:center}.certificate-grid p{line-height:1.78;color:#e2d0e0}.checklines{list-style:none;margin:28px 0 26px;padding:0}.checklines li{padding:8px 0 8px 26px;position:relative;font-size:13px}.checklines li:before{content:'✓';position:absolute;left:0;color:var(--v4-gold)}.certificate-disclaimer{font-size:11px!important;color:#c9b8cc!important}.certificate-art{min-height:365px;border-radius:30px;background:linear-gradient(132deg,#fff1ea,#f6c5a9 53%,#d98fb6);color:#24152f;padding:31px;position:relative;overflow:hidden;box-shadow:0 35px 75px #0005;display:flex;flex-direction:column}.certificate-art:before{content:'♡';position:absolute;right:-6px;bottom:-113px;font-size:360px;color:#56315c13;transform:rotate(-17deg)}.cert-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.cert-top img{width:190px;max-width:60%}.cert-top span{font-weight:800;letter-spacing:.06em}.cert-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;margin:60px 0 13px}.certificate-art h3{font-size:clamp(25px,3vw,40px);line-height:1.12;letter-spacing:-.055em;max-width:480px;position:relative}.cert-foot{margin-top:auto;font-size:11px;font-weight:700;position:relative}.cert-draft{display:block;font-size:9px;position:absolute;right:24px;bottom:23px;opacity:.74;letter-spacing:.05em}
.reviews-section{background:#281932}.reviews-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.reviews-heading p{max-width:670px;color:#e3d5e4}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}.review-placeholder{min-height:226px;padding:25px;border:1px dashed #edcae94a;border-radius:22px;display:flex;flex-direction:column;background:#ffffff05}.review-placeholder:nth-child(n+4){display:none}.reviews-grid.is-open .review-placeholder{display:flex}.review-number{color:#ffd889;font-size:11px;letter-spacing:.12em;font-weight:800}.review-placeholder-icon{font-size:28px;color:#eab9dc;margin:13px 0}.review-placeholder h3{font-size:16px;margin:0 0 9px}.review-placeholder p{color:#dfcce0;font-size:12px;line-height:1.6;flex:1}.review-placeholder>span{font-size:10px;color:#bfb0c5}.reviews-note{font-size:11px;color:#c9b4c8;margin-top:18px}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:start}.faq-list details{border:1px solid #ffffff29;border-radius:17px;padding:20px 22px;background:#ffffff06;min-width:0}.faq-list details[open]{border-color:#ffd88965;background:#ffffff0c}.faq-list summary{font-weight:800;font-size:13px;line-height:1.6;display:flex;gap:15px;justify-content:space-between;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:#ffd889;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin-top:14px;font-size:13px;color:#dfcde0;line-height:1.8;max-width:100%}
.quick-section{background:radial-gradient(circle at 88% 45%,#55345b,#2b1b36)}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:29px}.quick-grid article{padding:28px 24px;background:#ffffff0c;border:1px solid #ffffff2b;border-radius:24px;display:flex;flex-direction:column;gap:10px}.quick-symbol{font-size:35px;color:#ffd889}.quick-grid h3{font-size:19px;margin:0}.quick-grid p{font-size:13px;color:#decbe0;line-height:1.75;flex:1}.quick-grid .btn{width:100%;margin-top:13px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;color:#d6bfdb;font-size:11px}.footer-links a{color:#ffd889}.footer-links span{color:#ab95ae}
.contact-widget{position:fixed;bottom:18px;right:22px;z-index:110;font-family:Manrope,sans-serif}.contact-launcher{display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:999px;border:1px solid #ffd88975;background:linear-gradient(90deg,#f6c5a9,#ffd889);color:#24152f;box-shadow:0 10px 35px #0007;font-weight:800;font-size:13px;cursor:pointer}.contact-launcher span{font-size:22px;line-height:1}.contact-popover{position:absolute;bottom:calc(100% + 15px);right:0;width:min(395px,calc(100vw - 30px));max-height:min(80vh,700px);overflow-y:auto;color:#fff1ea;background:#35223f;border:1px solid #f6c5a94b;border-radius:23px;box-shadow:0 30px 75px #0009}.contact-popover[hidden],#contact-form[hidden]{display:none!important}.contact-popover header{padding:23px 22px 16px;background:#56315c;border-bottom:1px solid #ffffff28;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.contact-popover header strong{display:block;font-size:15px;margin-bottom:5px}.contact-popover header small{display:block;color:#ead9e8;font-size:11px;line-height:1.5}.contact-popover header button{background:none;border:0;color:#fff1ea;font-size:25px;cursor:pointer}.contact-channels{display:grid;gap:8px;padding:18px}.contact-channels>a,.contact-channels>button,.contact-channels>span{border:1px solid #ffffff27;background:#ffffff09;color:#fff1ea;border-radius:13px;text-align:left;padding:13px 15px;font-size:13px;font-weight:700;display:block;width:100%;cursor:pointer}.contact-channels>span{cursor:default;color:#bcaabc}.contact-channels>a:hover,.contact-channels>button:hover{border-color:#ffd88988}.contact-popover form{padding:0 18px 20px;display:grid;gap:13px}.contact-popover form label{font-size:11px;font-weight:800;display:grid;gap:6px}.contact-popover input:not([type=checkbox]),.contact-popover select,.contact-popover textarea{width:100%;background:#24152f;border:1px solid #ffffff42;color:#fff1ea;border-radius:11px;padding:12px;font-family:inherit;font-size:13px}.contact-popover input::placeholder,.contact-popover textarea::placeholder{color:#c7b5c9}.contact-popover .contact-consent{display:flex;gap:9px;align-items:flex-start;line-height:1.5;font-weight:500;font-size:11px}.contact-popover .contact-consent input{margin-top:2px}.contact-popover #contact-message{font-size:12px;line-height:1.6;margin:0}.contact-popover .bot-trap{position:absolute;left:-9999px!important;opacity:0;pointer-events:none}.contact-popover .btn{cursor:pointer}.contact-widget :focus-visible{outline:2px solid #ffd889;outline-offset:3px}
@media(max-width:1020px){.occasions-grid,.reviews-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-grid{gap:25px}.why-grid{gap:24px}.occasion-card{min-height:250px}}
@media(max-width:680px){.occasions-grid,.reviews-grid,.quick-grid,.certificate-grid,.why-grid,.faq-list{grid-template-columns:1fr}.occasion-header,.reviews-heading,.family-cta-panel{display:block}.occasion-header>p{margin-top:20px}.family-cta-panel .btn{margin-top:17px;width:100%}.reviews-heading .btn{margin:10px 0}.certificate-grid{gap:29px}.certificate-art{min-height:320px}.quick-grid article{min-height:0}.contact-widget{right:14px;bottom:calc(84px + env(safe-area-inset-bottom))}.contact-launcher{font-size:12px;padding:11px 15px}.contact-popover{bottom:calc(100% + 10px);max-height:calc(100dvh - 175px)}.offers .btn-outline-v4{margin:10px 0 3px}.occasion-card{min-height:0}.review-placeholder{min-height:185px}.footer-links{gap:12px}}
@media(prefers-reduced-motion:reduce){.occasion-card,.faq-list summary span{transition:none}}

/* Site UX QA v4.1 — all cards stay inside the approved 1160px grid.
   Mobile fix: CSS grid items must not inherit a 395px min-content width from wave glyphs. */
.sound-cards{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
.sound-cards article,.sound-cards article>*{min-width:0;max-width:100%}
.wave-still{min-width:0;max-width:100%;overflow:hidden;text-overflow:clip}
.occasions-container,.occasions-grid,.occasion-card,.quick-grid,.quick-grid article,.faq-list,.reviews-grid{min-width:0}
.occasions-container{max-width:1160px}
.occasion-toggle{display:none;margin:18px 0 2px}
.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.quick-grid article{min-width:0}
.instagram-link{white-space:nowrap}
@media(max-width:850px){
.sound-cards{grid-template-columns:1fr}
.occasion-card{min-width:0}
} 
@media(max-width:680px){
html,body{max-width:100%;overflow-x:clip}
.section{padding-block:58px}
.occasion-header{margin-top:44px}
.occasion-header>p{margin-top:12px}
.occasions-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.occasions-grid:not(.is-expanded) .occasion-card:nth-child(n+7){display:none}
.occasion-toggle{display:inline-flex;width:100%;justify-content:center;min-height:48px;margin:16px 0 0}
.occasion-card{min-height:0;padding:19px 20px}
.occasion-card p{font-size:13px;line-height:1.65}
.occasion-card a{font-size:13px;min-height:32px;display:inline-flex;align-items:center}
.quick-grid{grid-template-columns:minmax(0,1fr)}
.faq-list{grid-template-columns:minmax(0,1fr)}
.contact-popover{width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 170px)}
.contact-popover input,.contact-popover select,.contact-popover textarea{font-size:16px!important}
.review-placeholder{min-width:0}
.sound-cards article{padding:22px}
.sound-cards h3{font-size:23px}
.wave-still{font-size:26px;letter-spacing:1.5px}
} 
@media(max-width:375px){.container{width:calc(100% - 28px)}.hero h1{font-size:clamp(34px,10.5vw,41px)}.section h2{font-size:32px}.contact-launcher{font-size:12px}.contact-widget{right:12px}.player-info h3{font-size:25px}}
/* Real reviews: Telegram screenshots (05.11.2026) */
.reviews-grid{align-items:start}.review-card{min-width:0;padding:18px;border:1px solid #ffd88945;border-radius:22px;background:#ffffff0a;display:flex;flex-direction:column;gap:12px}.review-card .review-shot{display:block;border-radius:14px;overflow:hidden;border:1px solid #ffffff1f;background:#000}.review-card .review-shot img{display:block;width:100%;height:auto;transition:transform .25s}.review-card .review-shot:hover img{transform:scale(1.02)}.review-card h3{font-size:16px;margin:0}.review-card>span{font-size:10px;color:#bfb0c5}