/* Palette and gentle interaction measured from elotek.com.tr/iletisim. */
:root{--ink:#283024;--teal:#78863e;--mint:#b7c576;--muted:#697168;--paper:#f5f6f0;--line:#d6dbd1;--dark:#283024;--elotek-card-border:#d6dbd1;--elotek-card-surface:#fff;--elotek-card-radius:20px}
body{background-color:#f5f6f0;color:#283024}
.payment-methods{background:#f5f6f0;border-top:1px solid #d8ddd2;padding:22px 0;color:#283024}.payment-methods-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.payment-methods-copy{display:flex;align-items:center;gap:12px;flex:none}.payment-symbol{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#283024;color:#b7c576}.payment-symbol svg{width:23px;height:23px}.payment-methods-copy strong{font-size:13px;font-weight:700;line-height:1.5}.payment-methods-copy p{font-size:10px;color:#697168;margin:4px 0 0;line-height:1.6}.payment-logos{display:flex;align-items:center;gap:18px;min-width:0;justify-content:flex-end}.payment-logos .iyzico-logo{width:142px;height:auto;object-fit:contain;flex:none;filter:none;background:transparent}.payment-logo-divider{width:1px;height:35px;background:#d6dbd1;flex:none}.payment-logos .payment-card-logos{width:min(520px,100%);height:auto;min-width:0;object-fit:contain;filter:none;background:transparent}@media(max-width:850px){.payment-methods-inner{flex-wrap:wrap;gap:20px}.payment-logos{justify-content:flex-start;width:100%}.payment-logos .payment-card-logos{max-width:calc(100% - 180px)}}@media(max-width:600px){.payment-methods{padding:20px 0}.payment-logos{flex-wrap:wrap;gap:16px}.payment-logos .iyzico-logo{width:130px}.payment-logo-divider{display:none}.payment-logos .payment-card-logos{width:100%;max-width:100%}}
.site-header{background:#f5f6f0f5;border-color:#d8ddd2;backdrop-filter:blur(12px)}
.main-nav ul{background:#fff;border-color:#d6dbd1;box-shadow:0 4px 16px #28302406}
.main-nav a{color:#384035;transition:transform .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}
.main-nav a:hover,.main-nav a:focus-visible{background:#eef1e8;border-color:#aab39f;color:#283024;transform:translateY(-2px);box-shadow:0 5px 12px #2830240d}
.main-nav .current-menu-item>a,.main-nav .current_page_item>a{background:#78863e;color:#fff;border-color:#78863e}
.main-nav .current-menu-item>a:hover,.main-nav .current_page_item>a:hover{background:#697735;color:#fff}
.main-nav a:after,.main-nav a:hover:after,.main-nav .current-menu-item>a:after,.main-nav .current_page_item>a:after{display:block!important;content:''!important;position:absolute;left:8px;right:auto;top:2px;bottom:auto;height:2px;background:#78863e;width:calc(100% - 16px);transform:scaleX(0);transform-origin:center;transition:transform .28s ease;border:0;border-radius:2px;clip-path:none;pointer-events:none}
.main-nav a:hover:after,.main-nav a:focus-visible:after{transform:scaleX(1)}
.main-nav .current-menu-item>a:after,.main-nav .current_page_item>a:after{background:#c8d581}
.contact-page h1,.contact-page h2,.support-page h1,.support-page h2,.solutions-page h1,.solutions-page h2,.about-content h1,.about-content h2,.about-content h3{color:#283024}
.contact-page p,.support-page p,.solutions-intro p:not(.eyebrow),.solution-family-card>p:not(.eyebrow),.about-content p{color:#697168}
.eyebrow,.about-content .about-eyebrow{color:#78863e}
.contact-hero aside{background:linear-gradient(145deg,#283024,#323c2e);border-color:#465141;color:white;box-shadow:0 20px 40px #28302414}
.contact-hero aside h2,.contact-hero aside a{color:#fff}.contact-hero aside p,.contact-hero aside .contact-fax{color:#a3ada0}.contact-hero aside .contact-availability{color:#b7c576}.contact-availability i{background:#20d576}
.contact-hero aside a{border:1px solid #465141;border-radius:10px;background:#30392d;padding:10px 12px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.contact-hero aside a:hover{transform:translateX(3px);background:#354031;border-color:#67745f}
.site-footer{background:#283024}.about-process h2,.about-process h3{color:#fff}.about-process p{color:#bccbac}
/* The line is decorative; content and product photographs retain their layout. */
:is(.contact-channel-grid>article,.support-topic,.solution-family-card,.about-expertise-card,.about-metric,.product-choice-grid>article,.solution-spec-grid>article,.woocommerce ul.products li.atelier-product,.credentials .container>div,.solutions .solution-card){position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
:is(.contact-channel-grid>article,.support-topic,.solution-family-card,.about-expertise-card,.about-metric,.product-choice-grid>article,.solution-spec-grid>article,.woocommerce ul.products li.atelier-product,.credentials .container>div,.solutions .solution-card):after{content:'';position:absolute;top:0;left:0;width:46px;height:3px;background:#78863e;transition:width .28s ease;pointer-events:none;z-index:4}
@media(hover:hover){
 :is(.contact-channel-grid>article,.support-topic,.solution-family-card,.about-expertise-card,.about-metric,.product-choice-grid>article,.solution-spec-grid>article,.woocommerce ul.products li.atelier-product,.credentials .container>div,.solutions .solution-card):hover{transform:translateY(-4px);border-color:#aab39f;box-shadow:0 12px 25px #28302412}
 :is(.contact-channel-grid>article,.support-topic,.solution-family-card,.about-expertise-card,.about-metric,.product-choice-grid>article,.solution-spec-grid>article,.woocommerce ul.products li.atelier-product,.credentials .container>div,.solutions .solution-card):hover:after{width:100%}
}
:is(.contact-channel-grid>article,.support-topic,.solution-family-card,.about-expertise-card,.product-choice-grid>article,.solution-spec-grid>article,.woocommerce ul.products li.atelier-product,.solutions .solution-card):focus-within{border-color:#aab39f;box-shadow:0 8px 20px #28302410}
:is(.contact-channel-grid>article,.support-topic,.solution-family-card,.about-expertise-card,.product-choice-grid>article,.solution-spec-grid>article,.woocommerce ul.products li.atelier-product,.solutions .solution-card):focus-within:after{width:100%}
.contact-channel-grid article>a svg,.family-action svg,.support-topic-more svg{transition:transform .2s ease}
.contact-channel-grid article:hover>a svg,.solution-family-card:hover .family-action svg,.support-topic:hover .support-topic-more svg{transform:translateX(4px)}
.button:not([href*="wa.me"]){transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
@media(hover:hover){.button:not([href*="wa.me"]):hover{transform:translateY(-2px);box-shadow:0 8px 20px #28302412}}
@media(prefers-reduced-motion:reduce){.main-nav a,.main-nav a:after,.contact-hero aside a,.button,:is(.contact-channel-grid>article,.support-topic,.solution-family-card,.about-expertise-card,.about-metric,.product-choice-grid>article,.solution-spec-grid>article,.woocommerce ul.products li.atelier-product,.credentials .container>div,.solutions .solution-card),:is(.contact-channel-grid>article,.support-topic,.solution-family-card,.about-expertise-card,.about-metric,.product-choice-grid>article,.solution-spec-grid>article,.woocommerce ul.products li.atelier-product,.credentials .container>div,.solutions .solution-card):after{transition:none!important;transform:none!important}}
/* Payment strip sits above the final copyright row, inside the footer. */
.solutions .solution-expand.solution-open{position:absolute;inset:auto 12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 24px);min-width:0;min-height:44px;margin:0;padding:10px 14px;border:1px solid #b8c48a;border-radius:12px;background:#eef2df;color:#34412b;clip-path:none;font:600 14px/1.3 Manrope,sans-serif;box-shadow:none;transition:background .2s,color .2s,border-color .2s}
.solutions .solution-expand.solution-open svg{width:18px;height:18px;flex-shrink:0;transition:transform .2s}
.solutions .solution-card{padding-bottom:76px}
@media(min-width:901px){.solutions .solution-deck{height:auto;min-height:440px}.solutions .solution-card{min-height:440px}}
.solutions .solution-expand.solution-open:hover,.solutions .solution-expand.solution-open:focus-visible{background:#c6d58c;border-color:#c6d58c;color:#283024}
.solutions .solution-expand.solution-open:hover svg{transform:translateX(3px)}
.solutions .solution-expand.solution-open[aria-expanded=true]{background:#78863e;border-color:#78863e;color:#fff}
.solutions .solution-expand.solution-open:focus-visible{outline:3px solid #c6d58c;outline-offset:3px}
html[lang^=de] .main-nav a{padding-inline:8px;white-space:nowrap}
html[lang^=de] .solution-copy h3{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.solutions .solution-expand.solution-open,.solutions .solution-expand.solution-open svg{transition:none;transform:none}}
.site-footer .payment-methods{margin-top:0;border-top:0;border-radius:0;padding:20px 24px}.site-footer .payment-methods-inner{width:100%;margin:0}.site-footer .payment-methods-copy strong{color:#283024}.site-footer .payment-methods-copy p{color:#697168}.site-footer .footer-bottom{padding-top:20px}@media(max-width:600px){.site-footer .payment-methods{padding:20px 16px}}
/* Full-width payment background; contents align with the footer columns. */
.site-footer .payment-methods{width:100%;padding:20px 0}.site-footer .payment-methods-inner{width:min(1320px,calc(100% - 56px));margin-inline:auto}@media(max-width:600px){.site-footer .payment-methods-inner{width:calc(100% - 30px)}}
