@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');
:root{
  --blue:#b9eaf4;
  --blue-deep:#78cddd;
  --orange:#ffb45d;
  --paper:#fff9ed;
  --ink:#263238;
  --pink:#f16f78;
  --yellow:#ffd84d;
  --line:rgba(38,50,56,.78);
  --shadow:5px 6px 0 rgba(38,50,56,.16);
  --hand:'Quicksand', 'Trebuchet MS', Arial, sans-serif;
  --title:'Bellota', 'Trebuchet MS', sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:var(--hand);font-weight:500;font-size:20px;line-height:1.4;background:var(--paper);overflow-x:hidden}
a{color:inherit}
.paper-noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.18;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(38,50,56,.025) 3px 4px),repeating-linear-gradient(90deg,transparent 0 5px,rgba(38,50,56,.018) 5px 6px)}
.nav{height:76px;padding:12px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:15;background:rgba(255,249,237,.9);backdrop-filter:blur(8px);border-bottom:2px dashed rgba(38,50,56,.3)}
.brand,.footer-brand{font-family:var(--title);font-weight:700;font-size:34px;text-decoration:none;transform:rotate(-2deg);display:inline-block}
.pencil-button{display:inline-flex;align-items:center;gap:12px;text-decoration:none;border:2px solid var(--ink);padding:12px 22px;background:var(--yellow);font:700 24px var(--hand);border-radius:42% 58% 46% 54% / 54% 44% 56% 46%;box-shadow:3px 4px 0 var(--ink);transition:transform .18s,box-shadow .18s}.pencil-button:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:5px 6px 0 var(--ink)}.pencil-button.small{font-size:19px;padding:7px 15px}.pencil-button.secondary{background:white}.pencil-button.full{width:100%;justify-content:center;cursor:pointer}
.section-blue,.section-orange,.section-paper{position:relative;overflow:hidden}.section-blue{background:var(--blue)}.section-orange{background:var(--orange)}.section-paper{background:var(--paper)}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px clamp(22px,7vw,110px);gap:40px}.hero-copy{max-width:670px;position:relative;z-index:3}.eyebrow{font-size:23px;margin:0 0 12px;font-weight:700;letter-spacing:.02em}.eyebrow:before{content:'✎ ';font-size:.8em}.hero h1{font:700 clamp(64px,8vw,112px)/.78 var(--title);margin:0 0 30px;letter-spacing:-2px;transform:rotate(-2deg)}.hero-title{display:flex;align-items:center;gap:18px;max-width:700px}.hero-logo{width:clamp(72px,10vw,125px);height:auto;max-height:160px;object-fit:contain;flex:0 0 auto}.hero h1 .hero-title-text{font-size:clamp(35px,4.2vw,58px);display:inline-block;line-height:.98;letter-spacing:-1px;transform:rotate(1deg)}.lead{font-size:27px;max-width:590px;margin:0 0 30px}.shipping{font-size:18px;margin:14px 0 0}.hero-product{position:relative;z-index:2;display:flex;justify-content:center}.photo-frame{background:white;border:3px solid var(--ink);padding:13px;box-shadow:var(--shadow);border-radius:3% 5% 4% 2%;transform:rotate(2deg);max-width:510px;width:100%}.photo-frame img{display:block;width:100%;height:auto;min-height:260px;object-fit:cover;background:#f3ead7}.wobble{animation:wobble 5s ease-in-out infinite}.scribble-note{position:absolute;font:700 29px var(--title);color:var(--ink);z-index:3}.note-one{right:0;top:8%;transform:rotate(8deg)}.note-two{left:-2%;bottom:4%;transform:rotate(-8deg)}
.features{padding:95px clamp(22px,7vw,110px)}.section-heading{max-width:760px;margin:0 auto 50px;text-align:center}.section-heading h2,.about h2,.cta-card h2{font:700 clamp(42px,5vw,70px)/.95 var(--title);margin:0;transform:rotate(-1deg)}.feature-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-card{padding:25px 18px;text-align:center;border:2px solid var(--ink);background:#fff;box-shadow:3px 4px 0 var(--ink);border-radius:3% 6% 4% 5%;transform:rotate(var(--r,0deg))}.feature-card:nth-child(2){--r:-1deg}.feature-card:nth-child(3){--r:1deg}.feature-card:nth-child(4){--r:-1.5deg}.feature-card strong{display:block;font:700 32px/1 var(--title);margin-bottom:8px}.feature-card span{display:block}
.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:110px clamp(22px,7vw,110px);min-height:680px}.about-image{max-width:540px;justify-self:center}.tilted{transform:rotate(-3deg)}.about-copy{max-width:620px}.about-copy h2{margin-bottom:24px}.about-copy p{font-size:23px}.about-copy ul{padding-left:26px}.about-copy li{margin:9px 0}.about-copy li::marker{content:'✦  '}
.gallery{padding:105px clamp(22px,7vw,110px);position:relative}.gallery-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.gallery-card{background:#fff;border:3px solid var(--ink);padding:10px;box-shadow:4px 5px 0 var(--ink);border-radius:18px;overflow:hidden}.gallery-card img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover;background:#eee;border-radius:11px}.card-a{transform:rotate(-3deg)}.card-b{transform:translateY(25px) rotate(2deg)}.card-c{transform:rotate(-1deg)}.gallery-doodles img{position:absolute;pointer-events:none}.gallery-doodles img:first-child{width:170px;right:3%;top:10%;transform:rotate(9deg)}.gallery-doodles img:last-child{width:120px;left:2%;bottom:4%;transform:rotate(-12deg)}
.final-cta{padding:120px 22px;min-height:560px;display:grid;place-items:center}.cta-card{background:#fff;border:3px solid var(--ink);box-shadow:7px 8px 0 var(--ink);max-width:650px;width:100%;padding:48px;text-align:center;border-radius:4% 3% 5% 3%;transform:rotate(-1deg)}.cta-card p:not(.eyebrow){font-size:23px}.cta-price,.order-price{font:700 56px var(--title);margin:15px 0 25px}.doodle-balloon-small{position:absolute;left:7%;top:10%;width:150px}
.doodle{position:absolute;pointer-events:none;z-index:1}.doodle img{display:block;width:100%;height:auto}.doodle-balloon{width:170px;left:3%;top:7%;transform:rotate(-8deg)}.doodle-rainbow{width:250px;right:2%;bottom:-1%;transform:rotate(4deg)}.doodle-moon{width:210px;right:1%;top:8%;transform:rotate(8deg)}
.order-page{min-height:calc(100vh - 76px);padding:80px 22px 110px;display:grid;place-items:center}.order-card{position:relative;z-index:3;background:var(--paper);border:3px solid var(--ink);box-shadow:7px 8px 0 var(--ink);padding:45px;max-width:680px;width:100%;border-radius:4% 3% 5% 3%;transform:rotate(-.5deg)}.order-card h1{font:700 clamp(48px,7vw,76px)/.9 var(--title);margin:0 0 12px}.order-description{font-size:23px}.order-price{color:var(--pink)}form{margin-top:25px}label{display:block;margin:18px 0 8px}input{display:block;width:100%;margin-top:6px;padding:13px 15px;font:20px var(--hand);border:2px solid var(--ink);background:white;border-radius:7px;outline:none}input:focus{box-shadow:3px 3px 0 var(--blue-deep)}.boxnow-placeholder{margin:25px 0;padding:20px;border:2px dashed var(--ink);background:#fff;border-radius:4% 2% 3% 4%}.boxnow-placeholder strong{font:700 28px var(--title)}.boxnow-placeholder p{margin:6px 0 15px}.selected-locker{margin-top:12px;font-size:18px}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:auto;margin-top:6px}.form-note{font-size:16px;opacity:.72;margin-top:16px}.order-rainbow{width:300px;right:-40px;top:7%;transform:rotate(6deg)}
footer{padding:28px clamp(18px,5vw,72px);display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--paper);border-top:2px dashed rgba(38,50,56,.3);font-size:17px}footer a{text-decoration:none;border-bottom:1px dotted var(--ink)}
.reveal{opacity:0;transform:translateY(30px) rotate(-.5deg);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0) rotate(0)}
.parallax{will-change:transform}
@keyframes wobble{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-8px)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-product{order:-1;max-width:580px;width:100%;margin:auto}.hero-copy{text-align:center;margin:auto}.lead{margin-left:auto;margin-right:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:45px}.about-copy{margin:auto;text-align:center}.about-copy ul{text-align:left;display:inline-block}.gallery-grid{gap:18px}.doodle-balloon{width:120px}.doodle-rainbow{width:180px}.doodle-moon{width:140px;right:0}}
@media(max-width:620px){body{font-size:18px}.nav{height:66px}.brand{font-size:30px}.hero{min-height:auto;padding:55px 18px 80px;gap:28px}.hero h1{font-size:68px}.hero h1 span{font-size:.48em}.lead{font-size:22px}.eyebrow{font-size:18px}.photo-frame{padding:9px}.scribble-note{font-size:23px}.note-one{right:-2px}.note-two{left:0}.features,.gallery{padding:75px 18px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:20px}.about{padding:75px 18px}.about h2,.section-heading h2,.cta-card h2{font-size:48px}.about-copy p{font-size:20px}.gallery-grid{grid-template-columns:1fr;max-width:320px}.gallery-card{margin:auto;width:100%}.card-b{transform:rotate(2deg)}.gallery-doodles{display:none}.final-cta{padding:80px 18px;min-height:470px}.cta-card{padding:34px 24px}.cta-price,.order-price{font-size:48px}.doodle-balloon-small{width:95px;left:1%;top:5%}.order-page{padding:50px 15px 80px}.order-card{padding:30px 20px}.order-card h1{font-size:54px}.order-rainbow{width:170px;right:-40px;top:2%}footer{flex-direction:column;text-align:center;padding:25px 18px}.pencil-button{font-size:22px}.paper-noise{opacity:.12}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none}.wobble{animation:none}.parallax{transform:none!important}}


