/* === ПЕРЕМЕННЫЕ === */
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg-cream:#e8e0d8;--text-dark:#5a4a3a;--text-light:#7a6a5a;--accent-blue:#4a6a8a;--accent-gold-light:#c8a880;--shadow-soft:rgba(160,180,200,0.12);--border-light:#b8a080}

/* === БАЗА (body, фон) === */
body{font-family:'Cormorant Garamond',serif;color:var(--text-dark);font-size:1.1rem;line-height:1.5;font-weight:400;display:flex;flex-direction:column;align-items:center;min-height:100vh;position:relative;background:var(--bg-cream) url('https://bzhna.neocities.org/stuff/cream-paper.png');overflow-x:hidden}
@media(min-width:701px){body{zoom:1.15}#TEMPLATE-LAYOUT{width:880px}}
#TEMPLATE-LAYOUT{width:820px;max-width:95%;margin:30px auto 50px;position:relative;z-index:1}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 30% 25%,rgba(200,220,240,0.15) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(230,210,170,0.12) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(180,200,220,0.08) 0%,transparent 60%);pointer-events:none;z-index:0;animation:vintageGlow 12s ease-in-out infinite alternate}
@keyframes vintageGlow{0%{opacity:0.6}100%{opacity:1}}
body::after{content:"";position:fixed;inset:0;background:rgba(240,235,225,0.15);backdrop-filter:blur(2px);pointer-events:none;z-index:-1}

/* === КРУЖЕВА (верх/низ) === */
.top-lace,.bottom-lace{position:fixed;left:0;right:0;height:30px;z-index:1000;pointer-events:none;opacity:0.5}
.top-lace{top:0;background:url('https://bzhna.neocities.org/stuff/f-hidari%20(1).gif') repeat-x top;background-size:auto 30px}
.bottom-lace{bottom:0;background:url('https://bzhna.neocities.org/stuff/f-hidari%20(1).gif') repeat-x bottom;background-size:auto 30px;transform:rotate(180deg)}

/* === BOX21 (рамка с пиксельными уголками) === */
.box21{margin:0;width:100%}
.u01,.s01{height:23px;margin:0 23px}
.u01{background:url('https://bzhna.neocities.org/stuff/f-ue.gif') repeat-x}
.s01{background:url('https://bzhna.neocities.org/stuff/f-sita.gif') repeat-x}
.box-top{background-image:url('https://bzhna.neocities.org/stuff/f-kado1.gif'),url('https://bzhna.neocities.org/stuff/f-kado2.gif');background-position:top left,top right;background-repeat:no-repeat;height:23px}
.box-center{background-image:url('https://bzhna.neocities.org/stuff/f-migi.gif'),url('https://bzhna.neocities.org/stuff/f-hidari.gif');background-position:top right,top left;background-repeat:repeat-y}
.box-inner{background:rgba(250,245,240,0.55);backdrop-filter:blur(6px);margin:0 23px;padding:20px 15px;box-shadow:0 0 60px var(--shadow-soft);position:relative}
.box-bottom{background-image:url('https://bzhna.neocities.org/stuff/f-kado3.gif'),url('https://bzhna.neocities.org/stuff/f-kado4.gif');background-position:top left,top right;background-repeat:no-repeat;height:23px}
.u01,.s01,.box-top,.box-center,.box-bottom{image-rendering:pixelated}

/* === ШАПКА === */
.header-wrapper{position:relative;width:100%}
header{width:100%;min-height:220px;padding:25px 15px 30px;background:linear-gradient(135deg,rgba(220,225,240,0.7) 0%,rgba(240,235,230,0.6) 100%);margin:-25px 0 0;position:relative;box-shadow:0 0 0 2px var(--border-light) inset,0 0 0 5px rgba(200,210,230,0.2) inset;transform:rotate(-0.5deg);z-index:5;overflow:visible;border-radius:0!important;border:none!important}
.header-frame-pieces{position:absolute;top:-23px;left:-23px;right:-23px;bottom:-23px;pointer-events:none;z-index:4;image-rendering:pixelated}
.header-frame-corner{position:absolute;width:23px;height:23px;z-index:4;image-rendering:pixelated;background-size:contain;background-repeat:no-repeat;background-position:center}
.hf-tl{top:0;left:1px;background-image:url('https://bzhna.neocities.org/stuff/frameupperleft.png')}
.hf-tr{top:0;right:1px;background-image:url('https://bzhna.neocities.org/stuff/frameupperright.png')}
.hf-bl{bottom:0;left:1px;background-image:url('https://bzhna.neocities.org/stuff/framelowerleft.png')}
.hf-br{bottom:0;right:1px;background-image:url('https://bzhna.neocities.org/stuff/framelowerright.png')}
.header-frame-side{position:absolute;image-rendering:pixelated;z-index:4}
.hf-top,.hf-bottom{height:23px;background-repeat:repeat-x;background-size:auto 23px}
.hf-left{top:23px;bottom:23px;width:23px;left:2px;background-repeat:repeat-y;background-size:23px auto;background-image:url('https://bzhna.neocities.org/stuff/framemiddleleft.png')}
.hf-right{top:23px;bottom:23px;width:23px;right:1px;background-repeat:repeat-y;background-size:23px auto;background-image:url('https://bzhna.neocities.org/stuff/framemiddleright.png')}
.hf-top{top:0;left:23px;right:23px;background-image:url('https://bzhna.neocities.org/stuff/framemiddleup.png')}
.hf-bottom{bottom:0;left:23px;right:23px;background-image:url('https://bzhna.neocities.org/stuff/framemiddlebottom.png')}
.top-tape{position:absolute;top:-25px;left:50%;transform:translateX(-50%) rotate(-2deg);width:220px;height:40px;background:url('https://bzhna.neocities.org/stuff/washitape.png') center/cover no-repeat;opacity:0.8;z-index:100;box-shadow:0 0 20px rgba(180,200,220,0.3);pointer-events:none}
.header-img{position:absolute!important;right:10px;top:-15px;transition:filter 0.3s ease;filter:drop-shadow(0 0 15px var(--border-light)) drop-shadow(0 0 8px #d0c0a0);transform-origin:center center;backface-visibility:hidden;z-index:200!important}
.header-img:hover{animation:smoothSwing 1.8s ease-in-out infinite;filter:drop-shadow(0 0 25px #b0c8e0) drop-shadow(0 0 15px #e0d0b0) drop-shadow(0 0 5px #fff8f0)}
@keyframes smoothSwing{0%,100%{transform:rotate(0deg)}15%{transform:rotate(4deg)}35%{transform:rotate(-3deg)}55%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}
.header-bow{position:absolute;left:-90px;top:-30px;width:200px;height:auto;z-index:250!important;pointer-events:none;filter:drop-shadow(0 0 25px rgba(255,255,255,0.9)) drop-shadow(0 0 12px rgba(255,255,255,0.7))}
.welcome-block{position:absolute;bottom:-10px;left:35px;background:#fff;padding:8px 20px;z-index:150!important;backdrop-filter:blur(4px);box-shadow:0 0 20px rgba(160,180,200,0.3)}
.welcome-block::before,.welcome-block::after,.welcome-block .corner-bottom-left,.welcome-block .corner-bottom-right{content:"";position:absolute;width:23px;height:23px;background-size:contain;background-repeat:no-repeat;image-rendering:pixelated}
.welcome-block::before{top:-8px;left:-8px;background-image:url('https://bzhna.neocities.org/stuff/f-kado1.gif')}
.welcome-block::after{top:-8px;right:-8px;background-image:url('https://bzhna.neocities.org/stuff/f-kado2.gif')}
.welcome-block .corner-bottom-left{bottom:-8px;left:-8px;background-image:url('https://bzhna.neocities.org/stuff/f-kado3.gif')}
.welcome-block .corner-bottom-right{bottom:-8px;right:-8px;background-image:url('https://bzhna.neocities.org/stuff/f-kado4.gif')}
.welcome-block .border-top,.welcome-block .border-bottom{position:absolute;left:15px;right:15px;height:23px;background-repeat:repeat-x;background-size:auto 23px;image-rendering:pixelated}
.welcome-block .border-top{top:-8px;background-image:url('https://bzhna.neocities.org/stuff/f-ue.gif')}
.welcome-block .border-bottom{bottom:-8px;background-image:url('https://bzhna.neocities.org/stuff/f-sita.gif')}
.welcome-block .border-left,.welcome-block .border-right{position:absolute;top:15px;bottom:15px;width:23px;background-repeat:repeat-y;background-size:23px auto;image-rendering:pixelated}
.welcome-block .border-left{left:-8px;background-image:url('https://bzhna.neocities.org/stuff/f-hidari.gif')}
.welcome-block .border-right{right:-8px;background-image:url('https://bzhna.neocities.org/stuff/f-migi.gif')}
.welcome-text{color:var(--accent-blue);font-family:'Great Vibes',cursive;font-size:1.5rem;text-shadow:0 0 8px #c0d0e0;white-space:nowrap;position:relative;z-index:2}

/* === ЗАГОЛОВОК BZHNA (общие стили, без filter) === */
.header-title{position:relative;z-index:50;font-weight:400;font-family:'Great Vibes',cursive;color:transparent;-webkit-text-fill-color:transparent;padding-top:25px;margin:40px 0 0 80px;cursor:pointer;user-select:none;overflow:visible}
.header-title .wave{display:flex;gap:0;overflow:visible}
.header-title .letter-wrapper{position:relative;display:inline-block;overflow:visible}
.header-title .letter-gradient{position:relative;display:inline-block;color:transparent;font-family:'Great Vibes',cursive;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom,#b0a080 14%,#908060 16%,#c0b090 20%,#b8a888 22%,#d8c8a8 40%,#908060 84%);-webkit-background-clip:text;background-clip:text;animation:wave 2s ease-in-out infinite;text-shadow:0.3px 0 0 #c0b090;filter:drop-shadow(0 0 0 transparent)}
.header-title .letter-wrapper:nth-child(1) .letter-gradient{animation-delay:0.00s}
.header-title .letter-wrapper:nth-child(2) .letter-gradient{animation-delay:0.15s}
.header-title .letter-wrapper:nth-child(3) .letter-gradient{animation-delay:0.30s}
.header-title .letter-wrapper:nth-child(4) .letter-gradient{animation-delay:0.45s}
.header-title .letter-wrapper:nth-child(5) .letter-gradient{animation-delay:0.60s}
@keyframes wave{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(1deg)}}

/* === БЕГУЩИЕ СТРОКИ === */
.marquee-box{width:100%;padding:0;margin:0;background:#e8d8c0;box-shadow:0 0 0 2px var(--accent-gold-light),0 0 20px rgba(160,140,100,0.2);text-align:center;font-family:'Marck Script','Oooh Baby',cursive;color:#4a4050;transform:rotate(0.8deg);clip-path:polygon(0% 0%,100% 3%,98% 97%,2% 100%);position:relative;z-index:10;backdrop-filter:blur(5px);text-shadow:0 0 10px #d0c0a0;border-left:3px solid #d0b898;border-right:3px solid #d0b898;line-height:1}
.marquee-box::before,.marquee-box::after{content:"";position:absolute;left:-3px;right:-3px;height:12px;background:url('https://bzhna.neocities.org/stuff/s01-bg-frill.png') repeat-x;background-size:auto 12px;image-rendering:pixelated;pointer-events:none;z-index:5;opacity:0.7}
.marquee-box::before{top:-6px}
.marquee-box::after{bottom:-6px;transform:rotate(180deg)}
.marquee-top{height:28px;overflow:hidden;margin-top:15px}
.marquee-top marquee{font-size:1.2rem;letter-spacing:2px;color:#4a4050;height:28px;line-height:28px;padding:0;margin:0;font-family:'Marck Script','Oooh Baby',cursive}
.marquee-bottom{height:30px;overflow:visible;margin-top:5px;z-index:10}
.marquee-bottom center{padding:4px 0}

/* === ОСНОВНОЙ ЛЕЙАУТ (две колонки) === */
.main-content-wrapper,.shop-content-wrapper{display:flex;width:100%;gap:0;margin:0;position:relative;flex-wrap:wrap}
.the-section,.shop-main{width:66%;position:relative;z-index:5}

/* === НАВИГАЦИЯ === */
.navigation{width:34%;min-height:550px;margin-left:-10px;margin-right:-5px;background:0 0;padding:0;transform:rotate(1deg);z-index:300!important;margin-top:-10px;backdrop-filter:blur(6px);position:relative;overflow:visible;box-shadow:0 0 30px rgba(180,180,160,0.3)}
.navigation::before{content:"";position:absolute;inset:0;border:3px solid var(--accent-gold-light);box-shadow:inset 0 0 20px rgba(0,0,0,0.05);z-index:5;pointer-events:none}
.navigation .gold-shimmer{position:absolute;inset:-3px;background:linear-gradient(135deg,transparent 0%,transparent 30%,rgba(255,255,255,0.5) 45%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.5) 55%,transparent 70%,transparent 100%);background-size:300% 300%;animation:borderShine 5s linear infinite;z-index:6;pointer-events:none}
.navigation::after{content:"";position:absolute;inset:3px;background:linear-gradient(135deg,rgba(220,225,240,0.8) 0%,rgba(240,235,230,0.7) 100%);backdrop-filter:blur(6px);z-index:7;pointer-events:none}
.navigation-content{position:relative;z-index:15;padding:5px 8px 8px;width:100%;height:100%}
@keyframes borderShine{0%{background-position:0% 0%}100%{background-position:100% 100%}}
.nav-title{position:relative;background:url('https://bzhna.neocities.org/stuff/dotdull.png') repeat;background-size:30px 30px;background-color:rgba(255,255,255,0.15);background-blend-mode:overlay;font-size:2.4rem;padding:10px 5px 8px;text-align:center;border-bottom:4px dotted #957a4b;font-weight:700;font-style:italic;color:var(--accent-blue);text-shadow:3px 3px 0 rgba(200,210,230,0.5),0 0 25px #fff,0 0 15px #e0e8ff;font-family:'Crimson Text',serif;cursor:default;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:2px;z-index:1;user-select:none;width:100%;margin-bottom:15px}
.nav-title::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;background:url('https://bzhna.neocities.org/stuff/tarelka.png') no-repeat center/contain;z-index:-1;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.1))}
.menu-utensil{width:auto;height:80px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(200,180,140,0.5));transition:all 0.3s ease;transform-origin:center center;backface-visibility:hidden}
.nav-title:hover .menu-utensil-left{animation:utensilSwingLeft 1.2s ease-in-out infinite}
.nav-title:hover .menu-utensil-right{animation:utensilSwingRight 1.2s ease-in-out infinite}
@keyframes utensilSwingLeft{0%,100%{transform:rotate(0deg)}15%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}55%{transform:rotate(3deg)}75%{transform:rotate(-1deg)}}
@keyframes utensilSwingRight{0%,100%{transform:rotate(0deg)}15%{transform:rotate(-6deg)}35%{transform:rotate(4deg)}55%{transform:rotate(-3deg)}75%{transform:rotate(1deg)}}
.nav-wave span{display:inline-block;background:linear-gradient(to bottom,#a08050 14%,#806030 16%,#a08858 20%,#907848 22%,#b89868 40%,#685020 84%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(212,184,150,0.5)}
.nav-title:hover .nav-wave span{animation:navWave 1.5s ease-in-out infinite;text-shadow:0 0 25px rgba(212,184,150,0.9)}
.nav-title:hover .nav-wave span:nth-child(1){animation-delay:0.00s}
.nav-title:hover .nav-wave span:nth-child(2){animation-delay:0.10s}
.nav-title:hover .nav-wave span:nth-child(3){animation-delay:0.20s}
.nav-title:hover .nav-wave span:nth-child(4){animation-delay:0.30s}
@keyframes navWave{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.navigation ul{list-style:none;margin:10px 15px;padding:0}
.navigation li{margin-bottom:14px}
.nav-link{border-radius:0;display:block;color:#5a4a2a;background:linear-gradient(135deg,rgba(250,248,240,0.7) 0%,rgba(245,240,230,0.8) 100%);border:2px solid #c8b898;padding:12px 8px 14px 8px;font-size:24px;font-weight:400;font-family:'Bad Script',cursive;text-align:center;text-decoration:none;box-shadow:5px 5px 0 rgba(180,190,210,0.4),0 0 15px rgba(160,180,200,0.2);transition:0.3s;transform:rotate(-0.5deg);width:90%;margin:0 auto;backdrop-filter:blur(4px);text-shadow:-1px 0 1px #b0a080,0 1px 1px #c0b090,2px 2px 4px rgba(0,0,0,0.3);position:relative;cursor:pointer}
.nav-link span{position:relative;display:inline-block}
.nav-link span:before{content:attr(data-double);position:absolute;left:0;top:0;z-index:1;background:linear-gradient(to bottom,#a09070 14%,#706030 16%,#b0a080 20%,#a89878 22%,#d0c0a0 40%,#605030 84%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.nav-link::before{content:"";position:absolute;top:-4px;left:-2px;right:-2px;height:12px;background:url('https://bzhna.neocities.org/stuff/s01-bg-frill.png') repeat-x top;background-size:auto 12px;opacity:0.8;pointer-events:none;filter:drop-shadow(0 0 5px #a0b8d0)}
.nav-link:hover{transform:translate(3px,3px) rotate(0deg);box-shadow:2px 2px 0 #d4b896,0 0 25px #e0c8a0,0 0 35px #f0d8b0;background:linear-gradient(135deg,rgba(240,240,250,0.8) 0%,rgba(225,230,245,0.9) 100%);border-color:#d4b896}

/* === УТКА-ПРЕДСКАЗАТЕЛЬ === */
.duck-fortune-area{position:relative;display:flex;align-items:center;justify-content:flex-start;margin:10px 0 5px -10px}
.duck-fortune-btn{cursor:pointer;filter:drop-shadow(0 6px 6px rgba(0,0,0,0.15));transition:transform 0.2s;z-index:30;position:relative}
.duck-fortune-btn::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);width:85px;height:85px;background:url('https://bzhna.neocities.org/stuff/pf034-plate-i04.gif') no-repeat center/contain;z-index:-1;pointer-events:none;filter:drop-shadow(0 0 8px #a0b8d0)}
.duck-fortune-btn:hover{transform:scale(1.05)}
.duck-fortune-btn img{width:65px;height:auto;display:block;animation:duckBounce 1.8s ease-in-out infinite}
@keyframes duckBounce{0%,100%{transform:translateY(0) rotate(0deg)}10%{transform:translateY(-12px) rotate(-3deg)}20%{transform:translateY(-2px) rotate(0deg)}30%{transform:translateY(-8px) rotate(2deg)}40%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-1deg)}60%{transform:translateY(0) rotate(0deg)}}
.duck-fortune-btn.squish img{animation:duckSquish 0.35s ease-in-out!important}
@keyframes duckSquish{0%{transform:translateY(0) scale(1,1)}20%{transform:translateY(-2px) scale(0.5,1.6)}40%{transform:translateY(0) scale(1.4,0.6)}60%{transform:translateY(-3px) scale(0.7,1.4)}80%{transform:translateY(0) scale(1.2,0.8)}100%{transform:translateY(0) scale(1,1)}}
.fortune-bubble{position:relative;background:#f5f0e8;padding:6px 8px;margin-left:25px;box-shadow:0 0 15px rgba(0,0,0,0.1),0 0 0 1px #c8b898;width:130px;max-width:130px;transition:opacity 0.3s;font-family:'Cormorant Garamond',serif;font-size:.8rem;color:#6b5a4a;font-style:italic;border:1px solid #c8b898;text-align:left;line-height:1.2;opacity:1}
.fortune-bubble .duck-decor-tl{position:absolute;top:-6px;left:-6px;width:20px;height:20px;background:url('https://bzhna.neocities.org/stuff/decori.gif') no-repeat center/contain;image-rendering:pixelated;pointer-events:none;z-index:5;opacity:0.8}
.fortune-bubble .duck-decor-br{position:absolute;bottom:-6px;right:-6px;width:20px;height:20px;background:url('https://bzhna.neocities.org/stuff/decori.gif') no-repeat center/contain;image-rendering:pixelated;transform:rotate(180deg);pointer-events:none;z-index:5;opacity:0.8}

/* === КОПИРАЙТ === */
.copyright{color:#7080a0;font-family:'Oooh Baby',cursive;font-size:.85rem;opacity:0.8;letter-spacing:1px;white-space:nowrap}

/* === МОБИЛЬНОЕ МЕНЮ === */
.mobile-menu-toggle{display:none;position:fixed;top:15px;right:-13px;z-index:10001;width:80px;height:80px;cursor:pointer;filter:drop-shadow(0 0 12px rgba(212,184,150,0.8)) drop-shadow(0 0 25px rgba(200,170,120,0.5)) drop-shadow(0 0 40px rgba(180,150,100,0.3));transition:transform 0.3s ease;background:0 0;border:none;padding:0}
.mobile-menu-toggle img{width:100%;height:100%;object-fit:contain;display:block}
.mobile-menu-toggle:hover{transform:scale(1.1)}
.mobile-menu-badge{position:absolute;bottom:-2px;left:12px;background:#8b6b4d;color:#f0e8d8;font-family:'Courier New',monospace;font-size:14px;font-weight:700;min-width:22px;height:22px;padding:0 5px;border:2px solid #d4b896;box-shadow:0 2px 5px rgba(0,0,0,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10002}
.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(30,25,30,0.4);backdrop-filter:blur(4px);z-index:10002;opacity:0;transition:opacity 0.3s ease;pointer-events:none}
.mobile-menu-overlay.active{opacity:1;pointer-events:auto}
.mobile-side-panel{position:fixed;top:0;right:-100%;width:85vw;max-width:280px;height:100vh;height:100dvh;background:#f5f0e8;backdrop-filter:blur(15px);z-index:10003;overflow-y:auto;overflow-x:hidden;padding:55px 15px 70px;box-shadow:-5px 0 30px rgba(0,0,0,0.3);transition:right 0.4s cubic-bezier(0.25,0.46,0.45,0.94);border-left:3px solid #d4b896;display:flex;flex-direction:column;gap:0;justify-content:flex-start;scroll-behavior:smooth}
.mobile-side-panel::before{content:"";position:fixed;top:0;left:auto;right:0;width:calc(85vw - 3px);max-width:calc(280px - 3px);height:30px;background:url('https://bzhna.neocities.org/stuff/f-hidari%20(1).gif') repeat-x top;background-size:auto 30px;pointer-events:none;z-index:10004;opacity:0.6}
.mobile-side-panel::after{content:"";position:fixed;bottom:0;left:auto;right:0;width:calc(85vw - 3px);max-width:calc(280px - 3px);height:30px;background:url('https://bzhna.neocities.org/stuff/f-hidari%20(1).gif') repeat-x bottom;background-size:auto 30px;transform:rotate(180deg);pointer-events:none;z-index:10004;opacity:0.6}
.mobile-side-panel.open{right:0}
.mobile-side-panel .nav-title{font-size:2.2rem;padding:8px 5px 6px;margin-bottom:5px;margin-top:-30px}
.mobile-side-panel .navigation{width:100%;margin:0;transform:none;box-shadow:none;background:0 0;min-height:auto;padding:0;backdrop-filter:none}
.mobile-side-panel .navigation::before,.mobile-side-panel .navigation::after,.mobile-side-panel .navigation .gold-shimmer{display:none}
.cart-sidebar-panel{margin-top:-5px;padding:8px 6px;background:rgba(240,235,225,0.5);border:1px dashed #8b6b4d;position:relative;cursor:pointer;flex-shrink:0}
.cart-sidebar-panel .cart-header{background:url('https://bzhna.neocities.org/stuff/dotbeige.png') repeat;background-size:30px 30px;background-color:rgba(193,171,140,0.9);background-blend-mode:overlay;padding:8px 10px;margin:-10px -8px 8px -8px;border-bottom:2px dashed #8b6b4d}
.cart-sidebar-panel .cart-header h4{margin-bottom:0;font-family:'Great Vibes',cursive;color:#7a6a5a;font-size:1.8rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}
.cart-counter-badge{display:inline-flex;align-items:center;justify-content:center;background:#8b6b4d;color:#f0e8d8;font-family:'Courier New',monospace;font-size:18px;font-weight:700;padding:3px 12px;border:2px solid #d4b896;box-shadow:0 2px 5px rgba(0,0,0,0.15);line-height:1}
.cart-price-tag{font-family:'Cormorant Garamond',serif;font-weight:600;background:#f0e8d8;padding:2px 8px;border:1px solid #8b6b4d;display:inline-block;font-size:1rem;letter-spacing:.3px;color:#5a4a3a}

/* === ДЕСКТОП (≥701px) === */
@media(min-width:701px){
  header{background:url('https://bzhna.neocities.org/stuff/headersample1.jpg') center/cover no-repeat;position:relative}
  header::after{content:"";position:absolute;inset:0;background:rgba(220,225,240,0.15);pointer-events:none;z-index:1}
  .header-title{font-size:62px!important;margin:30px 0 0 60px!important;filter:drop-shadow(0 0 8px #2a4a6a) drop-shadow(0 0 4px #4a6a9a) drop-shadow(0 0 10px rgba(255,255,255,0.4))!important}
  .header-title .letter-gradient{font-size:62px!important}
  .header-img{height:300px!important;width:auto!important;right:30px!important;top:-30px!important}
  .mobile-menu-toggle,.mobile-menu-overlay,.mobile-side-panel{display:none!important}
  .main-content-wrapper,.shop-content-wrapper{flex-wrap:nowrap}
  .shop-main{flex-shrink:0}
  .shop-content-wrapper .navigation{width:34%;margin-left:-10px;margin-right:-5px;margin-top:25px;flex-shrink:0}
  .cart-sidebar{display:block}
}

/* === МОБИЛЬНЫЕ (≤700px) === */
@media(max-width:700px){
  #TEMPLATE-LAYOUT{max-width:98%}
  .top-lace,.bottom-lace{position:fixed;left:0;right:0;z-index:1000;pointer-events:none;opacity:0.5}
  .box-inner{padding:15px 8px}
  .mobile-menu-toggle,.mobile-menu-overlay{display:block}
  body::after{display:block!important;background:rgba(240,235,225,0.15);backdrop-filter:blur(2px)}
  body::before{opacity:1!important}
  header{background:url('https://bzhna.neocities.org/stuff/sky3.png') center/cover no-repeat!important;min-height:180px;max-height:220px;padding:15px 15px 20px;transform:none!important;box-shadow:0 0 0 2px var(--border-light) inset,0 0 0 5px rgba(200,210,230,0.2) inset;backdrop-filter:blur(5px);margin-top:0;position:relative;z-index:10}
  header::after{display:none}
  .header-frame-pieces{display:none!important}
  .header-wrapper::before{content:"";position:absolute;top:-18px;left:-18px;right:-18px;bottom:-18px;background:url('https://bzhna.neocities.org/stuff/framefull.gif') no-repeat center/cover;background-size:100% 100%;image-rendering:pixelated;pointer-events:none;z-index:3}
  .header-title{font-size:50px!important;padding-top:15px;margin:120px 0 0 20px!important;position:relative;z-index:300!important;pointer-events:auto!important;filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 20px rgba(255,255,255,0.8)) drop-shadow(0 0 5px #fff)!important}
  .header-title .letter-gradient{font-size:60px!important}
  .header-img{right:25px!important;top:-15px!important;height:200px!important;z-index:200!important}
  .welcome-block{left:auto;right:-5px;bottom:-10px;padding:5px 10px;z-index:150!important;transform:rotate(-6deg)}
  .welcome-text{font-size:1rem}
  .header-bow{top:-35px;left:-45px;width:170px;z-index:250!important}
  .marquee-box.marquee-top{margin-top:15px}
  .main-content-wrapper,.shop-content-wrapper{flex-direction:column}
  .the-section,.shop-main{width:100%}
  .navigation{width:100%;min-height:auto;transform:rotate(0deg)}
  .duck-fortune-area{justify-content:center;margin-left:0}
  .fortune-bubble{width:140px;max-width:140px}
  .product-qty-btn{width:36px;height:36px;font-size:1.2rem}
  .nav-link{font-size:18px;padding:10px 12px}
  .product-btn{padding:8px 12px!important;font-size:14px!important}
.navigation{
  transform:rotate(0deg)!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:15px!important;
  width:100%!important;
}
}