/* PLATONİK V9 — brand-led refinement. Keep V8 section order and interactivity. */
:root{--brand-night:#0c1d48;--brand-blue:#234c9c;--brand-lavender:#b9ade2;--brand-gold:#d4b47e;--brand-porcelain:#f7f7fd;--brand-ink:#132758;--cinema:cubic-bezier(.22,1,.36,1)}
.site--platonik{background:var(--brand-night);font-family:'Segoe UI',Arial,Helvetica,sans-serif;}
.site--platonik .site-header{height:clamp(79px,6.1vw,101px);background:linear-gradient(180deg,#071b4b75,transparent);border-bottom:1px solid #ffffff29}
.site--platonik .site-header.is-scrolled{background:#0c2456ee;box-shadow:0 10px 36px #07143033}
.site--platonik .brand{gap:10px}
.site--platonik .brand-mark{display:block;flex:0 0 auto;width:clamp(29px,3.3vw,45px);height:auto;object-fit:contain;filter:drop-shadow(0 0 8px #b1a8ee44)}
.site--platonik .brand-word--platonik{font-size:clamp(25px,2.63vw,43px);line-height:.87;letter-spacing:-.052em;font-family:Georgia,'Times New Roman',serif}
.site--platonik .brand-word small{letter-spacing:.25em;font-size:clamp(7px,.64vw,10px);margin-top:9px;font-weight:600}
.site--platonik .main-nav>a[aria-current=location]:not(.shop-pill){color:#e9e6ff}
.site--platonik .main-nav>a[aria-current=location]:not(.shop-pill)::after{right:0;background:#c1b5e9}
/* Hero: deliberate cosmetic-lavender visual system, no texture from the Viking site. */
.site--platonik .hero{background:#0c2b62;height:100svh;min-height:685px;max-height:none}
.site--platonik .hero-art{background-image:url('../images/platonik-premium-atmosphere.webp');background-size:cover;background-position:center;filter:none;transform:scale(1.025);transition:filter .8s,transform 1s ease}
.site--platonik .hero[data-slide="1"] .hero-art{filter:hue-rotate(-7deg) saturate(.92);transform:scale(1.06)}
.site--platonik .hero[data-slide="2"] .hero-art{filter:hue-rotate(15deg) saturate(1.13);transform:scale(1.045)}
.site--platonik .hero-shade{background:linear-gradient(90deg,#0b2056a3 0%,#0e327083 38%,#4358a31c 66%,#796ca51f 100%);pointer-events:none}
.site--platonik .hero-copy{left:var(--gutter);top:50%;width:min(50vw,690px);transform:translateY(-44%);gap:17px}
.site--platonik .hero-eyebrow{font-size:clamp(12px,1vw,16px);letter-spacing:.23em;color:#e8e7ff;border-bottom:1px solid #ffffff78}
.site--platonik .hero h1{font-size:clamp(55px,6.3vw,107px);line-height:1.02;letter-spacing:-.057em;text-wrap:balance}
.site--platonik .hero h1 em{font-size:.60em;background:#ffffffed;color:#162f76;letter-spacing:.045em;padding:.13em .25em .16em;box-shadow:0 12px 30px #0b15372b}
.site--platonik .hero-subtitle{font-size:clamp(17px,1.27vw,22px);font-weight:550;color:#f6f2ff}
.site--platonik .hero-cta{color:#15366e;background:#fff;box-shadow:0 13px 30px #08194155;font-size:14px;padding:18px 25px}
.site--platonik .hero-cta:hover{box-shadow:0 18px 35px #051c485a}
.site--platonik .hero-text-link{color:#fff;opacity:.89}
.site--platonik .hero-product-scene{right:clamp(3%,5vw,100px);top:15%;height:76%;width:min(47vw,740px);transition:opacity .25s}
.site--platonik .hero-product-scene::before{background:radial-gradient(circle at 52% 44%,#ffffff31,transparent 66%)}
.site--platonik .hero-orbit{border-color:#ffffff3d;top:12%;width:79%;left:12%}
.site--platonik .hero-orbit--two{top:21%;left:25%;width:52%;border-color:#ffffff2f}
.site--platonik .hero-pack{filter:drop-shadow(10px 26px 25px #07173e5a);animation-duration:8s;object-fit:contain;max-width:none}
.site--platonik .hero-pack--main{height:86%;left:24%;bottom:1%;max-width:62%}
.site--platonik .hero-pack--back{height:54%;left:2%;bottom:8%;max-width:50%}
.site--platonik .hero-pack--side{height:67%;right:0;bottom:2%;max-width:45%}
.site--platonik .hero[data-slide="1"] .hero-pack--main{height:81%;left:28%;max-width:55%}
.site--platonik .hero[data-slide="1"] .hero-pack--back{height:63%;left:1%;bottom:5%}
.site--platonik .hero[data-slide="1"] .hero-pack--side{height:62%;right:4%;bottom:7%}
.site--platonik .hero[data-slide="2"] .hero-pack--main{height:84%;left:24%;max-width:61%}
.site--platonik .hero[data-slide="2"] .hero-pack--back{height:48%;left:0;bottom:7%}
.site--platonik .hero[data-slide="2"] .hero-pack--side{height:61%;right:3%;bottom:4%}
.site--platonik .hero-scene-caption{color:#f6f3ff;font-size:11px;letter-spacing:.17em;opacity:.8;top:7%}
/* Technology: premium editorial cards with genuine user-provided products. */
.site--platonik .technology{background:radial-gradient(ellipse at 88% 13%,#8185d64d,transparent 48%),linear-gradient(116deg,#142960,#244c9d 59%,#397cbd 100%)}
.site--platonik .technology::before{opacity:.5}
.site--platonik .technology .section-center-title{font-size:clamp(32px,2.95vw,49px);font-weight:800;margin:clamp(30px,4svh,56px) auto clamp(42px,5svh,74px)}
.site--platonik .tech-card{padding:15px 10px 18px;gap:15px}
.site--platonik .tech-visual{width:clamp(130px,12vw,188px);height:clamp(130px,12vw,188px);border:1px solid #e6e9ff80;background:radial-gradient(circle at 40% 24%,#ffffff54,#9daae52b 50%,#142e7b80 90%);box-shadow:0 19px 48px #0515384a,inset 0 1px 1px #ffffff80}
.site--platonik .tech-visual img{object-fit:contain;width:92%;height:92%;padding:6px;filter:drop-shadow(0 10px 12px #091b4d65)}
.site--platonik .tech-card h3{font-size:clamp(16px,1.25vw,22px);font-weight:750}
.site--platonik .tech-card p{font-size:clamp(13px,.96vw,16px);line-height:1.55}
/* Off-white cinematic scene: visually distinct from the rest of the page. */
.site--platonik .cinematic{background:#f6f6fd}
.site--platonik .cinematic-background{background:radial-gradient(ellipse at 72% 40%,#d6d1f373,transparent 50%),linear-gradient(120deg,#fbfcff,#eeeaf9 70%,#e4e0f5);filter:none;animation:none}
.site--platonik .cinematic::before{background:radial-gradient(ellipse at 80% 48%,#acacd544,transparent 55%)}
.site--platonik .cinematic-title{left:var(--gutter);width:50%;gap:14px}
.site--platonik .cinematic-title span{color:#112a65;font-weight:780;letter-spacing:-.04em}
.site--platonik .cinematic-title strong{background:#183679;color:#fff;box-shadow:0 18px 35px #101c6029}
.site--platonik .cinematic-products{right:6%;width:45%;height:70%;top:17%}
.site--platonik .cinematic-product{filter:drop-shadow(15px 20px 22px #29315f40)}
.site--platonik .cinematic-halo{background:radial-gradient(circle,#c7bee785,transparent 68%)}
/* Consistent product category, image proportions, labels, and luminous surface. */
.site--platonik .product-section{background:radial-gradient(ellipse at 84% 1%,#63b7e44e,transparent 47%),linear-gradient(122deg,#09265e 0%,#174593 43%,#276bb0 100%)}
.site--platonik .products-heading{margin-bottom:clamp(24px,4.1svh,58px)}
.site--platonik .products-heading h2{font-size:clamp(37px,3.3vw,56px);letter-spacing:-.04em;line-height:1.1}
.site--platonik .products-intro-copy{color:#e2edff;font-size:clamp(15px,1.12vw,19px);margin-top:12px;line-height:1.45}
.site--platonik .product-list{gap:clamp(16px,1.6vw,30px)}
.site--platonik .product-card{border-radius:20px;border:1px solid #ffffff47;background:radial-gradient(ellipse at 44% 29%,#9a9fe16b 0%,#4377be50 53%,transparent 78%),linear-gradient(150deg,#2c5a9a,#12336f);box-shadow:0 18px 40px #03133255;height:min(52svh,530px);max-height:560px;min-height:300px}
.site--platonik .product-card::after{border-radius:inherit}
.site--platonik .product-card img{padding:clamp(12px,1.2vw,21px) clamp(14px,1.45vw,28px) 7px;object-fit:contain;object-position:center center;filter:drop-shadow(0 16px 19px #05133e55)}
.site--platonik .product-card .card-category{font-size:10px;letter-spacing:.15em;font-weight:800;top:18px;left:18px;color:#f1f1ff;z-index:3}
.site--platonik .product-card .product-card-label{background:linear-gradient(0deg,#092052ba,#0a2c76aa);height:78px;min-height:78px;flex-basis:78px;padding:12px 12px 15px}
.site--platonik .product-card .product-card-label strong{font-size:clamp(16px,1.17vw,19px);font-weight:730;line-height:1.2}
.site--platonik .product-card .product-card-label small{font-size:11px;letter-spacing:.15em;color:#e1e7ff}
.site--platonik .product-card .product-zoom{width:39px;height:39px;top:13px;right:13px;color:#153c85}
.site--platonik .product-actions .outline-pill{background:#ffffff0c;border-color:#d6dfff9c;min-width:190px}
.site--platonik .product-actions .outline-pill:hover{background:#fff;color:#122b6d}
/* Warm porcelain about section supports a sophisticated brand identity. */
.site--platonik .about-section{background:radial-gradient(ellipse at 70% 45%,#d6d2f477,transparent 52%),linear-gradient(105deg,#f8f9fe,#f2effa 56%,#e8e5f5 100%);color:#142b61}
.site--platonik .about-section::before{background:none}
.site--platonik .about-glow{opacity:.25;background:#c7c0ee}
.site--platonik .about-copy .overline{color:#5e60a3;font-weight:800}
.site--platonik .about-copy h2{font-family:Georgia,'Times New Roman',serif;color:#112859;font-size:clamp(37px,3.5vw,61px);font-weight:700;letter-spacing:-.05em;line-height:1.17}
.site--platonik .about-copy p{color:#425371;opacity:1;line-height:1.75;font-size:clamp(16px,1.1vw,19px)}
.site--platonik .text-action{color:#203e82;border-bottom:1px solid #244387aa}
.site--platonik .text-action:hover{color:#7457ae}
.site--platonik .about-extra{background:#ced2f337;border-left-color:#8179b5}
.site--platonik .about-product-orbit{border-color:#958aca77}
.site--platonik .about-signature{color:#1c3679}
.site--platonik .about-signature small{color:#59699b}
.site--platonik .about-product{filter:drop-shadow(12px 20px 24px #1a2b6550)}
/* Purple commerce section, less neon and more readable than V8. */
.site--platonik .shopping-section{background:radial-gradient(ellipse at 50% 95%,#bf8ccc39,transparent 42%),linear-gradient(180deg,#26346d 0%,#51468d 48%,#875eaa 100%)}
.site--platonik .shopping-top h2{font-size:clamp(34px,3.55vw,59px);letter-spacing:-.03em}
.site--platonik .shopping-top p{color:#f1e9ff}
.site--platonik .shopping-outline{-webkit-text-stroke:1px #ffffff29}
.site--platonik .marketplace-note{color:#f0e7ff;opacity:.76}
.site--platonik .store-logos{border-color:#ffffff55}
.site--platonik .store-logos a{font-weight:700;letter-spacing:-.01em}
.site--platonik .footer{background:#0c2152}
.site--platonik .footer-bottom{border-color:#ffffff34}
.site--platonik .floating-top{background:#1b3477;border:1px solid #e3ddff8c;box-shadow:0 10px 34px #0a18434d}
/* Modals: stronger information hierarchy + legible products on a lighter stage. */
.site--platonik .modal-dialog,.site--platonik .catalogue-dialog,.site--platonik .contact-dialog{background:linear-gradient(125deg,#193c83,#302b74);box-shadow:0 30px 95px #071537a8}
.site--platonik .modal-media{background:radial-gradient(circle at 55% 36%,#eeeaff7a,transparent 67%),linear-gradient(135deg,#768cc9,#334782)}
.site--platonik .modal-media img{padding:24px}
.site--platonik .catalogue-item{background:linear-gradient(140deg,#596baf55,#1e34775e);border-color:#ffffff3b}
/* Real-world responsive corrections */
@media(max-width:1100px){
 .site--platonik .hero-copy{width:min(50vw,620px)}
 .site--platonik .hero-product-scene{width:52vw;right:1%}
 .site--platonik .product-list{gap:14px}
 .site--platonik .product-card .product-card-label strong{font-size:15px}
 .site--platonik .brand-word--platonik{font-size:30px}
}
@media(max-width:900px){
 .site--platonik .site-header{height:76px}
 .site--platonik .hero-copy{width:calc(100% - 50px)}
 .site--platonik .hero-product-scene{width:66%;right:0}
 .site--platonik .technology .tech-visual{width:clamp(115px,15svh,150px);height:clamp(115px,15svh,150px)}
 .site--platonik .product-card{height:min(53svh,450px)}
 .site--platonik .product-section{padding-block:95px 35px}
}
@media(max-width:650px){
 .site--platonik .site-header{height:72px;padding-inline:17px}
 .site--platonik .brand{gap:5px}
 .site--platonik .brand-mark{width:27px}
 .site--platonik .brand-word--platonik{font-size:25px}
 .site--platonik .brand-word small{font-size:7px;letter-spacing:.16em;margin-top:6px}
 .site--platonik .hero{height:100svh;min-height:655px}
 .site--platonik .hero-shade{background:linear-gradient(180deg,#0a205599 0%,#0b2d73a6 48%,#615fa141 100%)}
 .site--platonik .hero-copy{left:22px;top:20%;width:calc(100% - 44px);gap:10px;transform:none}
 .site--platonik .hero-eyebrow{font-size:10px;letter-spacing:.18em}
 .site--platonik .hero h1{font-size:clamp(38px,10.7vw,56px);max-width:100%}
 .site--platonik .hero h1 em{font-size:.59em;letter-spacing:.04em;white-space:normal}
 .site--platonik .hero-subtitle{font-size:14px}
 .site--platonik .hero-actions{gap:9px 14px}
 .site--platonik .hero-cta{font-size:11px;padding:13px 15px}
 .site--platonik .hero-text-link{font-size:11px}
 .site--platonik .hero-product-scene{top:auto;bottom:4%;right:0;width:100%;height:43%}
 .site--platonik .hero-pack--main{height:94%;left:31%;max-width:60%}
 .site--platonik .hero-pack--back{height:58%;left:7%;bottom:7%}
 .site--platonik .hero-pack--side{height:73%;right:5%;bottom:3%}
 .site--platonik .hero[data-slide="1"] .hero-pack--main{height:89%;left:32%}
 .site--platonik .hero[data-slide="1"] .hero-pack--back{height:64%;left:4%}
 .site--platonik .hero[data-slide="1"] .hero-pack--side{height:66%;right:4%}
 .site--platonik .hero[data-slide="2"] .hero-pack--main{height:90%;left:31%}
 .site--platonik .hero[data-slide="2"] .hero-pack--back{height:53%;left:3%}
 .site--platonik .hero[data-slide="2"] .hero-pack--side{height:60%;right:5%}
 .site--platonik .technology{padding:92px 15px 55px}
 .site--platonik .technology .tech-visual{width:clamp(94px,13svh,126px);height:clamp(94px,13svh,126px)}
 .site--platonik .cinematic-title{top:22%;left:22px;width:calc(100% - 44px)}
 .site--platonik .cinematic-title span{font-size:clamp(24px,7vw,36px)}
 .site--platonik .cinematic-title strong{font-size:clamp(37px,10vw,53px)}
 .site--platonik .cinematic-products{width:96%;right:2%;height:45%;bottom:5%;top:auto}
 .site--platonik .product-section{min-height:100svh;height:auto;padding:88px 12px 34px}
 .site--platonik .products-heading h2{font-size:clamp(27px,7vw,36px)}
 .site--platonik .products-heading{margin-bottom:18px}
 .site--platonik .products-intro-copy{font-size:13px;margin-top:9px}
 .site--platonik .product-card{height:min(47svh,395px);min-height:235px;border-radius:14px}
 .site--platonik .product-card img{padding:28px 5px 4px}
 .site--platonik .product-card .card-category{top:12px;left:9px;font-size:9px}
 .site--platonik .product-card .product-card-label{height:70px;min-height:70px;flex-basis:70px;padding:8px 7px}
 .site--platonik .product-card .product-card-label strong{font-size:clamp(12px,3.1vw,16px)}
 .site--platonik .product-card .product-card-label small{font-size:10px}
 .site--platonik .about-copy h2{font-size:clamp(32px,8vw,43px)}
 .site--platonik .about-copy p{font-size:16px}
 .site--platonik .shopping-section{padding-block:96px 64px}
}
@media(max-width:380px){
 .site--platonik .brand-word--platonik{font-size:22px}
 .site--platonik .hero-copy{top:18%}
 .site--platonik .hero h1{font-size:39px}
 .site--platonik .product-card{height:min(45svh,337px);min-height:208px}
}
@media(max-height:700px) and (min-width:901px){
 .site--platonik .product-section{height:auto;min-height:100svh}
 .site--platonik .product-card{height:min(46svh,395px);min-height:240px}
 .site--platonik .technology{min-height:100svh;height:auto}
}
@media(prefers-reduced-motion:reduce){
 .site--platonik .hero-pack{animation:none!important}
 .site--platonik .hero-art{transition:none!important}
}
/* Final packshot safety: badges remain legible across tall trigger bottles. */
.site--platonik .product-card .card-category{background:rgba(11,35,87,.72);border:1px solid #ffffff3a;border-radius:999px;padding:6px 10px;backdrop-filter:blur(7px);box-shadow:0 5px 12px #091c4b18}
.site--platonik .product-card[data-detail-index="1"] img,
.site--platonik .product-card[data-detail-index="9"] img{transform:scale(1.12)}
.site--platonik .product-card[data-detail-index="1"]:hover img,
.site--platonik .product-card[data-detail-index="9"]:hover img{transform:translateY(-7px) scale(1.16)}
@media(max-width:650px){
 .site--platonik .product-card .card-category{font-size:9px;padding:5px 7px;top:9px;left:7px;letter-spacing:.075em}
 .site--platonik .hero-pack--back{left:-4%;bottom:8%;height:54%}
 .site--platonik .hero-pack--main{left:25%;height:90%;max-width:58%}
 .site--platonik .hero-pack--side{right:0%;height:67%}
}
/* Technology medallions: symbolic benefits must remain clear at a glance. */
.site--platonik .tech-visual{border:1.5px solid #ddd3f1aa;background:radial-gradient(circle at 33% 26%,#c0b6ec5b,#7291d02f 48%,#182f7979 100%);box-shadow:0 18px 45px #071a4e47,inset 0 0 0 8px #ffffff08,inset 0 1px 1px #ffffff66}
.site--platonik .tech-visual svg{width:49%;height:49%;stroke:#f2d7a6;stroke-width:2.1;filter:drop-shadow(0 8px 15px #05134188)}
.site--platonik .tech-card button:hover .tech-visual{border-color:#f4dcaf;box-shadow:0 20px 58px #041a4e65,0 0 0 7px #ffffff10}