/* ÜRETİLMİŞ DOSYA — elle düzenleme: storage/app/private/devtools/mac/footer_ortak/ek.css, sonra uret.py. */
/* Ortak footer (Mobilya/Modave görünümü) Mobilya dışı ailelerde: renkler temanın token'larından. */
footer.sf-ortak { --main: var(--ink); --secondary: var(--muted); --secondary-2: #a0a0a0; --white: #fff; --primary: var(--accent); --surface: var(--bg); --critical: var(--danger); --facebook-cl: #3b5998; --twitter-cl: #000; --instagram-cl: #e1306c; --tiktok-cl: #000; --pinterest-cl: #e60023; --youtube-cl: #ff0000; --whatsapp-cl: #25d366; --linked_in-cl: #0a66c2; }
@font-face { font-family: 'sf-icomoon'; src: url('/themes/furniture/fonts/icomoon.woff?tey8qv') format('woff'), url('/themes/furniture/fonts/icomoon.ttf?tey8qv') format('truetype'); font-weight: normal; font-style: normal; font-display: block; }
footer.sf-ortak [class^="icon-"], footer.sf-ortak [class*=" icon-"] { font-family: 'sf-icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
footer.sf-ortak .icon-mail:before { content: "\e92b"; }
footer.sf-ortak .icon-phone:before { content: "\e92c"; }
footer.sf-ortak .icon-arrowUpRight:before { content: "\e936"; }
footer.sf-ortak .icon-youtube:before { content: "\ea9d"; }
footer.sf-ortak .icon-x:before { content: "\e931"; }
footer.sf-ortak .icon-whatsapp:before { content: "\ea93"; }
footer.sf-ortak .icon-instagram:before { content: "\e932"; }
footer.sf-ortak .icon-fb:before { content: "\e92f"; }
footer.sf-ortak .container { width: 100%; max-width: none; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
@media (min-width: 576px) { footer.sf-ortak .container { max-width: 540px; } }
@media (min-width: 768px) { footer.sf-ortak .container { max-width: 720px; } }
@media (min-width: 992px) { footer.sf-ortak .container { max-width: 960px; } }
@media (min-width: 1200px) { footer.sf-ortak .container { max-width: 1140px; } }
@media (min-width: 1400px) { footer.sf-ortak .container { max-width: 1320px; } }
footer.sf-ortak .row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-top: 0; }
footer.sf-ortak .row > * { flex: 0 0 auto; width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; margin-top: 0; }
@media (min-width: 768px) { footer.sf-ortak .row > .col-md-6 { width: 50%; } }
@media (min-width: 992px) { footer.sf-ortak .row > .col-lg { flex: 1 0 0%; width: auto; } footer.sf-ortak .row > .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } }
footer.sf-ortak .w-100 { width: 100% !important; } footer.sf-ortak .mb-4 { margin-bottom: 1.5rem !important; } footer.sf-ortak .border-0 { border: 0 !important; } footer.sf-ortak .fw-6 { font-weight: 600 !important; }
.sf-ortak .text-button {font-size: 16px; line-height: 26px; font-weight: 600;}
.sf-ortak .text-btn-uppercase {font-size: 12px; line-height: 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.1em;}
.sf-ortak .text-caption-1 {font-size: 14px; line-height: 22px;}
.sf-ortak .font-2 {font-family: "Instrument Sans", sans-serif !important;}
.sf-ortak .text-secondary {color: var(--secondary) !important;}
.bg-main.sf-ortak {background-color: var(--main) !important;}
.sf-ortak .letter-0 {letter-spacing: 0px !important;}
footer.sf-ortak .footer-wrap {border-top: 1px solid var(--line);}
footer.sf-ortak .footer-body {padding: 80px 0;}
footer.sf-ortak .footer-bottom-wrap {padding-top: 14px; border-top: 1px solid var(--line); padding-bottom: 17px; display: flex; gap: 15px 30px; justify-content: space-between; align-items: center; flex-wrap: wrap;}
footer.sf-ortak .footer-bottom-wrap .left {display: flex; gap: 15px 40px; align-items: center; flex-wrap: wrap;}
footer.sf-ortak .footer-infor {display: flex; flex-direction: column; gap: 16px;}
footer.sf-ortak .footer-infor .footer-logo > a {display: flex;}
footer.sf-ortak .footer-address {display: flex; flex-direction: column; gap: 8px;}
footer.sf-ortak .tf-btn-default {letter-spacing: 0.1em; padding-bottom: 2px;}
footer.sf-ortak .tf-btn-default i {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--main);}
footer.sf-ortak .tf-btn-default:hover i {color: var(--primary) !important; transform: rotate(45deg);}
footer.sf-ortak .tf-btn-default.style-white i {color: var(--white);}
footer.sf-ortak .footer-info {display: flex; flex-direction: column; gap: 8px;}
footer.sf-ortak .footer-info li {display: flex; align-items: center; gap: 12px;}
footer.sf-ortak .footer-info li i {color: var(--main); font-size: 20px;}
footer.sf-ortak .footer-menu {display: flex; gap: 15px;}
footer.sf-ortak .footer-menu .footer-menu_item {color: var(--secondary);}
footer.sf-ortak .footer-menu .footer-menu_item:hover {color: var(--primary);}
footer.sf-ortak .footer-menu .footer-menu-list {display: flex; flex-direction: column; gap: 8px;}
footer.sf-ortak .footer-newsletter {display: flex; flex-direction: column; gap: 16px;}
footer.sf-ortak .tf-payment ul img {width: 38px; height: 24px;}
footer.sf-ortak .footer-heading {margin-bottom: 12px;}
footer.bg-main.sf-ortak .footer-wrap {border: 0;}
footer.bg-main.sf-ortak .footer-heading {color: var(--white);}
footer.bg-main.sf-ortak .footer-info li i {color: var(--white);}
footer.bg-main.sf-ortak .tf-cart-checkbox a {color: var(--white);}
footer.bg-main.sf-ortak .tf-cart-checkbox label {color: var(--secondary-2);}
footer.bg-main.sf-ortak p {color: var(--secondary-2);}
footer.bg-main.sf-ortak .footer-newsletter p a {color: var(--white);}
footer.bg-main.sf-ortak .footer-menu .footer-menu_item {color: var(--secondary-2);}
footer.bg-main.sf-ortak .footer-menu .footer-menu_item:hover {color: var(--primary);}
footer.bg-main.sf-ortak .footer-bottom-wrap {border-color: rgba(255, 255, 255, 0.1);}
footer.bg-main.sf-ortak .sf-baslik-mobil::after,
footer.bg-main.sf-ortak .sf-baslik-mobil::before {background-color: var(--white);}
.sf-ortak .tf-payment {display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.sf-ortak .tf-payment ul {display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}
.sf-ortak .tf-payment ul img {width: 36px;}
.sf-ortak .tf-btn-default {display: flex; align-items: center; gap: 4px; font-size: 12px; line-height: 20px;}
.sf-ortak .tf-btn-default i {font-size: 20px;}
.sf-ortak .tf-btn-default:hover {color: var(--primary);}
.sf-ortak .tf-btn-default.style-white {color: var(--white);}
.sf-ortak .tf-btn-default.style-white:hover {color: var(--primary);}
.sf-ortak .btn-style-2 {display: flex; align-items: center; justify-content: center; width: max-content; padding: 14px 15px; border-radius: 999px; background-color: var(--main); color: var(--white); letter-spacing: 0.1em; border: 0;}
.sf-ortak .btn-style-2:hover {background-color: var(--primary); color: var(--white);}
.sf-ortak .btn-style-2.btn-lg-2 {padding: 15px;}
.sf-ortak .form-newsletter input {font-size: 14px !important; height: 56px !important; border-radius: 999px; border: 1px solid var(--main); padding-right: 56px;}
.sf-ortak .form-newsletter button {position: absolute; top: 4px; right: 4px; width: 48px; height: 48px; border-radius: 50%; font-size: 24px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--main);}
.sf-ortak .form-newsletter.style-black input {background-color: var(--main) !important; border: 1px solid var(--white) !important; color: var(--white) !important;}
.sf-ortak .form-newsletter.style-black button {background-color: var(--white); color: var(--main);}
.sf-ortak .form-newsletter.style-black button:hover {color: var(--white); background-color: var(--main); border: 1px solid var(--white);}
.sf-ortak .tf-cart-checkbox {display: flex; align-items: center; cursor: pointer;}
.sf-ortak .tf-cart-checkbox .tf-checkbox-wrapp {min-width: 1.6rem; place-items: center; position: relative; overflow: hidden; display: flex;}
.sf-ortak .tf-cart-checkbox .tf-checkbox-wrapp input {cursor: pointer; display: block; width: 18px; height: 18px; transition: 0.2s ease-in-out; background-color: var(--white); opacity: 0;}
.sf-ortak .tf-cart-checkbox .tf-checkbox-wrapp input:checked + div {background-color: var(--main);}
.sf-ortak .tf-cart-checkbox .tf-checkbox-wrapp input:checked + div i {transform: scale(1);}
.sf-ortak .tf-cart-checkbox .tf-checkbox-wrapp div {position: absolute; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; transition: 0.25s ease-in-out; z-index: 5; border: 1px solid var(--line); background-color: var(--white); color: var(--white); pointer-events: none;}
.sf-ortak .tf-cart-checkbox .tf-checkbox-wrapp div i {font-size: 11px; transform: scale(0);}
.sf-ortak .tf-cart-checkbox label {font-weight: 400; cursor: pointer;}
.sf-ortak .tf-cart-checkbox label a {text-decoration: underline; text-underline-offset: 2px;}
.sf-ortak .tf-cart-checkbox .wrap-content {display: none;}
.sf-ortak .tf-social-icon {--facebook-cl: rgb(59, 89, 152); --twitter-cl: rgb(85, 85, 85); --instagram-cl: linear-gradient(#8a3ab9, #e95950, #fccc63); --threads-cl: rgb(224, 53, 102); --youtube-cl: rgb(205, 32, 31); --tiktok-cl: linear-gradient(#25f4ee, #000, #fe2c55); --tiktok-cl2: rgb(254, 44, 85); --pinterest-cl: rgb(203, 32, 39); --tumblr-cl: rgb(55, 69, 92); --vimeo-cl: rgb(26, 183, 234); --snapchat-cl: rgb(255, 221, 0); --whatsapp-cl: rgb(0, 230, 118); --linked_in-cl: rgb(23, 106, 255); --wechat-cl: rgb(26, 173, 24); --reddit-cl: rgb(255, 69, 0); --line-cl: rgb(0, 195, 77); --spotify-cl: rgb(30, 125, 96); display: flex; gap: 8px; flex-wrap: wrap;}
.sf-ortak .tf-social-icon .social-facebook:hover {background: var(--facebook-cl); color: var(--white); border: none;}
.sf-ortak .tf-social-icon .social-twiter:hover {background: var(--twitter-cl); color: var(--white); border: none;}
.sf-ortak .tf-social-icon .social-instagram:hover {background: var(--instagram-cl); color: var(--white); border: none;}
.sf-ortak .tf-social-icon .social-tiktok:hover {background: var(--tiktok-cl); color: var(--white); border: none;}
.sf-ortak .tf-social-icon .social-pinterest:hover {background: var(--pinterest-cl); color: var(--white); border: none;}
.sf-ortak .tf-social-icon .social-amazon:hover {background: var(--main); color: var(--white); border: none;}
.sf-ortak .tf-social-icon .social-youtube:hover {background: var(--youtube-cl); color: var(--white); border: none;}
.sf-ortak .tf-social-icon a {display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; font-size: 20px; color: var(--main); border: 1px solid var(--main); border-radius: 50%;}
.sf-ortak .tf-social-icon.style-white a {color: var(--white); border-color: var(--white);}
@media (min-width: 1200px) {
.footer.sf-ortak .footer-menu {gap: 100px;}
}
@media only screen and (max-width: 991px) {
footer.sf-ortak .footer-menu {margin-bottom: 30px;}
footer.sf-ortak .footer-menu > div {width: 50%;}
footer.sf-ortak .footer-infor {margin-bottom: 30px;}
footer.sf-ortak .footer-body {padding: 40px 0;}
}
@media only screen and (max-width: 767px) {
.footer.sf-ortak .sf-baslik-mobil {display: block; position: relative;}
.footer.sf-ortak .sf-baslik-mobil::after {position: absolute; content: ""; right: 10px; top: 50%; transform: translateY(-50%); width: 12px; height: 1px; background-color: var(--main); transition: 0.25s ease-in-out;}
.footer.sf-ortak .sf-baslik-mobil::before {position: absolute; content: ""; right: 15px; top: 50%; transform: translate(-50%, -50%); width: 1px; height: 12px; background-color: var(--main); transition: 0.25s ease-in-out;}
.footer.sf-ortak .footer-col-block.open .sf-baslik-mobil::before {opacity: 0;}
.footer.sf-ortak .footer-col-block.open .sf-baslik-mobil::after {transform: translate(0%, -50%) rotate(180deg);}
.footer.sf-ortak .footer-col-block .tf-collapse-content {display: none;}
.footer.sf-ortak .footer-menu {flex-direction: column; gap: 18px; margin-bottom: 18px;}
.footer.sf-ortak .footer-menu > div {width: 100%;}
}
/* EK (ek.css) */
/* Mobilya tabanı (paketin body/a/p/ul/input/button kuralları) — öteki paketlerin genel kuralları footer'a sızmasın.
   :where() ile en düşük öncelik: paketin sınıflı footer kuralları (yukarıda) bunları yener, Mobilya'daki gibi. */
footer.sf-ortak { font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: normal; text-align: start; padding: 0; }
:where(footer.sf-ortak) p { margin: 0; font-size: inherit; line-height: inherit; }
:where(footer.sf-ortak) ul, :where(footer.sf-ortak) ol { margin: 0; padding: 0; list-style: none; }
:where(footer.sf-ortak) li { list-style: none; }
:where(footer.sf-ortak) a { display: inline-block; text-decoration: none; cursor: pointer; transition: all .3s ease; color: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; }
:where(footer.sf-ortak) label { margin-bottom: 0; }
:where(footer.sf-ortak) img { max-width: 100%; height: auto; }
:where(footer.sf-ortak) input[type=email] { outline: 0; box-shadow: none; font-size: 16px; line-height: 26px; border-radius: 8px; padding: 9px 16px; width: 100%; background: var(--white); color: var(--main); font-weight: 400; border: 2px solid var(--line); transition: all .3s ease; }
:where(footer.sf-ortak) button { transition: all .3s ease; background-color: var(--main); color: var(--white); padding: 15px 32px; border-radius: 99px; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 16px; line-height: 26px; font-weight: 600; text-transform: capitalize; }
:where(footer.sf-ortak) button .icon { font-size: 22px; }
:where(footer.sf-ortak) button:hover { background-color: transparent; color: var(--main); }
@media (max-width: 991px) { :where(footer.sf-ortak) button { padding: 12px 20px; font-size: 14px; line-height: 22px; } :where(footer.sf-ortak) button .icon { font-size: 18px; } }
/* Yapı Market paketi aynı adlı sınıflara kendi ölçüsünü veriyor: Mobilya'nın değerine döner. */
@media (min-width: 992px) { footer.sf-ortak .footer-infor { margin-bottom: 0; } }
footer.sf-ortak .footer-bottom { position: static; }
footer.sf-ortak .footer-newsletter form { position: relative; }
/* Yapı Market paketinin `form input[...]` kuralı (iç boşluk 15/23) bülten kutusuna da iniyordu. */
footer.sf-ortak .footer-newsletter input[type=email] { padding: 9px 56px 9px 16px; }
footer.sf-ortak .footer-info li i { line-height: 1; }
:where(footer.sf-ortak) fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
/* Electro paketi simge yazı tipini doğrudan ::before'a veriyor: footer simgeleri Mobilya'nın yazı tipiyle. */
footer.sf-ortak [class^="icon-"]::before, footer.sf-ortak [class*=" icon-"]::before { font-family: 'sf-icomoon' !important; }
/* Bülten ok düğmesi Mobilya'daki gibi dolu (Yapı Market paketinin düğme kuralı saydam yapıyordu); koyu varyantı paketteki style-black kuralı verir. */
footer.sf-ortak .form-newsletter button { background-color: var(--main); color: var(--white); }
footer.sf-ortak .form-newsletter button:hover { background-color: transparent; color: var(--main); }
/* Yapı Market paketi telefonda sütun bloğuna çizgi + 16px boşluk veriyor; Mobilya'da yok. */
footer.sf-ortak .footer-col-block { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
/* Footer Düzeni bağlantı listesi Mobilya'da düz blok (aralıksız); Yapı Market paketi ızgara + 8px veriyordu.
   Yedek yoldaki `.footer-menu .footer-menu-list` (esnek, 8px) daha özgül olduğu için etkilenmez. */
footer.sf-ortak .footer-menu-list { display: block; }