/* Shared illuminated controls: the same movement, with color indicating purpose. */
:root body .kinetic-button{--action-light:132,186,222;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;max-width:100%;min-height:50px;padding:13px 18px;border:1px solid rgba(var(--action-light),.4);border-radius:10px;overflow:hidden;background:linear-gradient(115deg,#1b344b,#111f32 55%,#203c50);color:#f6f9ff;font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.5;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff10,0 5px 20px #0002;transition:transform .5s cubic-bezier(.2,.75,.2,1),border-color .5s,box-shadow .5s,background .5s;cursor:pointer}
:root body .kinetic-button:before{content:'';position:absolute;inset:-120%;width:auto;height:auto;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 43%,rgba(var(--action-light),.25) 50%,transparent 57%);transform:translateX(-60%);animation:action-light-pass 8s ease-in-out infinite;border:0;transition:none}
:root body .kinetic-button:after{content:'';position:absolute;inset:0;width:auto;height:auto;pointer-events:none;border:1px solid rgba(var(--action-light),.55);border-radius:inherit;background:transparent;box-shadow:inset 0 0 15px rgba(var(--action-light),.15);opacity:.25;transform:none;animation:action-border-breathe 5.5s ease-in-out infinite}
:root body .kinetic-button:is(.primary,.lux-action-primary,.industrial-action-primary,.quote-cta){--action-light:229,25,54;background:linear-gradient(115deg,#a4122b,#d91637,#92132a);border-color:#fa36576b}
:root body .kinetic-button:is([href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create){--action-light:245,47,80;background:linear-gradient(115deg,#b50929,#da1638 55%,#c40d30);border-color:#ff708799;color:#fff;box-shadow:inset 0 1px 0 #ffffff1f,0 6px 22px #da163829}
/* "Presini oluştur" stays red even where a page reaches the browser without the kinetic class or with the CMS's own link targets (the live catalog cards point at family pages). */
:root body :is(:is(.lux-action,.create-press-link,.guide-toc-cta)[href*="presini-olustur"],.press-catalog-create){background:linear-gradient(115deg,#b50929,#da1638 55%,#c40d30);border-color:#ff708799;color:#fff}
:root body .kinetic-button:is(.whatsapp-action,[href*="wa.me"]){--action-light:64,225,147;background:linear-gradient(110deg,#075134,#108653,#075134);border-color:#40e19380;color:#edfff6}
/* Neighbouring actions never share a colour. A row of navy actions alternates, starting red on its first (the page's main step: "Bu model için görüşelim");
   the builder's contact link is the red one beside "Pres ailelerine dön"; a primary red standing next to the red "Presini oluştur" steps back to navy.
   The :has() rules stand alone, so a browser without :has() drops only them. */
:root body .kinetic-button.builder-contact,
:root body :is(.kinetic-button:is(.primary,.lux-action-primary,.industrial-action-primary,.quote-cta,.builder-contact,[href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create),.kinetic-button:not(.primary,.lux-action-primary,.industrial-action-primary,.quote-cta,.builder-contact,[href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create,.whatsapp-action,[href*="wa.me"],.header-plan-control):not(.kinetic-button:not(.whatsapp-action,[href*="wa.me"],.header-plan-control)+*))+.kinetic-button:not(.primary,.lux-action-primary,.industrial-action-primary,.quote-cta,.builder-contact,[href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create,.whatsapp-action,[href*="wa.me"],.header-plan-control)+.kinetic-button:not(.primary,.lux-action-primary,.industrial-action-primary,.quote-cta,.builder-contact,[href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create,.whatsapp-action,[href*="wa.me"],.header-plan-control){--action-light:229,25,54;background:linear-gradient(115deg,#a4122b,#d91637,#92132a);border-color:#fa36576b;color:#f6f9ff}
:root body .kinetic-button:not(.primary,.lux-action-primary,.industrial-action-primary,.quote-cta,.builder-contact,[href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create,.whatsapp-action,[href*="wa.me"],.header-plan-control):not(.kinetic-button:not(.whatsapp-action,[href*="wa.me"],.header-plan-control)+*):has(+.kinetic-button:not(.primary,.lux-action-primary,.industrial-action-primary,.quote-cta,.builder-contact,[href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create,.whatsapp-action,[href*="wa.me"],.header-plan-control)){--action-light:229,25,54;background:linear-gradient(115deg,#a4122b,#d91637,#92132a);border-color:#fa36576b;color:#f6f9ff}
:root body .kinetic-button:is([href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create)+.kinetic-button:is(.primary,.lux-action-primary,.industrial-action-primary,.quote-cta):not([href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create){--action-light:132,186,222;background:linear-gradient(115deg,#1b344b,#111f32 55%,#203c50);border-color:rgba(var(--action-light),.4);color:#f6f9ff}
:root body .kinetic-button:is(.primary,.lux-action-primary,.industrial-action-primary,.quote-cta):not([href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create):has(+.kinetic-button:is([href*="presini-olustur"],.builder-next,.create-press-link,.press-catalog-create)){--action-light:132,186,222;background:linear-gradient(115deg,#1b344b,#111f32 55%,#203c50);border-color:rgba(var(--action-light),.4);color:#f6f9ff}
:root body .kinetic-button:hover,:root body .kinetic-button:focus-visible{transform:translateY(-2px);border-color:rgba(var(--action-light),.95);box-shadow:inset 0 1px 0 #ffffff20,0 7px 28px rgba(var(--action-light),.22);color:#fff}
:root body .kinetic-button:active{transform:translateY(0) scale(.985)}
:root body .kinetic-button:focus-visible{outline:2px solid rgb(var(--action-light));outline-offset:4px}
:root body .kinetic-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
:root body .kinetic-button>svg{width:20px;height:20px;flex:none;position:relative}
:root body .kinetic-button :is(.action-arrow,.reference-cta-arrow){width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:6px;background:rgba(var(--action-light),.12);color:inherit;font-size:20px;transition:transform .5s,background .5s}
:root body .kinetic-button:is(:hover,:focus-visible) :is(.action-arrow,.reference-cta-arrow){transform:translate(2px,-2px);background:rgba(var(--action-light),.23)}
:root body .header .kinetic-button{font-size:13px;min-height:46px;padding:11px 14px;gap:9px}
:root body .header .create-press-link{animation:none}
:root body .intro-actions .kinetic-button{font-size:15px;min-height:50px;padding:12px 15px;flex:0 0 auto}
:root body .kinetic-button.text-link{margin:0}
.guide-next>div,.finale-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:inherit;gap:12px}
.finale-actions{justify-content:center}
.inner-contact-rail a{transition:transform .5s,box-shadow .5s,border-color .5s}
.inner-contact-rail a:hover{transform:translateY(-3px);box-shadow:0 0 24px #e5193640}
.inner-contact-rail a[href*="wa.me"]:hover{box-shadow:0 0 24px #25d36650}
.phone-action-row :is(a,button),.quantity-control button,.remove-plan-item{transition:background .4s,box-shadow .4s,color .4s}
.phone-action-row :is(a,button):focus-visible,.quantity-control :is(input,button):focus-visible,.remove-plan-item:focus-visible{outline:2px solid #7ddcff;outline-offset:-3px}
.reference-direct .lux-section-head{align-items:end;margin-bottom:36px}
.inner-page .reference-direct h1{font-size:clamp(40px,4vw,66px)}
.reference-direct .eyebrow{margin-bottom:14px}
.reference-direct .lux-section-head>p{font-size:16px;white-space:nowrap}
/* Plan cards keep image, specifications and actions inside one padded surface. */
.plan-main,.quote-panel{min-width:0}
.plan-section-title{align-items:start;flex-wrap:wrap;gap:22px}
.plan-add-actions{display:flex;flex-wrap:wrap;gap:9px}
:root body .plan-add-actions .kinetic-button{font-size:13px;padding:9px 12px;min-height:44px;gap:10px}
.inner-page .plan-section-title h2 .plan-count{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:9px;background:#e5193614;border:1px solid #e5193645;color:#f2b8c2;font:600 15px Manrope;margin-left:12px;padding:4px}
.inner-page .plan-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:20px;padding:24px;margin:0 0 16px;border:1px solid #728aa328;border-radius:16px;background:radial-gradient(ellipse at 0 0,#2b526123,transparent 70%),#10161c}
.inner-page .plan-row>img{width:90px;height:112px;border-radius:10px;object-fit:contain;background:#f0f3f5;padding:5px}
.inner-page .plan-row.is-custom>img{background:linear-gradient(135deg,#25394a,#121f2c);border:1px solid #7093b82b;padding:0}
.plan-row-content .eyebrow{font-size:12px!important;letter-spacing:.12em;line-height:1.5;margin-bottom:10px}
.plan-row-content .eyebrow:before{display:none}
.inner-page .plan-row-content h3{font-size:clamp(21px,1.9vw,29px);line-height:1.25;overflow-wrap:anywhere;letter-spacing:-.03em}
.plan-spec-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.plan-spec-chips span{padding:5px 8px;border:1px solid #7aa3bf26;border-radius:5px;background:#7da0bb08;color:#bdcddc;font-size:12px;overflow-wrap:anywhere}
.custom-plan-details{margin-top:17px}.custom-plan-details summary{font-size:14px;line-height:1.6;color:#8bdaff}.custom-plan-details[open] summary{margin-bottom:16px}
.plan-spec-list{margin:0}.plan-spec-list>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;border-bottom:1px solid #ffffff10;padding:10px 0;font-size:13px;line-height:1.6}.plan-spec-list dt{color:#91a5b7}.plan-spec-list dd{margin:0;color:#e4eef6;white-space:pre-wrap;overflow-wrap:anywhere}
.plan-row-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid #ffffff12}
.plan-quantity{display:flex;align-items:center;gap:10px;color:#a7b9c8;font-size:12px}
.quantity-control{border-radius:8px;overflow:hidden;background:#070e14;border:1px solid #7596b23b;min-height:42px}
.quantity-control button{width:36px;height:42px;color:#e3f4ff;font-size:20px;cursor:pointer}.quantity-control button:hover{background:#7ad9ff20}.quantity-control input{width:52px;height:42px;font-size:16px}.quantity-control button:disabled{opacity:.3;cursor:not-allowed}
.plan-item-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
:root body .plan-item-actions .kinetic-button{min-height:42px;font-size:13px;padding:9px 12px;gap:8px}
.remove-plan-item{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:9px 10px;border:1px solid #ffffff18;border-radius:8px;background:transparent;color:#a9b8c6;text-decoration:none;font:13px Manrope;cursor:pointer}.remove-plan-item svg{width:15px;height:15px}.remove-plan-item:hover{color:#ffa1af;background:#ed274a12;border-color:#ed274a55}
.plan-summary{padding:20px;border:1px solid #ffffff18;border-radius:12px;background:#141b22}.plan-summary strong{color:#e5f4ff}.inner-page .plan-device-note{font-size:14px;line-height:1.8}
.plan-mini-row img{border-radius:7px}.plan-mini-row.is-custom img{background:#172839}
.empty-plan .lux-actions{justify-content:center}
.builder-heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:410px}.builder-heading-actions .builder-contact{font-size:13px}
.builder-leave-dialog{position:fixed;inset:0;width:min(520px,calc(100vw - 32px));max-height:calc(100svh - 40px);overflow:auto;margin:auto;padding:36px;border:1px solid #7a96b83b;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#16456770,transparent 70%),#101820;color:#fff;box-shadow:0 32px 100px #000a}
.builder-leave-dialog::backdrop{background:#02060cd4;backdrop-filter:blur(8px)}
.inner-page .builder-leave-dialog h2{font-size:30px;line-height:1.3;letter-spacing:-.04em}
.inner-page .builder-leave-dialog p:not(.eyebrow){font-size:16px;margin-top:18px;line-height:1.7;color:#b9c8d7}.builder-leave-dialog .eyebrow{font-size:12px}
.builder-leave-dialog .lux-actions{margin-top:28px;gap:10px}
@keyframes action-light-pass{0%,60%{transform:translateX(-60%)}95%,100%{transform:translateX(60%)}}
@keyframes action-border-breathe{0%,100%{opacity:.18}50%{opacity:.7}}
@media(max-width:1150px){.inner-page .plan-workspace{grid-template-columns:1fr}.plan-row{max-width:none}.plan-add-actions{margin-left:auto}.inner-page .plan-row{grid-template-columns:110px minmax(0,1fr)}.inner-page .plan-row>img{width:110px;height:130px}}
@media(max-width:760px){:root body .header .kinetic-button{font-size:11px;min-height:42px;padding:9px 8px;gap:5px}:root body .header .header-cta{display:none}:root body .kinetic-button{font-size:14px;min-height:48px;padding:11px 14px}:root body .intro-actions .kinetic-button{font-size:14px;padding:10px 12px;min-height:46px}.builder-heading-actions{align-items:flex-start;max-width:none;margin-top:22px}.builder-heading-actions .builder-contact{font-size:12px}.inner-page .plan-row{grid-template-columns:64px minmax(0,1fr);padding:18px;gap:14px}.inner-page .plan-row>img{width:64px;height:84px}.plan-row-controls{margin-left:-78px;margin-top:20px}.plan-row-content .eyebrow{font-size:10px!important}.plan-spec-list>div{grid-template-columns:1fr;gap:4px}.plan-section-title{display:block}.plan-add-actions{margin:20px 0 0}.inner-page .quote-panel{padding:22px}.builder-leave-dialog{padding:28px 22px}.reference-direct .lux-section-head>p{margin-top:16px}.finale-actions{gap:9px}:root body .finale-actions .kinetic-button{font-size:13px;padding:10px 12px;gap:8px}}
@media(prefers-reduced-motion:reduce){:root body .kinetic-button,:root body .kinetic-button:before,:root body .kinetic-button:after{animation:none;transition:none}:root body .kinetic-button:hover{transform:none}}

.lux-contact-grid .contact-card-whatsapp{display:flex;justify-content:center;gap:12px;width:100%;margin-top:18px}
.contact-card-whatsapp .action-arrow{margin-left:auto}
.inner-contact-rail a.contact-shortcut-phone{--contact:#c91034;background:linear-gradient(145deg,#ef173d,#ac0b29);border-color:#f55a77;color:#fff}

/* Planım (2026-09-30): graphite with the brand red instead of the generic blue action style.
   Red edge and glow on hover; the badge turns red when the plan has items and bumps once when one is added. */
:root body .header-plan-control.kinetic-button{--action-light:229,25,54;background:linear-gradient(135deg,#1d2227,#121518 58%,#1b1f23);border-color:#ffffff29;color:#f3f5f7;box-shadow:inset 0 1px 0 #ffffff12,0 6px 18px #0004}
:root body .header-plan-control.kinetic-button:is(:hover,:focus-visible){border-color:#e51936b3;background:linear-gradient(135deg,#23282d,#16191c 58%,#231a1d);box-shadow:inset 0 1px 0 #ffffff16,0 0 0 1px #e519362e,0 10px 26px #e519362b}
:root body .header-plan-control.kinetic-button svg{color:#c9d0d6;transition:color .35s}
:root body .header-plan-control.kinetic-button:is(:hover,:focus-visible) svg{color:#ff5b72}
:root body .header-plan-control .plan-count{position:relative;background:#ffffff14;color:#cdd3d8;transition:background .35s,color .35s,box-shadow .35s}
:root body .header-plan-control.has-items .plan-count{background:#e51936;color:#fff;box-shadow:0 0 0 3px #e5193626,0 0 14px #e5193655}
:root body .header-plan-control .plan-count.is-bumped{animation:plan-bump .62s cubic-bezier(.3,1.7,.5,1)}
:root body .header-plan-control .plan-count.is-bumped:after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #ff3a57;animation:plan-ring .75s ease-out forwards;pointer-events:none}
@keyframes plan-bump{0%{transform:scale(1)}35%{transform:scale(1.38)}100%{transform:scale(1)}}
@keyframes plan-ring{from{transform:scale(1);opacity:.9}to{transform:scale(2.3);opacity:0}}
@media(prefers-reduced-motion:reduce){:root body .header-plan-control .plan-count.is-bumped,:root body .header-plan-control .plan-count.is-bumped:after{animation:none}}
/* The animated logo (its triangle flies every 10 s) repaints on its own small layer, not the whole header. */
.header .brand img{will-change:transform}