
@font-face{font-family:'Cormorant Garamond';src:url('./fonts/cormorant-garamond-variable.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('./fonts/cormorant-garamond-italic-variable.ttf') format('truetype');font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:'Lato';src:url('./fonts/lato-light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Lato';src:url('./fonts/lato-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Lato';src:url('./fonts/lato-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Parisienne';src:url('./fonts/parisienne-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--background:#f5f0e7;--foreground:#193b30;--primary:#193b30;--primary-foreground:#fffaf1;--border:#d9d0c0;--accent:#e8dfd0;--ring:#8a5749;--font-sans:Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #9d4b40;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(42px,4.5vw,72px);line-height:1.08;letter-spacing:-2px}h1 em,h2 em{font-weight:400}h2{font-size:clamp(34px,3.5vw,53px);line-height:1.16;letter-spacing:-1.2px}h3{font-size:27px;line-height:1.25}p{color:#536157}.eyebrow{font-size:12px;letter-spacing:2.4px;font-weight:600;color:inherit;margin-bottom:22px}.announcement{padding:9px 6%;background:#193b30;color:#f7f0e6;font-size:12px;letter-spacing:1px;display:flex;justify-content:space-between}.announcement span{font-size:11px;letter-spacing:2px}header{max-width:1500px;margin:auto;padding:26px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-size:25px;line-height:1.1}.brand i{font-weight:400}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:1.7px;margin-top:11px}nav{display:flex;align-items:center;gap:35px;font-size:14px}nav a:hover,.text-link:hover{color:#9b4b3a}.nav-contact{border-bottom:1px solid;padding-bottom:5px}.nav-contact span{margin-left:20px}.hero{max-width:1500px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:670px}.hero-copy{padding:86px 7% 70px 12%;align-self:center}.hero-copy>p:not(.eyebrow){margin-top:28px;font-size:16px;line-height:1.8}.button{display:inline-flex;align-items:center;gap:38px;background:#193b30;color:#fffaf1;padding:16px 25px;font-size:14px;margin-top:32px;transition:background .2s}.button:hover{background:#345848}.button span{font-size:21px;line-height:1}.hero-note{display:block;font-size:12px;color:#667064;margin-top:24px}.hero-photo{position:relative;min-height:670px;max-height:760px;margin:22px 22px 22px 0}.photo-note{position:absolute;bottom:28px;left:-30px;background:#f3ede2;padding:22px 35px;font:25px/1.2 Georgia,serif;box-shadow:0 5px 20px #30201212}.photo-note i{font-size:22px}.values{display:flex;justify-content:center;gap:50px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px;font-size:13px;letter-spacing:.6px}.values b{font-weight:400;color:#9b6043}.section{max-width:1320px;margin:auto;padding:90px 50px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:35px}.section-heading>p{font-size:15px;padding-bottom:5px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.collection-photo{height:380px;position:relative;overflow:hidden}.collection-photo img{transition:transform .5s}.collection:hover img{transform:scale(1.035)}.collection-photo>span{position:absolute;bottom:17px;left:18px;background:#f5f0e7ed;padding:7px 12px;font-size:10px;letter-spacing:1.5px}.collection-title{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:12px}.collection-title h3{font-size:25px}.collection-title>span{font-size:24px}.collection>p{font-size:14px;margin-top:8px}.product{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid var(--border)}.product-photo{height:580px}.product-copy h2{max-width:400px}.product-copy>p:not(.eyebrow){margin-top:25px;max-width:430px}.product-copy ul{list-style:none;padding:0;margin:25px 0;font-size:14px}.product-copy li{padding:10px 0;border-bottom:1px solid var(--border)}.product-copy li:before{content:'✧';margin-right:14px;color:#8b5c43}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid;padding-bottom:5px;font-size:14px;margin:8px 0 24px}.reverse .product-photo{order:2}.reverse .product-copy{order:1}details{margin-top:12px;border-top:1px solid var(--border)}summary{cursor:pointer;padding:17px 0;font-size:14px;display:flex;justify-content:space-between;list-style:none}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}.mini-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:16px}.mini-gallery img{aspect-ratio:4/5;height:auto}.mini-gallery span{font-size:11px}.voucher{background:#193b30;color:#f5f0e7;display:grid;grid-template-columns:1fr 1fr;max-width:1500px;margin:30px auto}.voucher-copy{padding:85px 12%}.voucher-copy p{color:#d4ded4;margin-top:25px;max-width:440px}.voucher-copy .eyebrow{color:#d4ded4;margin-top:0}.voucher-copy h2{font-size:clamp(37px,4vw,60px)}.voucher-copy .voucher-small{font-size:13px;color:#bfcbbf}.voucher-photo{min-height:660px;max-height:850px}.light{background:#f3ebdd;color:#193b30}.light:hover{background:#e0d2bc}.voucher details{border-color:#65776a;margin-top:30px}.graphics-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.graphics-grid article{display:grid;grid-template-columns:45% 55%;background:#ece4d6}.graphics-grid img{height:315px}.graphics-grid article>div{padding:28px}.graphics-grid .eyebrow{font-size:10px;letter-spacing:1.5px}.graphics-grid h3{margin:15px 0;font-size:26px}.graphics-grid p{font-size:14px}.graphics-note{border-top:1px solid var(--border);margin-top:30px;padding-top:20px;font-size:14px;text-align:center}.contact{text-align:center;border-top:1px solid var(--border);padding-top:90px;padding-bottom:90px}.contact h2{margin-bottom:25px}.contact p{font-size:15px}.contact .eyebrow{font-size:11px}.contact-note{margin-top:28px;font-family:Georgia,serif;font-style:italic}footer{border-top:1px solid var(--border);padding:32px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}footer .brand{font-size:21px}.skip{position:fixed;left:15px;top:-100px;padding:10px;background:#fff;z-index:50}.skip:focus{top:10px}@media(min-width:1600px){.hero-photo{max-height:760px}}@media(max-width:1000px){nav{gap:20px}.hero{min-height:570px}.hero-copy{padding:60px 8% 60px 10%}.hero-photo{min-height:570px}.hero h1{font-size:49px}.eyebrow{font-size:10px}.section{padding:65px 30px}.collection-photo{height:300px}.product{gap:45px}.product-photo{height:480px}.graphics-grid article{display:block}.graphics-grid img{height:310px}.voucher-copy{padding:60px 10%}.voucher-photo{min-height:600px}.values{gap:30px}}@media(max-width:700px){.announcement{justify-content:center;font-size:10px;padding:8px 12px}.announcement span{display:none}header{padding:20px;align-items:center}.brand{font-size:21px}.brand span{font-size:7px}nav{gap:15px}nav a{font-size:12px}nav a:first-child,nav .nav-contact{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 25px 40px}.hero h1{font-size:48px;letter-spacing:-1.5px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.8px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-note{font-size:11px}.hero-photo{margin:0 20px 25px;min-height:0;height:470px}.photo-note{left:-7px;bottom:20px;padding:16px 25px;font-size:22px}.values{gap:12px;padding:17px 12px;font-size:10px}.values b{font-size:13px}.section{padding:52px 20px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:14px}.collection-grid{gap:30px;grid-template-columns:1fr}.collection-photo{height:420px}.collection-title{margin-top:15px}.collection-title h3{font-size:28px}.product{grid-template-columns:1fr;gap:30px}.product-photo{height:440px}.reverse .product-photo,.reverse .product-copy{order:initial}.product-copy h2{font-size:40px}.product-copy>p:not(.eyebrow){font-size:15px}.voucher{grid-template-columns:1fr;margin:0}.voucher-copy{padding:50px 25px}.voucher-photo{min-height:0;height:480px}.graphics-grid{grid-template-columns:1fr}.graphics-grid article{display:grid;grid-template-columns:44% 56%}.graphics-grid img{height:310px}.graphics-grid article>div{padding:20px}.graphics-grid h3{font-size:24px}.graphics-grid p{font-size:13px}.contact h2{font-size:38px}.contact p br{display:none}.contact .eyebrow{font-size:9px}footer{flex-wrap:wrap;padding:25px 20px}footer .brand{width:100%}h2{font-size:37px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.social-links{display:flex;justify-content:center;gap:25px;margin-top:23px;font-size:13px;flex-wrap:wrap}.social-links a{border-bottom:1px solid var(--border)}.footer-social{display:flex;gap:20px}

/* Typografia i paleta z propozycja.png */
:root{--background:#f4efe5;--foreground:#173c30;--primary:#173c30;--primary-foreground:#fffaf1;--text-muted:#4f5f57;--border:#d9cfbf;--accent:#e9dfd0;--burgundy:#8e302b;--ring:#8e302b;--font-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;--font-sans:'Lato',Arial,sans-serif}
body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-weight:300}
h1,h2,h3,.brand,.photo-note,.contact-note{font-family:var(--font-display);font-weight:500}
p{color:var(--text-muted)}
.eyebrow,.announcement,nav,.button,.values,.collection-photo>span,.text-link,summary,footer{font-family:var(--font-sans)}
.eyebrow,.announcement,nav,.button,.values,.collection-photo>span,.text-link,summary{font-weight:400}
.announcement,.button,.voucher{background:var(--primary)}
.announcement,.button,.voucher{color:var(--primary-foreground)}
.voucher-copy p,.voucher-copy .eyebrow{color:#d7ded8}
nav a:hover,.text-link:hover,.social-links a:hover,.footer-social a:hover{color:var(--burgundy)}
a:focus-visible,summary:focus-visible{outline-color:var(--burgundy)}
.collection-photo>span{background:#f4efe5ed}
.graphics-grid article{background:var(--accent)}
.brand-logo{display:block;width:190px;height:auto;object-fit:contain}
.logo-link{position:relative;display:flex;align-items:center;flex:0 0 auto}
@media(max-width:700px){.brand-logo{width:132px}header{gap:12px}nav{margin-left:auto}}

/* Jeden spójny styl wewnątrz każdego nagłówka */
h1 em,h2 em,h3 em,.brand i,.photo-note i,.contact-note{font-family:inherit;font-style:normal;font-weight:inherit}

.section-engraving{width:210px;height:auto;object-fit:contain;margin-top:18px;opacity:.5}
.collection-meta{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-top:8px}
.collection-meta p{font-size:14px}
.collection-meta strong,.product-price{font-family:var(--font-display);font-weight:600;color:var(--burgundy)}
.collection-meta strong{font-size:24px;white-space:nowrap}
.product-price{font-size:31px;line-height:1;margin-top:14px}
.customer-santa{float:right;width:104px;height:auto;object-fit:contain;margin:-10px 4px 8px 22px;opacity:.72}
.materials{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:1500px;margin:auto;padding:0 6%}
.materials>div{padding:22px 24px;border-right:1px solid var(--border)}
.materials>div:last-child{border-right:0}
.materials strong,.materials span{display:block}
.materials strong{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:3px}
.materials span{font-size:14px;color:var(--text-muted)}
.vouchers-section{max-width:1500px;margin:30px auto;background:var(--primary);color:var(--primary-foreground);padding:84px max(30px,6vw)}
.voucher-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:70px;max-width:1260px;margin:0 auto 48px}
.voucher-intro p{color:#d7ded8;max-width:510px}
.voucher-intro .eyebrow{color:#d7ded8;margin-bottom:20px}
.light-engraving{filter:brightness(0) invert(1);opacity:.42;margin-left:auto}
.voucher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1320px;margin:auto}
.voucher-card{background:var(--background);color:var(--foreground);display:flex;flex-direction:column}
.voucher-main-image{display:block;position:relative;overflow:hidden}
.voucher-main-image img{height:430px;transition:transform .35s ease}
.voucher-main-image:hover img{transform:scale(1.025)}
.voucher-main-image>span{position:absolute;right:12px;bottom:12px;background:#f4efe5e8;padding:6px 10px;font-size:10px;letter-spacing:.08em}
.voucher-main-image .voucher-code{left:12px;right:auto;top:12px;bottom:auto;border-radius:18px;background:var(--burgundy);color:var(--primary-foreground);font-weight:700}
.voucher-main-image .voucher-expand{right:12px;bottom:12px}
.voucher-card-copy{padding:25px 23px 21px}
.voucher-card .eyebrow{font-size:10px;margin-bottom:10px}
.voucher-card h3{font-size:28px}
.voucher-card p{font-size:14px;line-height:1.6;margin:12px 0 18px;min-height:68px}
.voucher-card strong{display:block;border-top:1px solid var(--border);padding-top:15px;color:var(--burgundy);font:600 20px/1.2 var(--font-display)}
.voucher-order-link{display:inline-block;margin-top:18px;border-bottom:1px solid var(--foreground);padding-bottom:3px;font-size:12px}
.voucher-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 23px 24px;margin-top:auto}
.voucher-thumbs a{display:block;overflow:hidden;background:var(--accent);aspect-ratio:1/1}
.voucher-thumbs img{transition:transform .3s ease}
.voucher-thumbs a:hover img{transform:scale(1.06)}
.voucher-gallery-note{color:#d7ded8;text-align:center;font-size:12px;letter-spacing:.04em;margin-top:24px}
.voucher-cta{position:relative;left:50%;transform:translateX(-50%);margin-top:38px}
.graphics-catalog{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.graphic-option{position:relative;display:grid;place-items:center;min-height:250px;margin:0;padding:26px 20px;background:var(--background);border:1px solid var(--border);overflow:hidden}
.graphic-option img{width:100%;height:100%;max-height:230px;object-fit:contain}
.graphic-option>span{position:absolute;left:12px;top:12px;z-index:1;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--burgundy);color:var(--primary-foreground);font:700 11px/1 var(--font-sans);letter-spacing:.04em;box-shadow:0 2px 7px #38130f38}
.contact-title{font-family:'Parisienne',cursive;font-weight:400;font-size:clamp(36px,3.8vw,51px);line-height:1.15;letter-spacing:0}
.custom-project{border-top:1px solid var(--border);display:grid;grid-template-columns:.42fr 1fr;gap:70px;align-items:start}
.custom-project>div{background:var(--accent);border-left:4px solid var(--burgundy);padding:44px 48px}
.custom-project h2{max-width:760px}
.custom-project p{max-width:760px;margin-top:16px;font-size:16px}
.custom-project strong{display:inline-block;margin-top:22px;color:var(--burgundy);font:600 27px/1.2 var(--font-display)}
.contact-engraving{margin:0 auto 12px}
@media(max-width:1200px){.voucher-main-image img{height:390px}}
@media(max-width:1000px){.materials{grid-template-columns:repeat(2,minmax(0,1fr))}.materials>div:nth-child(2),.materials>div:nth-child(4),.materials>div:nth-child(6){border-right:0}.materials>div:nth-child(-n+4){border-bottom:1px solid var(--border)}.voucher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voucher-main-image img{height:410px}.custom-project{grid-template-columns:1fr;gap:20px}}
@media(max-width:700px){.materials{grid-template-columns:1fr;padding:0 20px}.materials>div{border-right:0;border-bottom:1px solid var(--border);padding:16px 4px}.materials>div:nth-child(2),.materials>div:nth-child(4){border-bottom:1px solid var(--border)}.materials>div:last-child{border-bottom:0;grid-column:auto;text-align:left}.section-engraving{width:160px}.collection-meta strong{font-size:22px}.customer-santa{width:82px;margin:0 0 6px 14px}.vouchers-section{padding:55px 20px}.voucher-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.light-engraving{margin-left:0}.voucher-grid{grid-template-columns:1fr}.voucher-main-image img{height:420px}.voucher-card p{min-height:0}.graphics-catalog{grid-template-columns:1fr;gap:14px}.graphic-option{min-height:205px;padding:22px 15px}.graphic-option img{max-height:185px}.graphic-option>span{width:30px;height:30px;font-size:10px}.custom-project>div{padding:30px 25px}.custom-project strong{font-size:24px}.contact-title{font-size:38px}}

/* Czytelna galeria realizacji */
.realizations{margin-top:18px;border:1px solid var(--border);background:#fffaf14d}
.realizations summary{padding:15px 17px;align-items:center;color:var(--foreground)}
.gallery-label{display:flex;flex-direction:column;gap:2px}
.gallery-label strong{font-size:14px;font-weight:700;letter-spacing:.02em}
.gallery-label small{font-size:12px;color:var(--text-muted);font-weight:300}
.gallery-chevron{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary);color:var(--primary-foreground);font-size:17px}
.realizations[open] .gallery-label{transform:none}
.realizations[open] .gallery-chevron{transform:rotate(180deg)}
.realizations .mini-gallery{padding:3px 14px 14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-item{position:relative;padding:0;border:0;background:var(--accent);color:var(--foreground);cursor:zoom-in;overflow:hidden;text-align:left}
.gallery-item img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover}
.gallery-item span{position:absolute;right:7px;bottom:7px;background:#f4efe5e8;padding:4px 7px;font-size:10px}
.gallery-item .gallery-item-number{left:7px;right:auto;top:7px;bottom:auto;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;background:var(--burgundy);color:var(--primary-foreground);font-weight:700}
.gallery-item .gallery-item-action{right:7px;bottom:7px}
.voucher-main-image{width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;text-align:left}
.voucher-thumbs button{display:block;position:relative;width:100%;padding:0;border:0;overflow:hidden;background:var(--accent);aspect-ratio:1/1;cursor:zoom-in}
.voucher-thumbs button img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.voucher-thumbs button:hover img{transform:scale(1.06)}
.voucher-thumbs button span{position:absolute;left:6px;top:6px;padding:4px 6px;border-radius:14px;background:var(--burgundy);color:var(--primary-foreground);font:700 9px/1 var(--font-sans)}
.gallery-item:focus-visible,.voucher-main-image:focus-visible,.voucher-thumbs button:focus-visible,.lightbox button:focus-visible{outline:3px solid var(--burgundy);outline-offset:3px}
.lightbox{width:min(94vw,1120px);height:min(92vh,900px);max-width:none;max-height:none;padding:0;border:0;background:transparent;color:#fff;overflow:visible}
.lightbox::backdrop{background:#081611e8}
.lightbox figure{width:100%;height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center}
.lightbox figure img{width:100%;height:100%;object-fit:contain}
.lightbox figcaption{padding-top:10px;font:400 12px/1 var(--font-sans);letter-spacing:.12em}
.lightbox button{position:absolute;z-index:2;border:0;background:#f4efe5eb;color:var(--foreground);cursor:pointer}
.lightbox-close{right:0;top:0;width:44px;height:44px;font-size:28px;line-height:1}
.lightbox-arrow{top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;font-size:22px}
.lightbox-prev{left:12px}.lightbox-next{right:12px}
@media(max-width:700px){.realizations .mini-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.lightbox{width:96vw;height:88vh}.lightbox-arrow{width:40px;height:40px}.lightbox-prev{left:5px}.lightbox-next{right:5px}}

/* Konfigurator zamówienia */
.order{border-top:1px solid var(--border)}
.order-heading{max-width:760px;margin-bottom:38px}
.order-heading>p:last-child{margin-top:18px;max-width:630px}
.order-heading .order-privacy{margin-top:12px;font-size:12px;color:#6b756f}
.order-form{max-width:980px;margin:auto;border:1px solid var(--border);background:#fffaf152}
.order-progress{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.order-progress strong{color:var(--burgundy)}
.order-form fieldset{margin:0;padding:38px 42px 42px;border:0;min-width:0}
.order-form fieldset[hidden]{display:none}
.order-form legend{display:flex;align-items:center;gap:14px;padding:0;color:var(--foreground);font:500 35px/1.15 var(--font-display)}
.order-form legend>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--burgundy);color:var(--primary-foreground);font:700 10px/1 var(--font-sans);letter-spacing:.05em}
.order-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.order-models{grid-template-columns:repeat(3,minmax(0,1fr))}
.order-options label{position:relative;cursor:pointer}
.order-options input{position:absolute;opacity:0;pointer-events:none}
.order-options label>span{display:flex;min-height:92px;padding:18px;border:1px solid var(--border);background:var(--background);flex-direction:column;justify-content:space-between;gap:8px}
.order-options label:hover>span{border-color:var(--foreground)}
.order-options input:focus-visible+span{outline:3px solid var(--burgundy);outline-offset:3px}
.order-options input:checked+span{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}
.order-options strong{font:500 20px/1.2 var(--font-display)}
.order-options small{font-size:12px}
.order-help{margin:24px 0 12px;max-width:650px;font-size:14px}
.order-form select,.quantity-label input,.order-field input,.order-field textarea{width:100%;border:1px solid var(--border);background:var(--background);color:var(--foreground);padding:14px 15px;font:300 15px/1.4 var(--font-sans)}
.order-form select:focus,.quantity-label input:focus,.order-field input:focus,.order-field textarea:focus{outline:3px solid var(--burgundy);outline-offset:2px}
.order-controls,.order-final{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:30px}
.order-controls button,.order-final button,.order-final a{border:0;background:var(--primary);color:var(--primary-foreground);padding:13px 20px;font:400 13px/1.2 var(--font-sans);cursor:pointer}
.order-controls button:disabled,.order-final button:disabled{opacity:.35;cursor:not-allowed}
.order-controls .order-back,.order-final .order-back{margin-right:auto;background:transparent;color:var(--foreground);border:1px solid var(--border)}
.quantity-label{display:block;margin-top:26px}
.quantity-label>span{display:block;margin-bottom:7px;font-size:13px}
.quantity-label input{max-width:170px}
.order-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.order-fields .order-field:first-child{grid-column:1/-1}
.order-field{display:block;margin-top:22px}
.order-field>span{display:block;margin-bottom:7px;font-size:13px}
.order-field textarea{display:block;resize:vertical;min-height:92px}
.invoice-toggle{display:flex;align-items:center;gap:11px;margin-top:26px;cursor:pointer;font-size:14px}
.invoice-toggle input{width:18px;height:18px;accent-color:var(--burgundy)}
[data-invoice-fields][hidden]{display:none}
.order-summary{margin-top:28px;padding:23px;background:var(--accent);border-left:4px solid var(--burgundy)}
.order-summary>span{display:block;margin-bottom:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.order-summary pre{margin:0;white-space:pre-wrap;color:var(--foreground);font:300 14px/1.65 var(--font-sans)}
.order-final a{background:var(--burgundy)}
.order-final a[data-email-order]{background:var(--primary)}
.order-final a.is-disabled{opacity:.35;pointer-events:none}
.order-basket{margin:25px 0 8px;padding:18px;background:var(--accent);border-left:4px solid var(--burgundy)}
.order-basket-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}
.order-basket-heading>strong{font:600 20px/1.2 var(--font-display)}
.order-basket-heading button{border:0;background:transparent;color:var(--burgundy);padding:4px 0;border-bottom:1px solid;cursor:pointer;font:400 12px/1.2 var(--font-sans)}
.order-basket-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid var(--border);font-size:13px}
.order-basket-item span{min-width:0}
.order-basket-item small{display:block;margin-top:3px;color:var(--text-muted)}
.order-basket-item button{flex:0 0 auto;border:0;background:transparent;color:var(--burgundy);padding:4px;cursor:pointer;font-size:11px}
.legal-ack{display:flex;align-items:flex-start;gap:11px;margin:24px 0 0;font-size:13px;cursor:pointer}
.legal-ack input{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--burgundy)}
.legal-ack a{color:var(--burgundy);border-bottom:1px solid}
.order-logo{margin-top:24px;padding:18px 20px;border:1px solid var(--border);background:#fffaf152}
.logo-toggle{display:flex;align-items:flex-start;gap:11px;cursor:pointer}
.logo-toggle input{flex:0 0 auto;width:18px;height:18px;margin-top:3px;accent-color:var(--burgundy)}
.logo-toggle span,.logo-toggle strong,.logo-toggle small{display:block}
.logo-toggle strong{font:600 19px/1.25 var(--font-display)}
.logo-toggle small{margin-top:3px;color:var(--text-muted);font-size:12px}
.logo-instructions{margin:16px 0 2px;padding:16px;border-left:3px solid var(--burgundy);background:var(--accent)}
.logo-instructions[hidden]{display:none}
.logo-instructions p{font-size:13px}
.logo-instructions a{display:inline-block;margin:8px 0 4px;color:var(--burgundy);border-bottom:1px solid;font-weight:400}
.logo-instructions>small{display:block;color:var(--text-muted);font-size:11px}
.legal-links{max-width:1500px;margin:auto;padding:22px 6%;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:center;gap:16px 30px;font-size:12px}
.legal-links a{border-bottom:1px solid transparent}
.legal-links a:hover{color:var(--burgundy);border-bottom-color:currentColor}
@media(max-width:700px){.order-form fieldset{padding:29px 20px 30px}.order-form legend{font-size:29px}.order-options,.order-models,.order-fields{grid-template-columns:1fr}.order-fields .order-field:first-child{grid-column:auto}.order-options label>span{min-height:0}.order-controls,.order-final{align-items:stretch;flex-direction:column}.order-controls .order-back,.order-final .order-back{margin-right:0;order:2}.order-controls button,.order-final button,.order-final a{text-align:center;width:100%}.quantity-label input{max-width:none}.order-basket-heading,.order-basket-item{align-items:flex-start;flex-direction:column}.order-basket-item button{padding-left:0}}

.product-photo{position:relative}
.main-pattern-number{position:absolute;left:15px;top:15px;z-index:1;display:grid;place-items:center;min-width:40px;height:40px;padding:0 9px;border-radius:22px;background:var(--burgundy);color:var(--primary-foreground);font:700 11px/1 var(--font-sans);letter-spacing:.04em;box-shadow:0 2px 8px #38130f38}

/* Subtelna świąteczna magia w pierwszym ekranie */
.hero-photo{isolation:isolate}
.hero-photo::before{content:'';position:absolute;z-index:0;inset:5%;border-radius:42%;box-shadow:0 0 90px 38px #3f69543d;animation:hero-glow 6s ease-in-out infinite}
.hero-photo>img{position:relative;z-index:1}
.hero-sparkles{position:absolute;z-index:2;inset:0;pointer-events:none;overflow:hidden;color:#f7f0e6}
.hero-sparkles span{position:absolute;display:block;font-family:Georgia,serif;line-height:1;text-shadow:0 1px 10px #173c30cc;opacity:.35;animation:hero-twinkle 4.2s ease-in-out infinite}
.hero-sparkles span:nth-child(1){left:8%;top:14%;font-size:18px;animation-delay:-.7s}
.hero-sparkles span:nth-child(2){right:11%;top:21%;font-size:27px;color:#d8b9a6;animation-delay:-3.2s}
.hero-sparkles span:nth-child(3){left:17%;top:44%;font-size:12px;animation-delay:-2s}
.hero-sparkles span:nth-child(4){right:7%;top:56%;font-size:18px;color:#c9d5ce;animation-delay:-4.1s}
.hero-sparkles span:nth-child(5){right:19%;bottom:14%;font-size:13px;animation-delay:-1.2s}
.hero-sparkles span:nth-child(6){left:9%;bottom:22%;font-size:24px;color:#d8b9a6;animation-delay:-3.7s}
.hero-photo .photo-note{z-index:3}
@keyframes hero-twinkle{0%,100%{opacity:.24;transform:scale(.68) rotate(-8deg)}48%{opacity:1;transform:scale(1.18) rotate(5deg)}65%{opacity:.52;transform:scale(.92) rotate(1deg)}}
@keyframes hero-glow{0%,100%{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
.logo-link::before,.logo-link::after{position:absolute;z-index:2;color:var(--burgundy);font-family:Georgia,serif;line-height:1;pointer-events:none;animation:logo-twinkle 3.8s ease-in-out infinite}
.logo-link::before{content:'✦';right:-17px;top:-4px;font-size:15px}
.logo-link::after{content:'✧';right:-29px;top:14px;font-size:10px;color:#6b806f;animation-delay:-1.9s}
@keyframes logo-twinkle{0%,100%{opacity:.28;transform:scale(.7) rotate(-8deg)}50%{opacity:.95;transform:scale(1.12) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.hero-photo::before,.hero-sparkles span,.logo-link::before,.logo-link::after{animation:none!important}.hero-sparkles span,.logo-link::before,.logo-link::after{opacity:.55}}