/* Томенен — локални шрифтове и последни визуални корекции */
@font-face{font-family:'Bellota';src:url('assets/fonts/Bellota-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Bellota';src:url('assets/fonts/Bellota-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Slimamif';src:url('assets/fonts/Slimamif.ttf') format('truetype');font-weight:400 900;font-display:swap}
.brand-logo{display:flex;align-items:center;transform:none;width:145px;height:60px}
.brand-logo img{display:block;max-width:100%;max-height:58px;width:auto;height:auto;object-fit:contain}
.portrait-frame{max-width:420px;width:100%;justify-self:center;position:relative;padding:12px 12px 28px;transform:rotate(-2deg)}
.portrait-frame img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;min-height:0;background:#fff}
.doodle-tree{width:120px;left:1%;bottom:4%;transform:rotate(-5deg)}
.order-pencil{width:90px;left:3%;bottom:8%;transform:rotate(-18deg)}
@keyframes wobble{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-10px)}}
@media(max-width:620px){.brand-logo{width:120px;height:52px}.brand-logo img{max-height:48px}.portrait-frame{max-width:310px}.doodle-tree{width:70px}.order-pencil{width:54px}.eyebrow{font-size:21px}.hero-title{gap:10px;justify-content:center}.hero-logo{width:76px;max-height:105px}.hero h1 .hero-title-text{font-size:clamp(31px,8vw,43px);letter-spacing:-.5px}}

/* Нежно движение на картите, без да разсейва от илюстрациите */
.gallery-card.visible{animation:cardBreathe 4.8s ease-in-out infinite; animation-delay:var(--breathe-delay,0s)}
.gallery-card:nth-child(1){--breathe-delay:0s}.gallery-card:nth-child(2){--breathe-delay:.8s}.gallery-card:nth-child(3){--breathe-delay:1.6s}
@keyframes cardBreathe{0%,100%{box-shadow:4px 5px 0 var(--ink)}50%{box-shadow:5px 7px 0 rgba(38,50,56,.32)}}
@media(prefers-reduced-motion:reduce){.gallery-card.visible{animation:none}}