/* NKW R5: compact glass header, smaller floral editorial, native multilingual footer. */
:root{--rose:#ba7b82;--ink:#503b34;--gold:#a8794d}
html{scroll-padding-top:82px}
body{overflow-x:hidden}
.site-header{min-height:61px;padding:5px clamp(14px,3.4vw,54px);position:sticky;top:0;z-index:90;background:rgba(255,249,246,.73)!important;backdrop-filter:blur(13px) saturate(140%);-webkit-backdrop-filter:blur(13px) saturate(140%);border-bottom:1px solid rgba(229,196,181,.46);transition:background-color .35s,box-shadow .35s,backdrop-filter .35s}
.site-header.is-scrolled{background:rgba(255,249,246,.57)!important;backdrop-filter:blur(23px) saturate(155%);-webkit-backdrop-filter:blur(23px) saturate(155%);box-shadow:0 8px 25px rgba(86,52,42,.13)}
.site-header .brand img{width:53px;height:53px}
.site-header nav a{font-size:11px;font-weight:600}
.site-header nav a:hover{color:#af6d75}
.head-actions{display:flex;align-items:center;gap:13px}
.nkw-language-select{display:flex;gap:3px;align-items:center;background:rgba(255,255,255,.55);padding:3px;border-radius:30px;border:1px solid #e9d7ce}
.nkw-language-select a{padding:6px 7px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.06em;color:#775a53;border-radius:20px;line-height:1}
.nkw-language-select a.active,.nkw-language-select a:hover{background:#b87b7a;color:#fff}
/* Soft animated traveling light: only CSS; the supplied header image is never modified. */
.nkw-hero-frame{isolation:isolate}
.nkw-hero-frame::after{content:"";pointer-events:none;position:absolute;inset:-50% auto -50% -60%;width:32%;transform:skewX(-22deg) translateX(0);background:linear-gradient(90deg,transparent,rgba(255,255,255,.03) 20%,rgba(255,251,237,.28) 52%,rgba(255,255,255,.04) 75%,transparent);mix-blend-mode:screen;z-index:2;animation:nkw-hero-light 10s ease-in-out infinite;filter:blur(11px)}
@keyframes nkw-hero-light{0%,10%{transform:skewX(-22deg) translateX(0);opacity:0}20%{opacity:.65}56%{opacity:.72}75%,100%{transform:skewX(-22deg) translateX(530%);opacity:0}}
.nkw-hero-hotspot{z-index:4}
.nkw-hero-en{position:relative;isolation:isolate}
.nkw-hero-en::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 15%,#fffaf56b,transparent 50%);animation:nkw-glow 8s ease-in-out infinite alternate}
@keyframes nkw-glow{0%{opacity:.2}100%{opacity:.58}}
.nkw-hero-en-copy{position:relative;z-index:2}
/* Compact presentation of supplied jewelry charms art (non-catalog editorial only). */
.nkw-charms-editorial{max-width:1110px;margin:14px auto 65px;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:clamp(26px,5vw,75px);padding:27px 55px;background:linear-gradient(105deg,#fff8f2,#fffdfb 65%,#fcefe8);border:1px solid #eadad1;border-radius:26px;box-shadow:0 22px 60px rgba(116,76,57,.055)}
.nkw-charms-photo{height:285px;max-width:215px;margin:auto;overflow:hidden;border-radius:13px;box-shadow:0 18px 34px #8a635333}
.nkw-charms-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.nkw-charms-copy h2{font:normal clamp(26px,3.1vw,43px)/1.14 Georgia,serif;color:#65473b;margin:8px 0 17px}
.nkw-charms-copy p{color:#806c63;max-width:570px;font-size:14px;line-height:1.9}
.nkw-charms-copy .btn{margin-top:15px}
/* Keep the vivid roses as a smaller accent instead of a giant half-width column. */
.story-section.nkw-story-r5{max-width:1150px;margin:24px auto 62px;min-height:unset;grid-template-columns:minmax(255px,380px) 1fr;gap:clamp(25px,5vw,72px);align-items:center;padding:22px clamp(18px,4vw,55px);border-radius:22px;background:linear-gradient(115deg,#fff7f5,#fffaf7 62%,#faebe8);border:1px solid #f0e0d9}
.nkw-story-r5 .story-photo{height:auto;max-height:390px;max-width:365px;aspect-ratio:1 / 1;overflow:hidden;border-radius:19px;margin:auto;box-shadow:0 20px 42px #98634d1a}
.nkw-story-r5 .story-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.nkw-story-r5 .story-text{padding:20px 0;max-width:590px}
.nkw-story-r5 .story-text h2{font-size:clamp(30px,3.2vw,49px)}
/* Native footer stays readable in PL, EN, DE; original identity is never retouched. */
.nkw-footer.nkw-footer-r5{max-width:1190px;margin:45px auto 27px;padding:0 15px;background:transparent}
.nkw-footer-r5 .nkw-footer-shell{position:relative;isolation:isolate;overflow:hidden;padding:40px 45px 19px;background:linear-gradient(118deg,#fff9f5,#fffdfb 65%,#fcf0e9);border:1px solid #ead8cc;border-radius:22px;box-shadow:0 20px 55px rgba(117,71,52,.075)}
.nkw-footer-r5 .nkw-footer-decoration{position:absolute;inset:0 0 0 auto;width:28%;background:url('../img/premium-r5/stopka-detal.webp') right center / cover no-repeat;opacity:.42;z-index:-1;mask-image:linear-gradient(90deg,transparent,black 40%);-webkit-mask-image:linear-gradient(90deg,transparent,black 40%);pointer-events:none}
.nkw-footer-r5 .nkw-footer-cols{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1.4fr;gap:clamp(14px,2vw,32px);align-items:start;position:relative;z-index:1}
.nkw-footer-r5 .nkw-footer-cols h3{font:normal 19px/1.25 Georgia,serif;color:#65473f;margin:0 0 18px;padding-bottom:10px;position:relative}
.nkw-footer-r5 .nkw-footer-cols h3::after{content:"";position:absolute;bottom:0;left:0;width:31px;border-bottom:1px solid #c78c84}
.nkw-footer-r5 .nkw-footer-cols a{color:#664f46;display:block;width:fit-content;margin:10px 0;line-height:1.35;font-size:13px;text-decoration:none}
.nkw-footer-r5 .nkw-footer-cols a:hover{text-decoration:underline;text-underline-offset:4px;color:#b06e6a}
.nkw-footer-r5 .nkw-footer-about img{width:92px;height:92px;object-fit:contain;margin:0}
.nkw-footer-r5 .nkw-footer-about p{font:italic 15px/1.7 Georgia,serif;color:#7e635b;margin:10px 0 0}
.nkw-footer-r5 .nkw-footer-contact a{overflow-wrap:anywhere}
.nkw-footer-r5 .nkw-footer-contact button{display:inline-block;font-size:13px;margin-top:12px;color:#806057;cursor:pointer}
.nkw-footer-r5 .nkw-footer-legal{border-top:1px solid #e9d2c7;margin-top:25px;padding:15px 0 0;display:flex;gap:14px;align-items:center;justify-content:space-between;text-align:left;font-size:11px;color:#8d7066}
.nkw-footer-r5 .nkw-footer-legal a{color:#7c6157}
/* Keep supplied premium artworks for all languages; translate only their baked titles via a real HTML overlay. */
.nkw-card-art .nkw-card-l10n-label{position:absolute;inset:0 0 auto;min-height:32%;display:flex;align-items:center;justify-content:center;padding:20px 13px 9px;text-align:center;z-index:2;font:normal clamp(15px,1.65vw,25px)/1.18 Georgia,serif;letter-spacing:.04em;text-transform:uppercase;color:#80512b;background:linear-gradient(to bottom,rgba(255,245,231,.97),rgba(255,242,225,.88) 78%,rgba(255,243,226,0));backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);mask-image:linear-gradient(to bottom,black 0%,black 79%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 79%,transparent 100%)}
.main-product-img{position:relative}
.nkw-gallery-l10n-label{position:absolute;inset:0 0 auto;min-height:32%;display:flex;justify-content:center;align-items:center;text-align:center;font:normal clamp(25px,4vw,47px)/1.2 Georgia,serif;color:#80512b;letter-spacing:.05em;text-transform:uppercase;padding:25px 12px;background:linear-gradient(to bottom,rgba(255,245,231,.97),rgba(255,242,225,.9) 75%,transparent);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);mask-image:linear-gradient(to bottom,black 0%,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 80%,transparent 100%)}
@media(max-width:1040px){.nkw-footer-r5 .nkw-footer-shell{padding:32px 24px 19px}.nkw-footer-r5 .nkw-footer-cols{grid-template-columns:1fr 1fr;gap:27px}.nkw-charms-editorial{margin:16px 18px 42px}.story-section.nkw-story-r5{margin:25px 18px 44px}}
@media(max-width:760px){.site-header{padding:6px 11px;min-height:58px;gap:7px}.site-header .brand img{width:43px;height:43px}.head-actions{gap:8px}.nkw-language-select a{font-size:10px;padding:6px 5px}.nkw-charms-editorial{grid-template-columns:130px 1fr;gap:17px;padding:15px;margin:12px 13px 32px;border-radius:17px}.nkw-charms-photo{width:126px;height:179px}.nkw-charms-copy h2{font-size:23px;margin:5px 0}.nkw-charms-copy p{font-size:12px;line-height:1.6}.nkw-charms-copy .btn{font-size:10px;padding:10px 13px;margin-top:7px}.story-section.nkw-story-r5{grid-template-columns:1fr;padding:19px;gap:14px}.nkw-story-r5 .story-photo{max-width:290px;max-height:290px;height:290px}.nkw-story-r5 .story-text{padding:12px 3px}.nkw-footer.nkw-footer-r5{margin:26px auto 14px;padding:0 12px}.nkw-footer-r5 .nkw-footer-shell{padding:26px 19px 15px;border-radius:16px}.nkw-footer-r5 .nkw-footer-cols{gap:21px;grid-template-columns:repeat(2,minmax(0,1fr))}.nkw-footer-r5 .nkw-footer-cols h3{font-size:16px;margin-bottom:10px}.nkw-footer-r5 .nkw-footer-cols a{font-size:12px}.nkw-footer-r5 .nkw-footer-about img{width:78px;height:78px}.nkw-footer-r5 .nkw-footer-about p{font-size:14px}.nkw-footer-r5 .nkw-footer-decoration{width:25%;opacity:.22}.nkw-footer-r5 .nkw-footer-legal{flex-wrap:wrap;font-size:10px;gap:6px}}
@media(max-width:425px){.nkw-charms-editorial{grid-template-columns:115px 1fr;gap:12px}.nkw-charms-photo{width:113px;height:154px}.nkw-charms-copy .eyebrow{font-size:9px}.nkw-charms-copy h2{font-size:20px}.nkw-charms-copy p{font-size:11px}.head-actions>a[title*='panel'],.head-actions>a[title*='Staff'],.head-actions>a[title*='Mitarbeiter']{display:none}}
@media(prefers-reduced-motion:reduce){.nkw-hero-frame::after,.nkw-hero-en::after{animation:none!important;opacity:0}.site-header{transition:none!important}}

/* R6 — Language-specific image CTA hitboxes. Percentage positions match the painted
   buttons on the supplied 2048×682 artwork. Never wrap the full banner in a link. */
.nkw-hero-banner-r6 .nkw-hero-frame--pl .nkw-hero-hotspot{left:40.7%;top:68.3%;width:18.6%;height:9.8%}
.nkw-hero-banner-r6 .nkw-hero-frame--en .nkw-hero-hotspot{left:36.65%;top:69.15%;width:26.7%;height:9.5%}
.nkw-hero-banner-r6 .nkw-hero-frame--de .nkw-hero-hotspot{left:37.5%;top:69.15%;width:25.5%;height:9.5%}
/* Small screens use the same art, cropped at its center by R4. The target is
   touch-accessible without making any other area of the banner clickable. */
@media(max-width:760px){
 .nkw-hero-banner-r6 .nkw-hero-frame--pl .nkw-hero-hotspot{top:64%;left:40.7%;width:18.6%;height:44px;min-height:44px}
 .nkw-hero-banner-r6 .nkw-hero-frame--en .nkw-hero-hotspot{top:64%;left:36.65%;width:26.7%;height:44px;min-height:44px}
 .nkw-hero-banner-r6 .nkw-hero-frame--de .nkw-hero-hotspot{top:64%;left:37.5%;width:25.5%;height:44px;min-height:44px}
}