/*
    Theme Name: RAFCART - Multipurpose eCommerce HTML Template
    Author: ProgrammingKit
    Support: rsl.ahmed383@gmail.com
    Description: Multipurpose eCommerce HTML Template
    Version: 1.1
*/



/* Fontlar — latin + latin-ext (Türkçe ş/ğ/İ/Ş/Ğ latin-ext alt kümesinde).
   2026-09-25: önceden sadece latin alt kümesi yüklüydü (Türkçe harfler yedek fonta düşüyordu)
   ve Roboto 500/600/700 hepsi Regular dosyasına bağlıydı (başlıklar kalın görünemiyordu). */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins/poppins-v24-latin-regular.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/poppins/poppins-v24-latin-ext-400.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins/poppins-v24-latin-500.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/poppins/poppins-v24-latin-ext-500.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins/poppins-v24-latin-600.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/poppins/poppins-v24-latin-ext-600.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins/poppins-v24-latin-700.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/poppins/poppins-v24-latin-ext-700.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/poppins/poppins-v24-latin-800.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/poppins/poppins-v24-latin-ext-800.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/roboto/roboto-v51-latin-var.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/roboto/roboto-v51-latin-ext-var.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* Poppins gelene kadar metni aynı genişlikte çizen yedek fontlar (2026-10-07). Preloader kaldırılınca font geçişi
   başlığı 3 satırdan 4 satıra çıkarıp sayfayı ~47 px aşağı itiyordu (CLS). Değerler Poppins / Arial / Roboto
   dosyalarından fontTools ile hesaplandı, Arial değerleri tarayıcıda gerçek Türkçe metinle kalibre edildi (kerning dahil, sapma < %0,2). */
@font-face { font-family: 'Poppins Fallback'; src: local('Arial'), local('ArialMT'); font-weight: 400; size-adjust: 110.68%; ascent-override: 94.87%; descent-override: 31.62%; line-gap-override: 9.04%; }
@font-face { font-family: 'Poppins Fallback'; src: local('Arial'), local('ArialMT'); font-weight: 500; size-adjust: 110.56%; ascent-override: 94.97%; descent-override: 31.66%; line-gap-override: 9.04%; }
@font-face { font-family: 'Poppins Fallback'; src: local('Arial Bold'), local('Arial-BoldMT'); font-weight: 600; size-adjust: 105.40%; ascent-override: 99.62%; descent-override: 33.21%; line-gap-override: 9.49%; }
@font-face { font-family: 'Poppins Fallback'; src: local('Arial Bold'), local('Arial-BoldMT'); font-weight: 700; size-adjust: 107.41%; ascent-override: 97.76%; descent-override: 32.59%; line-gap-override: 9.31%; }
@font-face { font-family: 'Poppins Fallback'; src: local('Arial Bold'), local('Arial-BoldMT'); font-weight: 800; size-adjust: 109.80%; ascent-override: 95.63%; descent-override: 31.88%; line-gap-override: 9.11%; }
@font-face { font-family: 'Poppins Fallback Android'; src: local('Roboto'), local('Roboto-Regular'); font-weight: 400; size-adjust: 112.52%; ascent-override: 93.32%; descent-override: 31.11%; line-gap-override: 8.89%; }
@font-face { font-family: 'Poppins Fallback Android'; src: local('Roboto'), local('Roboto-Regular'); font-weight: 500; size-adjust: 114.34%; ascent-override: 91.83%; descent-override: 30.61%; line-gap-override: 8.75%; }
@font-face { font-family: 'Poppins Fallback Android'; src: local('Roboto Bold'), local('Roboto-Bold'); font-weight: 600; size-adjust: 113.59%; ascent-override: 92.44%; descent-override: 30.81%; line-gap-override: 8.80%; }
@font-face { font-family: 'Poppins Fallback Android'; src: local('Roboto Bold'), local('Roboto-Bold'); font-weight: 700; size-adjust: 115.22%; ascent-override: 91.13%; descent-override: 30.38%; line-gap-override: 8.68%; }
@font-face { font-family: 'Poppins Fallback Android'; src: local('Roboto Bold'), local('Roboto-Bold'); font-weight: 800; size-adjust: 116.60%; ascent-override: 90.05%; descent-override: 30.02%; line-gap-override: 8.58%; }


:root {
    /* --primary-color: #fd3d57;
	--secondary-color: #18181b; */
    --primary-color: #E51A4B;
    --secondary-color: #434242;
    --ternary-color: #727271;
    /* --ucuncu-renk: #17A2B8; */
    --primary-color-rgb: 229, 26, 75;
    --secondary-color-rgb: 114, 114, 113;
    --ucuncu-renk-rgb: 51, 102, 102;
    --ucuncu-renk: #336666;

    --bambaski-red: #E51A4B;
    --bambaski-dark: #434242;
    --bambaski-gray: #727271;
    --bambaski-teal: #336666;
}



body {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: var(--secondary-color);
    overflow-x: hidden;
}

button:focus,
a:focus,
input:focus,
textarea,
select {
    outline: none;
}

a {
    text-decoration: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: var(--primary-color);
}

/*a:hover{*/
/*    color: #f38493;*/
/*}*/
textarea:focus {
    -webkit-box-shadow: 0px 0px 2px var(--primary-color) !important;
    box-shadow: 0px 0px 2px var(--primary-color) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", sans-serif;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.text-semibold {
    font-weight: 500 !important;
}

.font-normal {
    font-weight: 400 !important;
}

.text-green {
    color: #08b54c !important;
}

.text-yellow {
    color: #f6bc3e !important;
}

.text-color {
    color: var(--primary-color) !important;
}

.bg-color {
    background-color: var(--primary-color) !important;
}

.shadow_sm {
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
}

.top_2 {
    top: 2px !important;
}

.text_md {
    font-size: 15px !important;
    line-height: 24px;
}

.text_lg {
    font-size: 16px !important;
}

.text_xl {
    font-size: 18px !important;
}

.text_2xl {
    font-size: 22px !important;
}

.text_xs {
    font-size: 14px !important;
}

.text_p {
    color: #464545 !important;
}

.default_link {
    color: var(--secondary-color);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.default_link:hover {
    color: var(--primary-color);
}

.text_black {
    color: var(--secondary-color);
}

.section_padding {
    padding: 56px 0;
}

.section_padding_b {
    padding-bottom: 56px;
}

.section_padding_t {
    padding-top: 56px;
}

input:focus,
textarea:focus {
    -webkit-box-shadow: 0px 0px 2px var(--primary-color) !important;
    box-shadow: 0px 0px 2px var(--primary-color) !important;
}

/* Preloader */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.preloader img {
    max-width: 100%;
}

/* header */
header {
    position: relative;
}

.logo img {
    width: 220px;
}

.search_wrap {
    position: relative;
}

.search_suggest {
    position: absolute;
    left: 0;
    top: 56px;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    border-radius: 0 0 3px 3px;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
}

.search_container_dt {
    position: absolute;
    top: -70px;
    z-index: 30;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 700px;
    overflow-y: auto;
}

.searchBoxMenu {}

.searchBoxMenu a {
    color: var(--secondary-color);
    padding: 5px 10px;
    display: block;
    width: 100%;
}

.searchBoxMenu a:hover {
    color: #fff;
    background-color: var(--primary-color);
}

.searchBoxMenu a.active {
    color: #fff;
    background-color: var(--primary-color);
}

.search_suggest.active {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.search {
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    width: 675px;
}

.search_category {
    width: 145px;
    border-right: 1px solid var(--primary-color);
    background: #fff;
    border-radius: 6px 0 0 6px;
}

.search_category select {
    width: 100%;
    border: none;
    padding: 11px 14px;
    font-size: 15px;
}

.search_category select:focus {
    outline: 0;
}

.search_category .nice-select {
    border-radius: 5px;
    font-size: 14px;
    height: 42px;
    line-height: 43px;
    margin-top: 2px;
    padding-left: 18px;
    padding-right: 30px;
    width: 100%;
    border: none;
}

.search_input {
    position: relative;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.search_input input {
    width: 100%;
    padding: 10px 40px 10px 20px;
    border: none;
    font-size: 14px;
    border-radius: 4px;
}

.search_icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    /* tıklanabilir olmasın */
    font-size: 16px;
}

.search_input input::-webkit-input-placeholder {
    font-size: 14px;
}

.search_input input::-moz-placeholder {
    font-size: 14px;
}

.search_input input:-ms-input-placeholder {
    font-size: 14px;
}

.search_input input::-ms-input-placeholder {
    font-size: 14px;
}

.search_input input::placeholder {
    font-size: 14px;
}

.search_input input:focus {
    outline: 0;
}

.search_subimt {
    width: 142px;
}

.search_subimt button {
    border: none;
    background-color: var(--primary-color);
    width: 100%;
    display: block;
    padding: 10px 15px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0 5px 5px 0;
}

.search_suggest .search_result_product {
    height: auto;
    padding: 0;
    width: 100%;
}

a.single_sresult_product:hover {
    background: #f2f0f0;
}

.single_sresult_product:last-child {
    border-bottom: none;
}

.header_icon a.icon_wrp span {
    display: block;
    position: relative;
    font-size: 24px;
    color: var(--secondary-color);
}

.header_icon a.icon_wrp span.icon img {
    height: 30px;
    width: 30px;
}

.header_icon a.icon_wrp span.icon_text {
    font-size: 11px;
    line-height: 10px;
    margin-top: 4px;
}

.header_icon a.icon_wrp {
    position: relative;
    margin-left: 20px;
    display: block;
    color: var(--secondary-color);
    padding: 20px 0;
}

.header_icon a.icon_wrp:hover {
    color: var(--primary-color);
}

.header_icon a.icon_wrp .pops {
    position: absolute;
    right: -8px;
    top: 13px;
    font-size: 11px;
    background: var(--primary-color);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: white;
}

.header_icon a.icon_wrp.wishlist .pops {
    right: 0;
}

/* navbar */
nav {
    background-color: var(--secondary-color);
}

.all_category {
    width: 200px;
    background-color: var(--primary-color);
    position: relative;
}

.all_category .bars {
    padding: 15px;
}

.all_category .bars .icon_text {
    font-size: 16px;
}

.all_category .bars .icon {
    font-size: 18px;
    margin-right: 10px;
}

.nav_bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 29px;
}

.nav_bar li {
    position: relative;
}

.nav_bar>li>a {
    display: block;
    color: #e1e1e1;
    text-transform: capitalize;
    margin: 0 10px;
    padding: 15px 10px;
}

.nav_bar>li:hover>a {
    color: #ffffff;
}

.nav_bar .subnav {
    position: absolute;
    left: 0;
    top: 100%;
    /* min-width: 200px; */
    background-color: #fff;
    padding: 12px 0;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 16px rgb(0 0 0 / 6%);
    box-shadow: 0px 0px 16px rgb(0 0 0 / 6%);
    opacity: 0;
    visibility: hidden;
    margin-top: 15px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-radius: 3px;
    min-width: 170px;
}

.single_subnav {
    min-width: 140px;
}

.nav_bar li:hover .subnav {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.nav_bar .subnav li a {
    font-size: 15px;
    display: block;
    padding: 1px 16px;
    color: var(--secondary-color);
    border-left: 2px solid #fff;
    white-space: nowrap;
}

.nav_bar .subnav li:hover a {
    color: var(--primary-color);
}

.nav_bar>li.withsubs>a>span {
    position: absolute;
    top: 15px;
    right: 2px;
    font-size: 13px;
}

.sub_categories {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 15px 0;
    top: 100%;
    background-color: #ffffff;
    margin-top: 15px;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    -webkit-box-shadow: 0 0 5px #00000020;
    box-shadow: 0 0 5px #00000020;
}

.all_category:hover .sub_categories {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.sub_categories .singlecats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    width: 100%;
    text-decoration: none;
    color: var(--secondary-color);
    padding-left: 25px;
    border-bottom: 1px dotted #c8c8ce;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sub_categories .singlecats:last-child {
    border-bottom: none;
}

.sub_categories .singlecats .img_wrp {
    width: 45px;
}

.sub_categories .singlecats .img_wrp i {
    font-size: 21px;
    color: #f4cad0;
}

.sub_categories .singlecats .img_wrp img {
    height: 20px;
}

.sub_categories .singlecats span {
    font-size: 15px;
}

.sub_categories .singlecats:hover {
    background-color: #efefef;
}

.sub_categories .singlecats .wsicon {
    font-size: 14px;
    margin-left: auto;
    margin-right: 2px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.myacc_cont {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    padding: 20px 15px;
    border-radius: 3px;
    width: 205px;
    z-index: 2;
    -webkit-box-shadow: 2px 4px 10px #00000020;
    box-shadow: 2px 4px 10px #00000020;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.myacwrap:hover .myacc_cont {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.ac_join p {
    font-family: Roboto;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    font-weight: 500;
}

.account_btn .default_btn {
    padding: 1px 15px;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 500;
    min-width: 84px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.ac_links a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    margin-top: 7px;
    font-size: 15px;
    color: #464545;
    padding-left: 32px;
}

.ac_links i {
    position: absolute;
    width: 20px;
    left: 0;
    top: 3px;
    font-size: 20px;
}

.ac_links {
    padding-top: 10px;
}

.ac_links a:hover {
    color: var(--primary-color);
}

.ac_links .myac img {
    top: 5px;
}

/* mega menu */

.mega_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 200px;
    background: #ffffff;
    border: 1px solid #e9e4e4;
    border-radius: 5px;
    width: 976px;
    height: 100%;
    padding: 20px;
    margin-left: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.sub_categories .singlecats:hover .mega_menu {
    margin-left: 0px;
    opacity: 1;
    visibility: visible;
    cursor: default;
}

.sub_categories .singlecats:hover .wsicon {
    margin-right: -2px;
}

.single_mega_menu {
    width: 32%;
}

.mega_menu_wrap .mm-baslik {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 10px;
    font-weight: 500;
}

.mega_categories a {
    width: max-content;
    display: block;
    font-size: 15px;
    color: #453e3e;
    line-height: 1.4;
    margin-bottom: 9px;
}

.mega_categories a:hover {
    color: var(--primary-color);
}

.mega_menu_wrap:first-child {
    margin-bottom: 20px;
}

.mega_brands {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.mega_brnd_img {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 12px;
}

.mega_brnd_img img {
    width: 100%;
    height: 42px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-shadow: 0 0 9px #00000014;
    box-shadow: 0 0 9px #00000014;
}

/* hero area */
.hero_area {
    background-position: center bottom;
    background-size: cover;
    min-height: 520px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hero_content h1 {
    font-size: 56px;
    line-height: 64px;
    font-weight: 500;
    margin-bottom: 16px;
}

.hero_btn {
    margin-top: 40px;
}

.hero_img img {
    width: 100%;
}

.single_hero_slider.bg-1 {
    background: #cccccc;
}

.single_hero_slider.bg-2 {
    background: #7cc8f8ba;
}

.single_hero_slider.bg-3 {
    background: rgba(253, 61, 87, 0.19);
}

/* features area */

.feature_icon img {
    width: 50px;
    max-height: 45px;
}

.feature_icon {
    min-width: 50px;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    font-size: 30px;
}

.feature_content h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
}

.feature_content p {
    font-size: 13px;
    color: #6b6b6b;
    margin: 0;
    line-height: 1;
}

.single_feature {
    min-height: 90px;
    border: 1px solid var(--primary-color);
    border-radius: 3px;
}

/* section title */
.section_title {
    text-align: center;
    position: relative;
    margin-bottom: 70px;
}

.section_title h2 {
    font-size: 32px;
    text-transform: uppercase;
}

.section_title::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120px;
    height: 2px;
    background: var(--primary-color);
}

h2.section_title_3 {
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

/* offer area */

.offerimg img {
    width: 200px;
    height: 180px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.single_offercard:hover .offerimg img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.single_offercard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fbe3e4;
    padding: 24px 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.single_offercard.bg_2 {
    background: #edecec;
}

.offertext .offer_pers {
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 8px;
    color: var(--primary-color);
}

.offertext h4 {
    font-size: 22px;
    line-height: 26px;
    color: var(--secondary-color);
}

.offertext p {
    font-size: 15px;
    line-height: 16px;
    color: #464545;
    margin-bottom: 20px;
}

.offerimg {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

/* shop by category */
.single_shopbycat {
    height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.single_shopbycat::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #00000060;
}

.shopcat_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.shopcat_cont .icon {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.shopcat_cont h4 {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 0;
}

.single_shopbycat:hover .shopcat_cont .icon {
    opacity: 1;
    margin-left: 8px;
}

/* product design */
.topariv_img {
    position: relative;
}

.topariv_img img {
    width: 100%;
}

.persof {
    position: absolute;
    left: 15px;
    top: 15px;
    background: #28a745;
    padding: 8px;
    border-radius: 3px;
    font-size: 15px;
    color: #fff;
    line-height: 16px;
    z-index: 1;
}

.adto_wish {
    height: 30px;
    width: 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px #0000;
    box-shadow: 0 0 10px #0000;
    font-size: 16px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 15px;
    color: var(--primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.topariv_cont {
    padding: 16px;
}

.topariv_cont h4 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.topariv_cont a {
    color: var(--secondary-color);
}

.topariv_cont a:hover {
    color: var(--primary-color);
}

.topariv_cont p {
    font-size: 15px;
    color: #464545;
    margin-bottom: 10px;
}

.single_toparrival {
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 3px;
    overflow: hidden;
}

.full_atc_btn button {
    width: 100%;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    border-radius: 0 0 3px 3px;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    padding: 8px 0;
    text-transform: uppercase;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.full_atc_btn button:hover {
    background-color: transparent;
    color: var(--primary-color);
}

.topariv_cont .org_price {
    font-weight: 600;
    font-size: 20px;
}

.product_slider_2 .single_toparrival {
    margin: 0 15px;
}

.product_slider_2 {
    margin-left: -15px;
    margin-right: -15px;
}

/* product design 2*/

.single_product {
    border: 1px solid #dddddd;
    border-radius: 5px;
    text-align: center;
    height: 358px;
}

.product_slider .single_product {
    width: 100%;
    margin: 0 15px;
}

.product_img {
    position: relative;
    padding: 20px;
    background: #fbfbfb;
    border-radius: 5px 5px 0 0;
}

.prodcut_hovcont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #e5e5e58c;
    z-index: 1;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.product_img img {
    width: 200px;
    height: 180px;
    -o-object-fit: contain;
    object-fit: contain;
}

.product_content {
    padding: 20px 5px;
    padding-top: 30px;
    position: relative;
}

.product_content a {
    text-decoration: none;
    color: #000;
}

.product_content h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

.price {
    line-height: 22px;
    margin-bottom: 5px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}

.price span.prev_price {
    font-size: 14px;
    color: #687188;
    text-decoration: line-through;
}

.price span.org_price {
    color: var(--primary-color);
    margin-right: 5px;
}

.prodcut_hovcont a {
    margin: 0 8px;
    height: 40px;
    width: 40px;
    background: var(--primary-color);
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.prodcut_hovcont a:hover {
    background: var(--secondary-color);
}

.rating_star span {
    font-size: 16px;
    color: #f6bc3e;
}

.rating_count {
    font-size: 14px;
    margin-left: 9px;
    margin-bottom: 0;
    color: #687188;
}

.default_btn {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
    padding: 8px 24px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 15px;
    transition: 0.5s;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;

}

.default_btn_hover {

    border: 1px solid var(--primary-color) !important;
}

.default_btn_hover:hover {

    border: 1px solid var(--primary-color) !important;
}

.default_btn:hover,
.default_btn.second {
    background-color: transparent;
    color: var(--primary-color);
}

.default_btn.second:hover {
    background: var(--primary-color);
    color: #fff;
}

.default_btn.xs_btn {
    min-width: 80px;
    padding: 6px 15px;
}

.product_adcart {
    opacity: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 65px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-top: 15px;
}

.single_product:hover .ratprice {
    opacity: 0;
}

.single_product:hover .product_adcart,
.single_new_arrive:hover .prodcut_hovcont {
    opacity: 1;
    margin-top: 0;
}

.single_product:hover .prodcut_hovcont {
    opacity: 1;
}

.product_area {
    padding: 50px 0;
    overflow-x: hidden;
}

/* banner ad */
.offer_banner_area img {
    width: 100%;
}

/* footer */
footer {
    background: #f3f3f3;
    padding: 56px 0;
}

footer.colored {
    background: var(--primary-color) 1a;
}

.footer_logo img {
    width: 220px;
}

.footet_text p {
    font-size: 15px;
    line-height: 1.5;
    color: var(--secondary-color);
    margin-bottom: 0;
    margin-top: 16px;
}

.footer_menu a {
    color: var(--secondary-color);
    font-size: 15px;
    display: block;
    text-decoration: none;
    line-height: 24px;
    margin-bottom: 12px;
}

.footer_menu a:last-child {
    margin-bottom: 0;
}

h4.footer_title {
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 9px;
    text-transform: uppercase;
}

.download_img img {
    width: 150px;
}

.download_img a {
    margin-right: 20px;
}

.footer_social h5 {
    color: #ffffff;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
}

.footer_icon a {
    width: 32px;
    height: 32px;
    font-size: 15px;
    display: block;
    border-radius: 50%;
    margin-right: 12px;
    text-align: center;
    line-height: 32px;
    color: #ffffff;
}

a.facebook {
    background: #3b5998;
}

a.twitter {
    background: #00acee;
}

a.instagram {
    background: #d53982;
}

.footer_menu a:hover {
    color: var(--primary-color);
}

.footer_contact p {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    color: var(--secondary-color);
    position: relative;
    padding-left: 32px;
    margin-bottom: 13px;
}

.footer_contact p span.txt {
    font-weight: 500;
}

.footer_contact .icn {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 17px;
}

.footer_icon {
    margin-top: 6px;
}

form.footernews_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footernews_form button {
    padding: 6px 10px;
    border-radius: 0 5px 5px 0;
    min-width: 105px;
}

.footernews_form input {
    padding: 5px 15px;
    font-size: 13px;
    width: 230px;
    border: 1px solid #c7c7c7;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    background-color: transparent;
    color: var(--secondary-color);
}

.footernews_form input:focus {
    border-color: #909090;
}

.footernews_form input::-webkit-input-placeholder {
    color: #a5a5a5;
}

.footernews_form input::-moz-placeholder {
    color: #a5a5a5;
}

.footernews_form input:-ms-input-placeholder {
    color: #a5a5a5;
}

.footernews_form input::-ms-input-placeholder {
    color: #a5a5a5;
}

.footernews_form input::placeholder {
    color: #a5a5a5;
}

.footer_newslet h4 {
    font-size: 18px;
    color: var(--secondary-color);
    margin-top: 24px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

footer.white {
    background: #ffffff;
    border: 1px solid #e9e4e4;
}

/* slider setting */
.product_slider {
    margin-left: -15px;
    margin-right: -15px;
}

.slick-slide:focus,
.slick-track:focus {
    outline: 0;
}

.banner_slider button.slick-arrow,
.product_slider_2 button.slick-arrow {
    position: absolute;
    z-index: 1;
    font-size: 25px;
    color: var(--secondary-color);
    top: 50%;
    left: 15px;
    border: none;
    background: transparent;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.banner_slider button.slick-arrow:hover {
    color: var(--primary-color);
}

.banner_slider button.slick-next.slick-arrow,
.product_slider_2 button.slick-next.slick-arrow {
    left: auto;
    right: 15px;
}

/* custom checkbox */
.custom_check label {
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}

.custom_check label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    border: 1px solid #c5c4c4;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.custom_check .check_inp:checked+label:after {
    border: none;
    background-image: url("../images/check.png");
}

.custom_check.check_2 label:after {
    border: none;
    width: 18px;
    background-image: url("../images/checkbox-empty.png");
}

.custom_check.check_2 .check_inp:checked+label:after {
    background-image: url("../images/checkbox.png");
}

.custom_check.radio label:after {
    border: none;
    background-image: url("../images/radio-empty.png");
}

.custom_check.radio .check_inp:checked+label:after {
    background-image: url("../images/radio.png");
}

/* shop */
.shop_wrap {
    position: relative;
}

/* shop sidebar */
h4.filter_title {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.shop_filter {
    padding-bottom: 16px;
    border-bottom: 1px solid #e9e4e4;
    margin-bottom: 16px;
}

.filter_list .custom_check {
    margin-bottom: 8px;
}

.filter_list .custom_check:last-child {
    margin-bottom: 0;
}

.custom_check p {
    font-size: 15px;
    line-height: 26px;
}

.view_filter .view_icon {
    font-size: 24px;
    width: 40px;
    height: 32px;
    border: 1px solid #c1c1c1;
    text-align: center;
    border-radius: 3px;
    margin-left: 10px;
    color: #717171;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.view_filter .view_icon.active {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #ffffff;
}

.sorting_filter .nice-select {
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    width: 210px;
}

button#mobile_filter_btn {
    padding: 7px 10px;
    min-width: 150px;
}

.close_filter {
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
    color: var(--primary-color);
}

/* price range slider */

.price-range-slider {
    width: 100%;
    margin-top: 25px;
}

.ui-widget.ui-widget-content {
    border: none;
    background: #dddddd;
    height: 8px;
}

.price-range-slider .range-bar .ui-slider-handle {
    -webkit-box-shadow: 0px 0px 154px rgba(0, 0, 0, 0.22), 0px 0px 67.1344px rgba(0, 0, 0, 0.1485), 0px 0px 25.025px rgba(0, 0, 0, 0.11), 0px 0px 8.90312px rgba(0, 0, 0, 0.0715);
    box-shadow: 0px 0px 154px rgba(0, 0, 0, 0.22), 0px 0px 67.1344px rgba(0, 0, 0, 0.1485), 0px 0px 25.025px rgba(0, 0, 0, 0.11), 0px 0px 8.90312px rgba(0, 0, 0, 0.0715);
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
}

.price-range-slider .range-bar .ui-slider-handle:focus {
    outline: none;
}

.price-range-slider .range-bar .ui-slider-range {
    background-color: var(--primary-color);
}

.price-range-slider .range-value {
    margin-top: 16px;
    margin-bottom: 0;
}

.price-range-slider .range-value input {
    border: none;
    font-size: 16px;
    font-weight: 500;
}

/* price-range-slider */

/* size select box */
.single_size_opt label {
    /* width: 24px; */
    height: 24px;
    line-height: 24px;
    border: 1px solid #e9e4e4;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    margin: 0px 5px;
    padding: 0px 5px;

}

.single_size_opt .size_inp:checked+label {
    border: none;
    background: var(--primary-color);
    color: #ffffff;
}

.color_selector .single_size_opt .size_inp:checked+label {
    border: 2px solid #eceef0;
    -webkit-box-shadow: 0 0 0 2px var(--primary-color);
    box-shadow: 0 0 0 2px var(--primary-color);
}

.single_size_opt .size_inp:disabled+label {
    border: none;
    background: #f3f2f2;
    color: #bebebe;

}

/* shop products */
.shop_products {
    margin-top: 24px;
}

.shop_products .single_product {
    margin-bottom: 30px;
}

/* pagination design */
.pagination_wrp .single_paginat {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    border: 1px solid #e9e4e4;
    text-align: center;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.pagination_wrp {
    margin-top: 20px;
}

.pagination_wrp .single_paginat:hover,
.pagination_wrp .single_paginat.active {
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
}

/* list product design */
.single_list_product .product_content {
    padding: 20px 30px 20px 0;
}

.single_list_product .product_content h5 {
    font-size: 20px;
    line-height: 33px;
    margin-bottom: 6px;
}

.single_list_product .price span.org_price {
    font-size: 18px;
}

.single_list_product .price span.prev_price {
    font-size: 16px;
}

.list_product_img img {
    width: 200px;
    height: 200px;
    -o-object-fit: contain;
    object-fit: contain;
}

.single_list_product {
    border: 1px solid #e9e4e4;
    margin-bottom: 30px;
}

p.product_list_desc {
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
}

.list_product_img {
    background: #fafafa;
    min-height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
}

button.list_product_btn {
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
    padding: 6px 15px;
    font-size: 13px;
    border-radius: 5px;
    margin-right: 10px;
    font-weight: 500;
    min-width: 135px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}

button.list_product_btn.disable {
    background: var(--primary-color);
    cursor: not-allowed;
    border-color: var(--primary-color);
}

button.list_product_btn.disable:hover {
    background-color: var(--primary-color);
    color: #fff;
}

button.list_product_btn .icon {
    margin-right: 5px;
}

button.list_product_btn.wish {
    background: transparent;
    color: var(--primary-color);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

button.list_product_btn.wish:hover {
    background: var(--primary-color);
    color: #fff;
}

button.list_product_btn:hover {
    background: transparent;
    color: var(--primary-color);
}

/* shopping cart */
.shop_cart_title {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 70px;
    background: #e9e4e4;
}

.shop_cart_title.wishlist_ttl span:first-child {
    width: 22%;
}

.shop_cart_title.wishlist_ttl span:nth-child(2) {
    width: 39%;
}

.single_shop_cart,
.cart_summary {
    border: 1px solid #e9e4e4;
    border-radius: 5px;
    padding: 20px;
    padding-bottom: 15px;
}

.single_shop_cart {
    margin-top: 24px;
}

.cart_summary {
    padding-bottom: 15px;
}

.cart_summary h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 14px;
    font-weight: 600;
}

.cartsum_text p {
    margin-bottom: 5px;
}

.cart_img {
    max-width: 150px;
    background: transparent;
    margin-right: 30px;
}

.cart_img img {
    width: 100%;
    max-height: 105px;
    -o-object-fit: contain;
    object-fit: contain;
}

.cart_cont {
    width: 320px;
}

.shop_cart_wrap.wishlist .cart_cont {
    width: 400px;
}

.cart_cont h5 {
    font-size: 17px;
    margin-bottom: 12px;
    text-transform: uppercase;
    line-height: 1.4;
    font-weight: 500;
    color: var(--secondary-color);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.cart_cont h5:hover {
    color: var(--primary-color);
}

.cart_cont p.price {
    font-size: 15px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    color: var(--primary-color);
    margin-bottom: 0px;
}

.cart_qnty .cart_qnty_btn {
    font-size: 17px;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
    border: 1px solid #e9e4e4;
}

.cart_qnty .cart_count {
    font-size: 14px;
    width: 42px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #e9e4e4;
    border-left: 0;
    border-right: 0;
}

.cart_price p {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    color: var(--primary-color);
}

.cart_remove {
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.cart_remove:hover {
    color: var(--primary-color);
}

.cart_qnty_btn:hover {
    background: #dadada;
}

.cart_price {
    min-width: 100px;
    text-align: right;
}

.cart_sum_total p {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.cart_sum_total {
    padding-top: 12px;
    border-top: 1px solid #e9e4e4;
    margin-bottom: 5px;
    margin-top: 4px;
}

.cart_sum_coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.cart_sum_coupon input {
    width: 65%;
    border-radius: 5px 0 0 5px;
    border: 1px solid #e9e4e4;
    font-size: 13px;
    padding: 5px 10px;
}

.cart_sum_coupon button {
    width: 35%;
    border: none;
    background: var(--primary-color);
    border-radius: 0 5px 5px 0;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid var(--primary-color);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.cart_sum_coupon button:hover {
    background: transparent;
    color: var(--primary-color);
}

.cart_sum_pros button {
    width: 100%;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    text-align: center;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.cart_sum_pros {
    margin-bottom: 10px;
}

.cart_sum_pros button:hover {
    background: transparent;
    color: var(--primary-color);
}

.wishlist .cart_cont h5 {
    margin-bottom: 0;
}

.cart_cont .instock {
    margin-bottom: 0;
    font-size: 14px;
    color: #464545;
}

.cart_cont .instock span {
    color: #28a745;
}

.cart_cont .instock span.outstock {
    color: var(--primary-color);
}

.shop_cart_title.sopcart_ttl span:first-child {
    width: 57%;
}

.shop_cart_title.sopcart_ttl {
    padding-left: 180px;
}

.shop_cart_title.sopcart_ttl span:nth-child(2) {
    width: 22%;
}

/* breadcrums */
.breadcrumbs a {
    color: var(--primary-color);
    font-size: 16px;
    position: relative;
    display: block;
    margin-right: 25px;
}

.breadcrumbs {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.breadcrumbs a:not(.active):after {
    content: "\f105";
    position: absolute;
    right: -17px;
    top: 1px;
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 13px;
    color: var(--secondary-color);
}

.breadcrumbs a.active {
    color: var(--secondary-color);
    margin-right: 0;
}

/* product view page */
.single_viewslider img {
    width: 100%;
    border-radius: 2px;
    background-color: #eceef0;
    height: 460px;
    -o-object-fit: contain;
    object-fit: contain;
}

.single_viewslid_nav img {
    width: 100%;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    background: #eceef0;
}

.product_viewslid_nav {
    margin-top: 15px;

}

.single_viewslid_nav {
    padding: 0 7px;

}

.product_viewslid_nav {
    margin-left: -7px;
    margin-right: -7px;
}

.product_quickview .product_viewslid_nav {
    margin-right: -4px;
}

.product_viewslid_nav button.slick-arrow {
    border: none;
    border-radius: 0;
    top: 50%;
    left: 6px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 5px 11px rgba(0, 0, 0, 0.32);
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    z-index: 1;
}

.product_viewslid_nav:hover button.slick-arrow {
    opacity: 1;
}

.product_viewslid_nav button.slick-next.slick-arrow {
    left: auto;
    right: 5px;
}

.single_viewslid_nav.slick-current img {
    border: 1px solid var(--primary-color);
}

.product_base_info h1 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 10px;
}

.product_top_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_delevary_info {
    width: 226px;
}

.product_base_info .price {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}

.product_base_info .price span.prev_price {
    font-size: 16px;
    font-weight: 500;
}

.product_base_info .rating {
    margin-bottom: 6px;
}

.brand_info {
    margin-bottom: 12px;
    font-size: 16px;
}

.brand_info span {
    margin-right: 10px;
}

.size_selector h5 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px;
}

.product_base_info .cart_qnty p {
    font-size: 16px;
    margin-bottom: 0;
    margin-right: 15px;
}

.delivery_opts {
    background: #f1f1f1;
    padding: 18px 15px;
    margin-bottom: 3px;
}

.delivery_opts h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.single_delivery_opt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
}

.delivery_icon img {
    width: 18px;
}

.delivery_icon {
    width: 38px;
}

.delivery_content h5 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 20px;
}

.delivery_content p {
    font-size: 12px;
    margin: 0;
    line-height: 16px;
}

.delivery_cost {
    margin-left: auto;
    font-size: 13px;
    font-weight: 600;
}

.product_buttons {
    padding: 20px 0;
    border-bottom: 1px solid #e9e4e4;
    margin-top: 6px;
    margin-bottom: 14px;
}

.product_other_info {
    margin-top: 14px;
}

.product_info_wrapper .share_icons.footer_icon a {
    color: var(--secondary-color);
    border: 1px solid #e9e4e4;
}

.product_info_wrapper .share_icons.footer_icon a:hover {
    background: #e9e4e4;
}

.product_other_info p {
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 26px;
}

.product_other_info p span {
    font-weight: 600;
    margin-right: 10px;
}

.share_icons.footer_icon a {
    height: 32px;
    width: 32px;
    font-size: 16px;
    line-height: 32px;
    margin-right: 12px;
}

.pv_tab_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 32px;
}

.pbt_single_btn {
    padding: 10px 15px;
    border: 1px solid var(--secondary-color);
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    margin-right: 8px;
    cursor: pointer;
}

.pbt_single_btn.active {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.pbt_info_text p {
    font-size: 15px;
    line-height: 1.5;
    color: #393838;
    margin-bottom: 16px;
}

.pbt_info_table {
    margin-top: 24px;
}

.pbtit_single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #b2b2b2;
}

.pbtit_single:not(:last-child) {
    border-bottom: none;
}

.pbtit_single p {
    margin-bottom: 0;
    font-size: 14px;
    -height: 18px;
    padding: 12px 15px;
}

.pbtit_single .specs {
    min-width: 190px;
    border-right: 1px solid #b2b2b2;
}

.pb_tab_content {
    display: none;
}

.pb_tab_content.active {
    display: block;
}

.pb_tab_content.qna h4 {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 0;
}

.pbqna_wrp {
    border-bottom: 1px solid #f0f0f0;
    padding: 16px 0;
}

.single_pbqna {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pbqna_content h5 {
    margin: 0;
    font-size: 17px;
    line-height: 1.5;
    color: #393838;
}

.pbqna_content p {
    font-size: 12px;
    line-height: 1.5;
    color: #7d7979;
    margin: 0;
}

.pbqna_icon {
    width: 40px;
}

.pbqna_icon i {
    font-size: 20px;
}

.single_pbqna:first-child {
    margin-bottom: 8px;
}

.pbqna_form textarea {
    width: 100%;
    display: block;
    margin-bottom: 25px;
    border: 1px solid var(--secondary-color);
    border-radius: 5px;
    min-height: 110px;
    padding: 20px;
}

.pbqna_form {
    margin-top: 24px;
}

.review_rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.total_rating {
    margin-right: 50px;
}

.trating_number .avrage {
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    line-height: 41px;
    font-weight: 500;
}

.trating_number .from {
    font-size: 35px;
    line-height: 27px;
    font-family: "Roboto", sans-serif;
    padding-top: 7px;
    margin-left: 4px;
}

.trating_number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.trating_count {
    color: #9e9ea0;
    font-size: 13px;
    line-height: 18px;
}

.rating_pbox {
    width: 150px;
    height: 8px;
    background: #eff0f5;
    margin-left: 14px;
    margin-right: 8px;
    border-radius: 2px;
}

.rating_pbox span {
    height: 8px;
    background: #faca51;
    display: block;
    width: 0;
}

.review_filters {
    width: 160px;
}

.review_filters {
    width: 160px;
}

.review_header {
    padding-bottom: 0px;
    margin-top: 24px;
}

.single_review_wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.review_avatar img {
    width: 70px;
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%;
}

.review_avatar {
    margin-right: 30px;
}

.single_review_wrp {
    margin-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f0f0f0;
}

.review_content h5 {
    font-size: 16px;
}

.review_date {
    font-size: 12px;
    color: #a1a2a3;
    line-height: 15px;
    margin-bottom: 10px;
    margin-top: 4px;
}

.review_body p {
    margin-bottom: 15px;
    color: #393838;
    line-height: 1.5;
    font-size: 16px;
}

.review_imgs img {
    width: 70px;
    height: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #a39e9e;
    border-radius: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.add_review_form {
    margin-top: 50px;
}

.add_review_form h4 {
    font-size: 25px;
    line-height: 1.5;
    margin-bottom: 5px;
}

.add_review_form .rating_star {
    margin-bottom: 15px;
}

.add_review_form .rating_star span {
    cursor: pointer;
}

.add_review_form textarea {
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    min-height: 120px;
    display: block;
}

.add_review_form .files_inp {
    max-width: 470px;
}

.add_review_form .review_submit {
    margin-top: 30px;
}

/* checkout page design */

.single_billing_inp label {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 6px;
}

.single_billing_inp input,
.single_billing_inp textarea {
    font-size: 14px;
    width: 100%;
    display: block;
    padding: 8px 16px;
    border: 1px solid #e9e4e4;
    border-radius: 3px;
    margin-bottom: 5px;
}

.single_billing_inp input.right {
    border: 1px solid #28a745;
}

.single_billing_inp input.wrong {
    border: 1px solid #fb3245;
}

.single_billing_inp label span {
    color: var(--primary-color);
}

.single_billing_inp p.inp_err_msg {
    margin-bottom: 0;
    color: #fb3245;
    font-size: 13px;
    line-height: 1.5;
}

.single_billing_inp {
    margin-bottom: 17px;
}

.checkout_order {
    margin-top: 40px;
    border: 1px solid #e9e4e4;
    border-radius: 3px;
    padding: 24px 16px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.checkout_order h4 {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 150%;
}

.checkout_order h4 {
    font-family: Roboto;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.5;
    border-bottom: 1px solid #e9e4e4;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.checkorder_cont h5 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
}

.checkorder_cont.subtotal-h h5 {
    font-size: 15px;
}

.single_check_order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.checkorder_cont p {
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

p.checkorder_qnty {
    margin-left: auto;
    margin-right: 30px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

p.checkorder_price {
    margin-left: auto;
    min-width: 70px;
    text-align: right;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.5;
}

.single_check_order.subs,
.single_check_order.total {
    border-bottom: 1px solid #e9e4e4;
}

.single_check_order.total h5,
.single_check_order.subs h5 {
    font-weight: 600;
    text-transform: uppercase;
}

.single_check_order.total .checkorder_cont h5,
.single_check_order.total .checkorder_price {
    font-size: 18px;
    line-height: 1.5;
}

.checkorder_agree {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.checkorder_agree label {
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
}

.checkorder_agree input {
    position: relative;
    top: -2px;
    cursor: pointer;
}

/* order complete page */
.order_complete {
    margin-top: 40px;
    text-align: center;
}

.complete_icon img {
    width: 70px;
}

.complete_icon {
    margin-bottom: 25px;
}

.order_complete_content h4 {
    font-family: Roboto;
    font-weight: 500;
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.order_complete_content p {
    font-size: 16px;
    line-height: 1.5;
}

.order_complete_btn {
    margin-top: 30px;
}

/* payment design */
.payment_method_options {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.single_payment_method {
    width: 150px;
    height: 107px;
    border: 1px solid #e9e4e4;
    border-radius: 5px;
    margin-right: 20px;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
    cursor: pointer;
}

.single_payment_method_td {

    border: 1px solid #e9e4e4;
    border-radius: 5px;
    position: relative;
    text-align: center;

    z-index: 1;
    cursor: pointer;
}

.sp_img {
    height: 69px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.single_payment_method .sp_text {
    font-size: 13px;
    color: #393838;
    font-weight: 500;
}

.single_payment_method.active {
    border: 1px solid var(--primary-color);
}

.single_payment_method.active::after {
    content: "\f00c";
    position: absolute;
    right: -8px;
    top: -8px;
    font-family: "Line Awesome Free";
    font-weight: 900;
    color: #fff;
    font-size: 10px;
    z-index: 2;
    background: var(--primary-color);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.single_payment_method_td.active {
    border: 1px solid var(--primary-color);
}

.single_payment_method_td.active::after {
    content: "\f00c";
    position: absolute;
    right: -8px;
    top: -8px;
    font-family: "Line Awesome Free";
    font-weight: 900;
    color: #fff;
    font-size: 10px;
    z-index: 2;
    background: var(--primary-color);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.payment_methods {
    padding: 15px 25px 35px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    display: none;
}

.payment_methods.active {
    display: block;
}

.payment_method_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.payment_method_title h4 {
    margin: 0;
    color: #393838;
    font-size: 16px;
    line-height: 1.5;
}

.payment_method_img img {
    margin-left: 5px;
}

.cash_on_text p {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 15px;
}

/* comming soon */
.comming_soon {
    padding-top: 250px;
    padding-bottom: 250px;
}

/* home page 2 */

/* home 2 header and nav  */
header.home-2 {
    padding: 12px 0;
}

nav.home-2 {
    background: var(--primary-color);
    padding: 0;
}

.home-2 .all_category {
    background: var(--secondary-color);
    border-radius: 5px;
}

.home-2 .all_category .bars {
    padding: 10px 15px;
}

.home-2 .search_category {
    border-right: 1px solid var(--secondary-color);
}

.home-2 .search_subimt button {
    background: var(--secondary-color);
    border-radius: 0 5px 5px 0;
}

.home-2 .header_icon a.icon_wrp {
    color: #fff;
    padding: 12px 0;
}

.home-2 .header_icon a.icon_wrp span {
    color: #fff;
}

.home-2 .header_icon a.icon_wrp .pops {
    background: var(--secondary-color);
    top: 5px;
}

.home-2 .sub_categories.active {
    opacity: 1;
    visibility: visible;
    margin-top: 10px;
}

.home-2 .all_category:hover .sub_categories {
    margin-top: 10px;
}

.home-2 .nav_bar>li>a {
    color: var(--secondary-color);
    font-weight: 500;
    padding-bottom: 10px;
}

.home-2 .nav_bar {
    margin-left: 65px;
}

.home-2 .nav_bar>li:hover>a {
    color: var(--primary-color);
}

.home_2_hero {
    margin-left: 205px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home_2_hero .hero_content h1 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    margin-bottom: 15px;
}

.home_2_hero .hero_content p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 5px;
}

.home_2_hero .hero_btn {
    margin-top: 30px;
}

.home_2_hero .hero_img img {
    max-height: 280px;
    -o-object-fit: contain;
    object-fit: contain;
}

.home_2_hero .hero_content {
    padding: 113px 0;
    padding-left: 110px;
}

.home-2 .tophead_items .nice-select {
    font-weight: 500;
}

.home-2 .tophead_items .nice-select .current {
    font-size: 14px;
}

/* mobile design */
.mobile_logo img {
    width: 120px;
}

.mobile_bottombar .header_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-evenly;
}

.mobile_bottombar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #cacaca;
    padding: 12px 0px;
    z-index: 8;
}

span.sidebarclose {
    position: absolute;
    right: 15px;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
}

.home_2_hero ul.slick-dots button,
.banner_slider ul.slick-dots button {
    display: none;
}

.home_2_hero ul.slick-dots li,
.banner_slider ul.slick-dots li {
    border: 2px solid var(--primary-color);
    background: transparent;
    line-height: 0;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 2px;
}

.home_2_hero ul.slick-dots li.slick-active,
.banner_slider ul.slick-dots li.slick-active {
    background: var(--primary-color);
}

.home_2_hero ul.slick-dots,
.banner_slider ul.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.mobile_bottombar .header_icon a.icon_wrp {
    padding: 0;
}

.banner_slider ul.slick-dots {
    bottom: 25px;
}

/* footer copyright */
.copyright_wrap {
    background: var(--secondary-color);
    padding: 12px 0;
}

.copyright_text {
    font-size: 16px;
    color: #f9f9f9;
    margin-bottom: 0;
}

.payment_method {
    text-align: right;
}

.payment_method img {
    width: 333px;
    display: inline-block;
}

/* mobile search */
.mobile_search_bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
    padding: 30px;
    /* visibility: hidden; */
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.mobile_search_bar.active {
    visibility: visible;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.mobile_search_text p {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #8a8a8a;
}

.mobile_search_text {
    position: relative;
}

.close_mbsearch {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 20px;
}

.mobile_search_bar form input {
    width: 100%;
    display: block;
    border: none;
    border-bottom: 1px solid #c3c3c3;
    padding: 5px 10px;
    padding-left: 0;
    font-size: 18px;
    color: var(--secondary-color);
}

.mobile_search_bar form {
    position: relative;
}

.mobile_search_bar form button {
    position: absolute;
    right: 0;
    top: 3px;
    border: none;
    background: transparent;
}

.single_sresult_product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #ebebeb;
}

.sresult_img {
    width: 90px;
    padding: 10px;
}

.sresult_img img {
    width: 100%;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
}

.sresult_content h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
    color: var(--secondary-color);
}

.search_result_product {
    height: calc(100vh - 160px);
    overflow-y: auto;
    padding-top: 16px;
}

.mobile_search_bar form input:focus {
    border-bottom: 1px solid #696969;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.sresult_content a {
    color: var(--secondary-color);
}

.sresult_content a:hover {
    color: var(--primary-color);
}

.sresult_content {
    padding-left: 8px;
}

/* top ranking */
.section_title_2 {
    font-family: Roboto;
    font-weight: 500;
    font-size: 32px;
    line-height: 1.5;
    text-transform: capitalize;
    color: var(--secondary-color);
    margin-bottom: 30px;
}

.single_topr_title {
    font-size: 18px;
    margin-top: 30px;
    font-weight: 500;
}

.single_top_ranking {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}

.topr_img {
    width: 105px;
    background-color: #f2f0f0;
    position: relative;
    border-radius: 5px;
    padding: 10px;
}

.topr_img img {
    width: 100%;
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain;
}

.topr_img .tag {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 18px;
    background: var(--primary-color);
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-family: "Roboto";
    font-weight: 700;
    font-size: 12px;
    border-radius: 0 5px 0 5px;
}

.topr_content h4 {
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 6px;
}

.topr_content {
    padding-left: 15px;
}

.topr_content .rating_star span {
    font-size: 12px;
    margin-right: 0;
}

.topr_content .rating_count {
    font-size: 12px;
}

.topr_content .price {
    margin-bottom: 0;
    line-height: 1;
}

.topr_content a {
    color: var(--secondary-color);
}

.topr_content a:hover {
    color: var(--primary-color);
}

/* new arrivale */
.single_new_arrive {
    border: 1px solid #dddddd;
    border-radius: 5px;
}

.sna_img {
    position: relative;
    background-color: #f3f3f3;
    padding: 30px 20px;
    border-radius: 5px 5px 0 0;
}

.sna_img img.prd_img {
    width: 100%;
    height: 130px;
    -o-object-fit: contain;
    object-fit: contain;
}

.sna_content {
    padding: 20px 20px;
    height: 125px;
    overflow: hidden;
    position: relative;
}

.sna_content a {
    color: var(--secondary-color);
}

.sna_content a:hover {
    color: var(--primary-color);
}

.sna_content h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 5px;
}

.sna_content .price {
    margin-bottom: 2px;
}

.sna_content .default_btn {
    padding: 7px 15px;
    min-width: 150px;
}

.single_new_arrive:hover .product_adcart {
    opacity: 1;
    margin-top: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.single_new_arrive .product_adcart {
    left: 20px;
    top: 56px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.single_new_arrive:hover .ratprice {
    opacity: 0;
}

.sna_img .tag {
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px 10px;
    background: #ed0020;
    border-radius: 5px 0 5px 0;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    z-index: 2;
}

.ratprice {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/* home 1 account */
.all_category.otherpage .sub_categories_wrp {
    position: absolute;
    width: 100%;
    padding-top: 9px;
}

.all_category.otherpage:hover .sub_categories {
    margin-top: 0;
}

/* download app */
.download_bg {
    background-color: #f3f3f3;
}

.download_cont {
    padding-top: 90px;
    padding-bottom: 105px;
}

.download_left img {
    height: 100%;
    max-height: 450px;
    object-fit: contain;
}

.subscribe_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

form.subscribe_form input {
    width: 100%;
    background: #fff;
    border-radius: 5px 0 0 5px;
    border: 1px solid var(--primary-color);
    border-right: none;
    font-size: 14px;
    padding: 11px 20px;
}

.subscribe_form button {
    min-width: 120px;
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 0 5px 5px 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.download_cont form button:hover {
    background: transparent;
    color: var(--primary-color);
}

.download_links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
}

.download_links img {
    width: 120px;
    border-radius: 5px;
}

/* my account */
.account_profile {
    padding: 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 24px;
}

.acprof_img img {
    width: 100%;
}

.acprof_img {
    width: 50px;
    padding: 5px;
    border: 1px solid #e9e4e4;
    border-radius: 50%;
}

.acprof_cont {
    padding-left: 16px;
}

.acprof_cont p {
    font-size: 15px;
    margin-bottom: 0;
}

.acprof_cont h4 {
    font-size: 17px;
    font-weight: 500;
    margin: 0;
}

.acprof_wrap {
    padding: 24px 16px;
}

.acprof_links a {
    display: block;
    padding-left: 32px;
    font-size: 15px;
    line-height: 22px;
    color: var(--secondary-color);
    margin-bottom: 8px;
    position: relative;
}

.acprof_links a h4 {
    font-size: 18px;
    margin-bottom: 0;
}

.acprof_links a h4 i {
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    font-size: 22px;
}

.acprof_links {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e9e4e4;
}

.acprof_links a:last-child {
    margin-bottom: 0;
}

.acprof_links a.active,
.acprof_links a:hover {
    color: var(--primary-color);
}

.acprof_links:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.prof_info_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
}

.prof_info_title h4 {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

.single_prof_info {
    padding: 24px;
    min-height: 225px;
}

.prof_info_title a {
    color: var(--primary-color);
}

.prof_info_title a:hover {
    text-decoration: underline;
}

.prfo_info_cont p {
    margin-bottom: 0px;
}

.prof_recent_order {
    margin-top: 40px;
    padding: 32px 24px;
}

.prof_recent_order h4 {
    font-size: 18px;
    line-height: 21px;
}

.single_prof_recorder {
    border: 1px solid #e9e4e4;
    margin-top: 24px;
    padding: 32px 24px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr) 130px;
    grid-row-gap: 24px;
    padding-bottom: 22px;
}

.prorder_btn {
    -ms-grid-column: 5;
    grid-column-start: 5;
    -ms-grid-column-span: 1;
    grid-column-end: 6;
    -ms-grid-row-align: center;
    align-self: center;
}

.prorder_img {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.prorder_img img {
    width: 80px;
    height: 50px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 16px;
}

.prorder_btn a {
    color: var(--primary-color);
    font-size: 16px;
    border: 1px solid var(--primary-color);
    border-radius: 3px;
    padding: 8px 24px;
    font-weight: 500;
    font-family: "Roboto";
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.prorder_btn a:hover {
    background: var(--primary-color);
    color: #fff;
}

.prorder_txt h5 {
    font-size: 16px;
    margin-bottom: 6px;
}

.prorder_txt p {
    font-size: 15px;
    margin: 0;
}

.profile_hambarg {
    position: absolute;
    right: 24px;
    top: 18px;
    font-size: 22px;
    color: var(--secondary-color);
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border: 1px solid var(--primary-color);
    height: 32px;
    width: 32px;
    border-radius: 3px;
    text-align: center;
    line-height: 32px;
}

.profile_hambarg:hover {
    color: var(--primary-color);
}

.acprof_info_wrap {
    padding: 32px 24px;
    padding-top: 26px;
}

.acprof_info_wrap.voucher {
    min-height: 400px;
}

.acprof_info_wrap .single_billing_inp .nice_select {
    line-height: 44px;
    height: 44px;
    font-size: 15px;
}

.acprof_info_wrap .single_billing_inp {
    margin-bottom: 20px;
}

.acprof_subbtn {
    margin-top: 12px;
}

.single_billing_inp span.icon {
    position: absolute;
    right: 16px;
    top: 9px;
    font-size: 14px;
    cursor: pointer;
}

/* account order details */
.order_detail_wrapper {
    padding: 32px 24px;
}

h4.od_title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
}

.single_orderdet h5 {
    font-size: 16px;
    margin-bottom: 4px;
}

.single_orderdet p {
    margin: 0;
    font-size: 14px;
}

.sprocess_cont {
    max-width: 618px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.single_sproc_cont p {
    margin-bottom: 0;
    margin-top: 2px;
    font-size: 15px;
}

.single_sproc_cont .sproc_cont_dot {
    width: 15px;
    height: 15px;
    background: #4cae50;
    border-radius: 50%;
}

.single_sproc_cont .sproc_cont_dot.gray {
    background: #e9e4e4;
}

.single_sproc_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.shipping_process {
    margin-top: 70px;
}

.sprosbar {
    position: absolute;
    left: 37px;
    top: 6px;
    right: 35px;
    background: #e9e4e4;
    height: 2px;
    z-index: -1;
}

.sprosbar .sp_fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 2px;
    width: 100%;
    background: #4cae50;
}

.sprocess_tooltip {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #e9e4e4;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 24px;
    margin-top: 32px;
    position: relative;
    background: #fff;
    max-width: 750px;
}

.sprocess_tooltip p {
    margin: 0;
    font-size: 15px;
    color: #464545;
}

.sprocess_tooltip::after {
    position: absolute;
    content: "";
    width: 27px;
    height: 27px;
    border: 1px solid #e9e4e4;
    right: 87px;
    top: -14px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    background: #fff;
}

.orderprod_img img {
    width: 64px;
    height: 64px;
    -o-object-fit: contain;
    object-fit: contain;
}

.order_prodetails {
    margin-top: 70px;
}

.single_orderdet.pdname {
    padding-left: 16px;
}

.padding_default {
    padding: 30px 24px;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
}

.single_orderdet.pdname {
    width: 220px;
}

.nice_select.retorder {
    width: 180px;
    height: 38px;
    line-height: 38px;
}

.nice-select.retorder .option {
    min-height: 38px;
    line-height: 38px;
}

.single_retreq p {
    margin-left: 32px;
    line-height: 1.4;
}

.return_requirement {
    margin-top: 32px;
}

/* rating interaction */
.intaractive_rating .rating-group {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.intaractive_rating .rating__icon {
    pointer-events: none;
}

.intaractive_rating .rating__input {
    position: absolute !important;
    left: -9999px !important;
}

.intaractive_rating .rating__input--none {
    display: none;
}

.intaractive_rating .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 20px;
}

.intaractive_rating .rating__icon--star {
    color: #faca52;
}

.intaractive_rating .rating__input:checked~.rating__label .rating__icon--star {
    color: #ddd;
}

.intaractive_rating .rating-group:hover .rating__label .rating__icon--star {
    color: #faca52;
}

.intaractive_rating .rating__input:hover~.rating__label .rating__icon--star {
    color: #ddd;
}

/* write review page */
.reviewdet_textbox {
    font-size: 13px;
    color: #464545;
    line-height: 1.4;
    padding: 8px 16px;
    border: 1px solid #e9e4e4;
    margin: 0;
    border-radius: 3px;
    display: block;
    width: 100%;
    min-height: 70px;
}

.reviewdet_textbox::-webkit-input-placeholder {
    color: #cac7c7;
}

.reviewdet_textbox::-moz-placeholder {
    color: #cac7c7;
}

.reviewdet_textbox:-ms-input-placeholder {
    color: #cac7c7;
}

.reviewdet_textbox::-ms-input-placeholder {
    color: #cac7c7;
}

.reviewdet_textbox::placeholder {
    color: #cac7c7;
}

.upload_icn img {
    width: 32px;
    display: inline-block;
}

label.upload_img {
    display: block;
    padding: 12px 10px;
    border-radius: 5px;
    border: 1px dashed var(--primary-color);
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding-bottom: 8px;
}

label.upload_img p {
    font-size: 12px;
    color: #464545;
    margin: 0;
}

label.upload_img:hover {
    background: #f9f9f9;
}

.upload_icn {
    margin-bottom: 6px;
}

.img_uproles {
    position: relative;
}

.uproles_content {
    position: absolute;
    width: 330px;
    background: #ffffff;
    padding: 12px;
    top: 31px;
    left: -3px;
    border: 1px solid #e9e4e4;
    opacity: 0;
    visibility: hidden;
}

.uproles_content::after {
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #e9e4e4;
    left: 3px;
    top: -5px;
    z-index: -1;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.uproles_content h4 {
    font-size: 14px;
    line-height: 14px;
}

.uproles_content ul li {
    font-size: 11px;
    list-style: disc;
    line-height: 15px;
    margin-bottom: 3px;
    color: #464545;
}

.uproles_content ul li:last-child {
    margin-bottom: 0;
}

.uproles_content ul {
    padding-left: 20px;
}

.img_uproles:hover .uproles_content {
    opacity: 1;
    visibility: visible;
}

.paymeth_img img {
    width: 70px;
    height: 40px;
    -o-object-fit: cover;
    object-fit: cover;
}

.w-130px {
    width: 130px;
}

/* product slider 2 design */
.product_slider_2 button.slick-arrow {
    left: -38px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    -webkit-box-shadow: 0 0 10px #00000024;
    box-shadow: 0 0 10px #00000024;
}

.product_slider_2 button.slick-arrow:hover {
    background: var(--primary-color);
    color: #fff;
}

.product_slider_2 button.slick-arrow.slick-next {
    right: -40px;
}

/* top header */
.tophead_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tophead_items a {
    color: var(--secondary-color);
    font-size: 14px;
    margin-right: 6px;
    text-transform: capitalize;
}

.tophead_items a:hover {
    color: var(--primary-color);
}

.tophead_items .nice-select {
    color: var(--secondary-color);
    border: none;
    padding: 0;
    padding-right: 30px;
    height: auto;
}

.tophead_items .nice-select .list {
    width: 110px;
}

.tophead_items .nice-select .current {
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.tophead_items .nice-select:hover .current {
    color: var(--primary-color);
}

.tophead_items .nice-select:hover:after {
    border-color: var(--primary-color);
}

.tophead_items a span {
    margin-right: 3px;
}

.top_heaeder {
    border-bottom: 1px solid #f1f1f1;
    padding: 2px 0;
}

/* contact us page */
.contact_banner {
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url("../images/contact-banner.jpg");
    background-size: cover;
    background-position: center;
}

.contact_banner .breadcrumbs {
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.contact_banner h1 {
    color: #fff;
}

.contact_banner .breadcrumbs a.active {
    color: #fff;
}

.contact_banner .breadcrumbs a:after {
    color: #fff;
}




/* contact us page */
.head_banner {
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    background-size: cover;
    background-position: center;
}

.head_banner .breadcrumbs {
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.head_banner h1 {
    color: #fff;
}

.head_banner .breadcrumbs a.active {
    color: #fff;
}

.head_banner .breadcrumbs a:after {
    color: #fff;
}

.title_2 {
    font-size: 28px;
    margin-bottom: 4px;
    line-height: 1.2;
    text-transform: uppercase;
}

.contact_form .footer_contact p {
    color: #464545;
}

.contact_form textarea {
    height: 80px;
}

.title_4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 14px;
    font-weight: 600;
}

/* login */
.bg-facebook {
    background-color: #3b5999;
    border-color: #3b5999;
}

.bg-facebook:hover {
    color: #3b5999;
}

.bg-google {
    border-color: #d85040;
    background-color: #d85040;
}

.bg-google:hover {
    color: #d85040;
}

.dif_regway {
    position: relative;
    text-align: center;
}

.dif_regway .txt {
    display: inline-block;
    background: #fff;
    padding: 0 10px;
    text-transform: uppercase;
}

.dif_regway:after {
    z-index: -1;
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #e9e4e4;
    left: 0;
    top: 13px;
}

/* 404 page */
.page_nfcont h4 {
    font-size: 25px;
}

/* about us */
.team_img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(30, 29, 29, 0.42);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

.single_team:hover .team_img:after {
    opacity: 1;
}

.single_team:hover .team_icons {
    opacity: 1;
    bottom: 16px;
}

.team_img {
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    position: relative;
}

.team_icons {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

.team_icons a {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border-radius: 4px;
    margin: 0 4px;
}

.team_cont h5 {
    font-size: 18px;
    color: var(--secondary-color);
    margin-bottom: 3px;
    margin-top: 20px;
}

.slider-m-margin {
    margin-right: -15px;
    margin-left: -15px;
}

.slider-margin {
    margin-right: 15px;
    margin-left: 15px;
}

/* brand */
.single_brand_slid img {
    width: 180px;
    display: inline-block;
}

/* faq page */
.title_3 {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 0;
}

.accordion-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.125);
}

.accord_wrap {
    padding-bottom: 32px;
}

.accordion-button:not(.collapsed) {
    color: var(--primary-color);
    background-color: #fff;
}

.accordion-button {
    background-color: #fafafa;
}

.accordion-button::after {
    content: "\f067";
    background-image: none;
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-size: 18px;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    content: "\f068";
}

/* order tracking */
.track_status h4 {
    background: #28a745;
    padding: 8px 0;
    text-align: center;
    color: #fff;
}

.track_path {
    width: 650px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-top: 32px;
}

.single_track:nth-child(odd) {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.single_track {
    max-width: 290px;
    padding: 16px;
    position: relative;
    background: #fff;
    border: 1px solid #e9e4e4;
    margin-bottom: 32px;
    width: 100%;
}

.single_track:last-child {
    margin-bottom: 0;
}

.single_track:after {
    content: "";
    position: absolute;
    left: -13px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 24px;
    height: 24px;
    background: white;
    border-left: 1px solid #e9e4e4;
    border-bottom: 1px solid #e9e4e4;
}

.single_track:nth-child(even):after {
    left: auto;
    right: -12px;
    border: none;
    border-right: 1px solid #e9e4e4;
    border-top: 1px solid #e9e4e4;
}

.single_track:before {
    content: "\f00c";
    position: absolute;
    width: 26px;
    height: 26px;
    background: #28a745;
    border-radius: 50%;
    font-family: "Line Awesome Free";
    font-weight: 900;
    color: #fff;
    text-align: center;
    line-height: 26px;
    left: -48px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single_track.pending:before {
    content: "\f12a";
    background-color: #ffc107;
}

.single_track:nth-child(even):before {
    left: auto;
    right: -48px;
}

.track_path:after {
    content: "";
    position: absolute;
    left: 50%;
    height: 100%;
    border-right: 1px dashed #979797;
    z-index: -1;
}

/* product quick view */
.prodquick_wrap {
    width: 100%;
    max-width: 975px;
    padding: 40px 24px;
    border-radius: 3px;
    background: #ffffff;
    max-height: 88vh;
    overflow-y: auto;
}

.product_quickview {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    opacity: 0;
    visibility: hidden;
}

.product_quickview.active {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 1;
    visibility: visible;
}

.disc_tag {
    background: var(--primary-color);
    padding: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    position: relative;
}

.disc_tag::after {
    content: "";
    position: absolute;
    left: -23px;
    top: 2px;
    width: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid var(--primary-color);
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
}

.disc_tag2 {
    background: var(--primary-color);
    padding: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

/* Yukarı bakan ok */
.disc_tag2::after {
    content: "";
    position: absolute;
    bottom: -10px;
    /* oku yukarı taşır */
    left: 43%;
    /* ortalamak için ayar yapabilirsin */
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--primary-color);
}

.close_quickview {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 17px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background: var(--primary-color);
    color: #fff;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
}

.close_quickview:hover {
    color: #fff;
}

/* home 3 */
header.home-3 {
    background: var(--primary-color);
}

.home_2_hero_wrp.home-3 {
    padding-top: 4px;
}

.home-3 .search_subimt button {
    background-color: var(--secondary-color);
}

.home-3 .search_category {
    border-right: 1px solid var(--secondary-color);
}

.home-3 .header_icon a.icon_wrp span {
    color: #fff;
}

.home-3 .header_icon a.icon_wrp .pops {
    background: var(--secondary-color);
}

nav.home-3 {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
}

.home-3 .nav_bar>li>a {
    color: var(--secondary-color);
    font-weight: 500;
}

.home-3 .nav_bar>li>a:hover {
    color: var(--primary-color);
}

.home-3 .all_category {
    background-color: var(--secondary-color);
}

.home-3 .nav_bar {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.home-3 .sub_categories.active {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.home-3 .home_2_hero .hero_content h1 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 15px;
}

.home-3 .home_2_hero {
    min-height: auto;
}

.home-3 .home_2_hero .hero_img img {
    padding-top: 35px;
    width: 100%;
    max-height: 400px;
}

.home-3 .hero_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.home-3 .home_2_hero ul.slick-dots {
    bottom: 24px;
}

.single_bannercol:first-child {
    background: #76a4d8;
}

.single_bannercol h4 {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 5px;
}

.single_bannercol {
    padding: 16px;
    padding-bottom: 19px;
}

.single_bannercol h5 {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    text-transform: uppercase;
}

.bancol_img img {
    width: 190px;
    height: 99px;
    -o-object-fit: contain;
    object-fit: contain;
}

.single_bannercol:last-child {
    background: #eaf1f9;
}

.single_bannercol:last-child h4,
.single_bannercol:last-child h5 {
    color: var(--secondary-color);
}

.bancol_img {
    text-align: center;
}

/* flash sale */
.flash_counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.end_in {
    background: var(--secondary-color);
    border-radius: 3px;
    padding: 4px 16px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    margin-right: 16px;
}

.single_count {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    padding: 8px 5px;
    color: #fff;
    background: var(--primary-color);
    border-radius: 3px;
    margin-right: 8px;
    width: 36px;
    text-align: center;
}

.time_sep {
    color: var(--primary-color);
    margin-right: 8px;
    font-size: 16px;
    font-weight: 500;
}

.seemore_2 a {
    font-weight: 500;
    font-size: 15px;
    color: var(--primary-color);
}

.seemore_2 a span {
    margin-left: 4px;
    font-size: 14px;
}

.home-3 .topariv_img img {
    width: 230px;
    height: 180px;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 24px;
    display: inline-block;
}

.home-3 .topariv_img {
    background: #f7f7f7;
    text-align: center;
}

.qk_view {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    background: var(--secondary-color);
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.qk_view span i {
    font-size: 18px;
    margin-right: 4px;
}

.qk_view span {
    margin-right: 3px;
}

.prod_soh {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(43, 45, 66, 0.48);
    opacity: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.single_toparrival:hover .prod_soh {
    opacity: 1;
}

.cat2_img {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.cat2_img img {
    width: 56px;
    height: 56px;
    -o-object-fit: contain;
    object-fit: contain;
}

.single_category_2 {
    padding: 16px;
}

.single_category_2 {
    display: block;
    padding: 16px;
    text-align: center;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-radius: 3px;
}

.single_category_2 h5 {
    margin-top: 16px;
    font-size: 18px;
    line-height: 21px;
    color: var(--secondary-color);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.single_category_2:hover h5 {
    color: var(--primary-color);
}

/* best selling */
.single_bestprod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
}

.single_bestprod:last-child {
    margin-bottom: 0;
}

.bestprod_img {
    width: 112px;
    padding: 16px;
    background: #f7f7f7;
    border-radius: 8px;
    text-align: center;
}

.bestprod_img img {
    width: 65px;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
}

.bestprod_content {
    padding-left: 16px;
}

.bestprod_title {
    padding-bottom: 8px;
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 24px;
}

/* popup */
.popup_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99;
    padding: 0 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.popup_wrap.active {
    opacity: 1;
    visibility: visible;
}

.popup_container {
    position: relative;
    width: 100%;
    max-width: 700px;
    background: #fff;
    padding: 66px 24px;
    background-image: url(../images/popup-bg.jpg);
    background-size: 250px;
    background-repeat: no-repeat;
    background-position: 97% center;
    border-radius: 5px;
}

.popup_content {
    width: 100%;
    max-width: 380px;
    text-align: center;
}

.popup_content h2 {
    font-size: 40px;
    line-height: 50px;
}

.close_popup {
    position: absolute;
    right: 13px;
    top: 8px;
    font-size: 20px;
    color: var(--secondary-color);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.close_popup:hover {
    color: var(--primary-color);
}

.popup_content p {
    font-size: 15px;
    line-height: 22px;
}

/* shop cart content */
.shopcart {
    position: relative;
}

.shopcart_dropdown {
    position: absolute;
    background: #fff;
    right: 0;
    top: 100%;
    z-index: 99;
    padding: 16px;
    width: 300px;
    border-radius: 0 0 3px 3px;
    margin-top: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.cartdrop_img img {
    width: 75px;
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
}

.cartdrop_img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.single_cartdrop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-right: 20px;
}

.cart_droptitle {
    padding-bottom: 0px;
    margin-bottom: 12px;
    border-bottom: 1px solid #d8d8d8;
}

.cartdrop_cont {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 16px;
}

span.remove_cart {
    position: absolute;
    right: 0;
    color: var(--secondary-color);
    cursor: pointer;
}

span.remove_cart:hover {
    color: var(--primary-color);
}

.cartdrop_footer .default_btn {
    padding: 6px 8px;
}

.shopcart:hover .shopcart_dropdown {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.mobile_title {
    background: var(--primary-color);
    text-align: center;
    color: #fff;
    padding: 14px 0px;
    text-transform: capitalize;
    position: relative;
}

.total_cartdrop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #d8d8d8;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.wishlist .cart_img img {
    width: 80px;
    height: 80px;
}

/* Themes settings */
.theme_settings {
    position: fixed;
    right: -185px;
    top: 50%;
    background-color: white;
    z-index: 9;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 0 10px #00000030;
    transition: 0.3s ease;
}

.show-settings {
    right: 12px;
}

.theme_settings>button {
    position: absolute;
    right: 100%;
    margin-right: 10px;
    background: var(--primary-color);
    color: white;
    border: none;
    border-radius: 4px;
    box-shadow: 0 0 10px #00000030;
    font-size: 24px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme_settings .las.la-cog {
    transform: rotate(45deg);
    animation: rotateInfinity 4s linear infinite;
}

.theme_settings>button:hover {
    box-shadow: 0 0 10px #00000050;
}

@keyframes rotateInfinity {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.theme_settings h3 {
    font-size: 20px;
    color: var(--secondary-color);
    margin-bottom: 0px;
}

.theme_settings h5 {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 8px;
}

.theme_settings .setting_colors>button {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.theme_settings .setting_colors>button:hover {
    transform: scale(1.05);
}

.theme_settings .setting_colors>button.prime_1 {
    background-color: #fd3d57;
}

.theme_settings .setting_colors>button.prime_2 {
    background-color: #3498db;
}

.theme_settings .setting_colors>button.prime_3 {
    background-color: #1abc9c;
}

.theme_settings .setting_colors>button.prime_4 {
    background-color: #f79f1f;
}

.theme_settings .setting_colors>button.second_1 {
    background-color: #18181b;
}

.theme_settings .setting_colors>button.second_2 {
    background-color: #1e293b;
}

.theme_settings .setting_colors>button.second_3 {
    background-color: #374151;
}

.theme_settings .setting_colors>button.second_4 {
    background-color: #44403c;
}

.theme_settings .setting_colors {
    margin-top: 6px;
    display: flex;
    gap: 8px;
}

.theme_settings .setting_colors>button i {
    display: none;
}

.theme_settings .setting_colors>button.active i {
    display: block;
    color: white;
}

/* back to top */
#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    height: 40px;
    width: 40px;
    border: none;
    border-radius: 50%;
    background: var(--primary-color);
    color: #fff;
    transition: all 0.5s ease;
    opacity: 100;
}

#back-to-top:hover {
    transform: scale(1.05);
    box-shadow: 0 0 10px #00000050;
}

.back-to-top-hide {
    display: none;
    opacity: 0;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border: 2px solid var(--secondary-color);

}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: var(--secondary-color);
    -webkit-transition: .4s;
    transition: .4s;

}

.slogan1 {
    width: 100%;
    text-align: center;
    padding: 100px 0px;
    background-color: rgba(var(--primary-color-rgb), 0.1);
    margin-bottom: 56px;
}

input:checked+.slider {
    background-color: var(--secondary-color);
}

input:focus+.slider {}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    background-color: white;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.btn-vrtn {
    background-color: #fff;
    border: 1px solid var(--ucuncu-renk);
    border-radius: 5px;
    font-size: medium;
    color: var(--ucuncu-renk);
    line-height: 30px;

}

.btn-vrtn.active {
    background-color: var(--ucuncu-renk);
    color: #fff;
}

.btn-vrtn:disabled {
    background-color: rgba(var(--ucuncu-renk-rgb), 0.3);
    ;
    /* Gri arka plan */
    color: rgba(var(--ucuncu-renk-rgb), 0.9);
    /* Soluk yazı rengi */
    border: 1px solid rgba(var(--ucuncu-renk-rgb), 0.3);
    /* Daha soluk kenarlık */
    cursor: not-allowed;
    /* Üzerine gelince yasak işareti */
    opacity: 0.6;
    /* Hafif şeffaflık */
}

.adet-var-ul {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.adet-var-li {
    padding: 0px;
    margin-bottom: 2px;

}

.adet-var-li a {
    padding: 10px !important;
    margin: 0px !important;
    display: block;
    background-color: #fff;
    border: 1px solid var(--ucuncu-renk);
    border-radius: 5px;

}

.adet-var-li a.active {

    background-color: var(--ucuncu-renk);
    border: 1px solid var(--ucuncu-renk);
    color: #fff;

}

.adet-var-btn {

    color: var(--ucuncu-renk);

}

.adet-var-li a.disabled-btn {

    background-color: rgba(var(--ucuncu-renk-rgb), 0.3);
    ;
    /* Gri arka plan */
    color: rgba(var(--ucuncu-renk-rgb), 0.9);
    /* Soluk yazı rengi */
    border: 1px solid rgba(var(--ucuncu-renk-rgb), 0.3);
    /* Daha soluk kenarlık */
    cursor: not-allowed;
    /* Üzerine gelince yasak işareti */
    opacity: 0.6;
    /* Hafif şeffaflık */

}

.nav-tabs .nav-link {
    color: var(--secondary-color);
    /* Pasif tab rengi */
    border: none;
    /* Varsayılan border'ı kaldır */
}

.nav-tabs .nav-link.active {
    color: var(--primary-color) !important;
    /* Seçili tab yazı rengi */
    border-bottom: 3px solid var(--primary-color) !important;
    /* Seçili tab alt çizgi */
    background-color: transparent;
    /* Arka planı şeffaf tut */
}

.card:hover {
    transform: translateY(-5px);
    transition: 0.3s;
}

/*
.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    z-index: 1000001;
    bottom: 80px;
    right: 10px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

.btn-whatsapp2-pulse {
    background: #003c9d;
    color: white;
    position: fixed;
    z-index: 9999;
    bottom: 80px;
    left: 10px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

.btn-whatsapp-pulse-border {

    right: 20px;
    animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 5px solid #003c9d;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }

    75% {
        padding: 50px;
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


.btn-whatsapp2-pulse {
    display: none;
}

@media screen and (max-width:650px) {
    .btn-whatsapp2-pulse {

        display: flex;

    }
} */



/* Ana Butonlar - Sabit Tutar, Animasyonu Katmana Devreder */
.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    z-index: 1000001;
    bottom: 80px;
    right: 10px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    /* Animasyon kodları buradan kaldırıldı, ::after elementine taşındı */
}

.btn-whatsapp2-pulse {
    background: #003c9d;
    color: white;
    position: fixed;
    z-index: 9999;
    bottom: 80px;
    left: 10px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 35px;
    text-decoration: none;
    border-radius: 50%;
    /* Animasyon kodları buradan kaldırıldı, ::after elementine taşındı */
}

/* GPU Dostu Pulse (Titreşim) Efekti Katmanları */
.btn-whatsapp-pulse::after,
.btn-whatsapp2-pulse::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Butonun kendi boyutunu referans alır */
    border-radius: 50%;
    z-index: -1;
    /* Butonun arkasında kalması için */
    animation: pulse-gpu 1.5s ease-out infinite;
}

/* Renkleri Ayırıyoruz */
.btn-whatsapp-pulse::after {
    background: #25d366;
}

.btn-whatsapp2-pulse::after {
    background: #003c9d;
}

/* Eski box-shadow yerine transform: scale kullanıyoruz */
@keyframes pulse-gpu {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    80% {
        transform: scale(1.4);
        /* Eski 14px yayılmaya denk gelir */
        opacity: 0;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

/* Kenarlık (Border) Efekti İçin GPU Optimizasyonu */
.btn-whatsapp-pulse-border {
    right: 20px;
}

.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    /* Başlangıç boyutunu belirler */
    border-radius: 50%;
    border: 5px solid #003c9d;
    opacity: 0.75;
    /* Padding yerine transform kullanılacak olan yeni animasyon */
    animation: pulse-border-gpu 1.5s ease-out infinite;
}

/* Padding (Düzen bozucu) yerine Scale (GPU Dostu) kullanıyoruz */
@keyframes pulse-border-gpu {
    0% {
        transform: scale(1);
        opacity: 0.75;
    }

    75% {
        transform: scale(1.5);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.btn-whatsapp2-pulse {
    display: none;
}

@media screen and (max-width: 650px) {
    .btn-whatsapp2-pulse {
        display: flex;
    }
}

tr.taksit_secenekleri {}

tr.taksit_secenekleri td {
    font-size: 0.8em;
    font-weight: bold;
    padding: 5px 10px;
    margin: 0px 0px 5px 0px;
}

tr.taksit_secenekleri td span {
    color: var(--primary-color);
}

.alert-bam {
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    color: var(--secondary-color);
    font-size: small;
}

.hesapactive {
    background-color: rgba(var(--primary-color-rgb), 0.1);
}

.hesapactivecard {
    border: 1px solid var(--primary-color)
}

.secenek-table tr {
    position: relative;
}

.secenek-table tr:hover td {
    background-color: rgba(var(--primary-color-rgb), 0.1);
    ;
    /* Özel renk */
}

.variation-table-badge {
    position: absolute;
    font-size: 0.9em;
    width: 30px;
    height: 30px;
    top: 0px;
    right: 0px;
    z-index: 100;
    text-align: center;

    border-radius: 50px;
    background-color: var(--primary-color);
    color: #fff;
    border: 2px solid #fff;
}

.selected_range {
    background-color: rgba(var(--primary-color-rgb), 0.1) !important;
}

.price_range_table {
    padding: 8px 12px;
    border: 1px solid var(--primary-color) !important;
    text-align: center;
    font-weight: 500;
    font-size: small;
}


.price_range_table tr {
    padding: 8px 12px;
    border: 1px solid var(--primary-color) !important;
    text-align: center;
    font-weight: 500;
    font-size: small;
}

.price_range_table td {
    padding: 8px 12px;
    border: 1px solid var(--primary-color) !important;
    text-align: center;
    font-weight: 500;
    font-size: small;
}

.price-box {
    position: relative;

    /* açık pembe ton - sitenin kırmızı temasına uygun */
    border-top: 1px solid #f3d0d5;
    border-bottom: 1px solid #f3d0d5;
    border-radius: 0px;
    width: 90%;
    margin: 0 auto;
    top: 10px;
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
}

.discount-badge {
    position: absolute;
    top: -12px;
    right: -10px;
    background: var(--primary-color);
    /* ana kırmızı */
    color: #fff;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.old-price {
    font-size: 16px;
    color: #999;
    text-decoration: line-through;
    margin-top: 10px;
}

.new-price {
    font-size: 28px;
    font-weight: 700;
    color: var(--primary-color);
    margin-top: 5px;
}

.vat-text {
    font-size: 13px;
    color: #666;
}



.discount-badge {
    top: -10px;
    right: -30px;
    transform: rotate(10deg);
}

.price-title {
    font-size: 14px;
    font-weight: 500;
    color: #444;
    letter-spacing: 0.3px;
    margin-bottom: 5px;
    text-transform: uppercase;
}


.mega_menu {
    display: flex;
    background: #fff;
    padding: 30px 25px;
    gap: 50px;


}

.single_mega_menu {
    width: 32%;
}

.single_mega_menu .mm-baslik {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    position: relative;
    padding-left: 30px;
    margin-bottom: 18px;
}

.single_mega_menu .mm-baslik::before {
    content: "▣";
    font-size: 15px;
    color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 1px;
}

/* Başlık altı animasyon */
.single_mega_menu .mm-baslik::after {
    content: "";
    width: 0;
    height: 2px;
    display: block;
    background: var(--primary-color);
    transition: 0.3s ease;
    margin-top: 6px;
}

.single_mega_menu:hover .mm-baslik::after {
    width: 40px;
}

/* Linkler */
.single_mega_menu a {
    display: block;
    padding: 9px 0;
    color: #444;
    font-size: 15px;
    text-decoration: none;
    position: relative;
    transition: 0.25s ease;
    padding-left: 0;
}

/* Sol animasyon çizgisi */
.single_mega_menu a::before {
    content: "";
    width: 0;
    height: 2px;
    background: var(--primary-color);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.3s ease;
    opacity: 0;
}

.single_mega_menu a:hover::before {
    width: 100%;
    opacity: 1;
}

/* Hover renk ve küçük kayma */
.single_mega_menu a:hover {
    color: var(--primary-color);
    padding-left: 4px;
}

.category-blog-wrapper {
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.blog-post-card {
    transition: all 0.2s ease-in-out;
    border-radius: 0.5rem;
    overflow: hidden;
}

.blog-post-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

.blog-thumb-wrapper {
    height: 100%;
    max-height: 180px;
    overflow: hidden;
}

.blog-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-post-card:hover .blog-thumb-img {
    transform: scale(1.03);
}

.badge-category {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.3px;
}

.blog-post-title a {
    color: #333;
    text-decoration: none;
}

.blog-post-title a:hover {
    color: var(--primary-color);
}

.blog-post-excerpt {
    font-size: 0.9rem;
    color: #727271;
}

.blog-read-more {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--primary-color);
    text-decoration: none;
}

.blog-read-more:hover {
    text-decoration: underline;
}


/* lineicons */
@font-face {
    font-family: 'lineicons';
    font-display: block;
    src: url('../fonts/lineicons/lineicons.eot');
    src: url('../fonts/lineicons/lineicons.eot') format('embedded-opentype'),
        url('../fonts/lineicons/lineicons.woff2') format('woff2'),
        url('../fonts/lineicons/lineicons.woff') format('woff'),
        url('../fonts/lineicons/lineicons.ttf') format('truetype'),
        url('../fonts/lineicons/lineicons.svg') format('svg');
}

/* base class */
.lni {
    min-width: 1em;
    min-height: 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: normal normal normal 1em/1 'lineicons';
    color: inherit;
    flex-shrink: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* size examples - relative units */
.lni-sm {
    font-size: 0.8em;
}

.lni-lg {
    font-size: 1.2em;
}

/* size examples - absolute units */
.lni-16 {
    font-size: 16px;
}

.lni-32 {
    font-size: 32px;
}

/* rotate the icon infinitely */
.lni-is-spinning {
    animation: lni-spin 1s infinite linear;
}

@keyframes lni-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* transform */
.lni-rotate-90 {
    transform: rotate(90deg);
}

.lni-rotate-180 {
    transform: rotate(180deg);
}

.lni-rotate-270 {
    transform: rotate(270deg);
}

.lni-flip-y {
    transform: scaleY(-1);
}

.lni-flip-x {
    transform: scaleX(-1);
}

/* icons */

.lni-whatsapp::before {
    content: "\eb8d";
}

.lni-phone::before {
    content: "\eb58";
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 20px 20px;

    padding-right: 2.25rem;
}


.category-card {
    transition: all .3s ease;
    border: 1px solid #eee;
    border-radius: 16px;
    background: #fff;
    height: 100%;
}

.category-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, .08);
}

.category-card img {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    height: 160px;
    object-fit: cover;
}

.category-title {
    font-weight: 600;
    color: var(--secondary-color);
}

.nav-pills .nav-link {
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
    color: var(--secondary-color);
}

.nav-pills .nav-link.active {
    background-color: var(--primary-color);
}

.rounded-4 {
    border-radius: 18px !important;
}

.btn,
.badge {
    letter-spacing: .1px;
}

.promo-split-card {
    transition: .3s ease;
    background: #fff;
}

.promo-split-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 35px rgba(0, 0, 0, .08);
}

.promo-img-wrap {
    background: linear-gradient(135deg, #f6f6f6, #ededed);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 18px 18px 0px;
}

.promo-img-wrap img {
    max-width: 90%;
    max-height: 160px;
    object-fit: contain;


}

@media (max-width: 768px) {
    .promo-img-wrap {
        padding: 20px;
    }
}

.section-title3 {
    color: var(--secondary-color);
    font-weight: 800;
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: 10px;
}

.section-title3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 4px;
    background-color: var(--primary-color);
    border-radius: 2px;
}

/* --- MODÜL 1: MATBAA (Hiyerarşik Grid) --- */
.matbaa-hero-card {
    border: none;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.matbaa-hero-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(229, 26, 75, 0.15);
}

.matbaa-hero-img {
    height: 200px;
    object-fit: cover;
}

.matbaa-mini-card {
    background: white;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.matbaa-mini-card:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: #fff5f7;
}

.matbaa-mini-icon {
    font-size: 1.5rem;
    margin-bottom: 8px;
    color: var(--bambaski-gray);
}

/* --- MODÜL 2: PROMOSYON (Split Banner) --- */
.promo-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    height: 300px;
    color: white;
    cursor: pointer;
}

.promo-bg {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
}

.promo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    display: flex;
    align-items: flex-end;
    padding: 2rem;
}

.promo-card:hover .promo-bg {
    transform: scale(1.1);
}

.btn-promo {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 20px;
    margin-top: 10px;
    display: inline-block;
}

/* --- MODÜL 3: BAYRAKLAR (Klasik Grid) --- */
.flag-card {
    border: none;
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    transition: all 0.3s;
}

.flag-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(51, 102, 102, 0.2);
    /* Teal shadow */
}

.flag-img-wrapper {
    background-color: #f1f1f1;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 0 0;
    padding: 20px;
}

.flag-img {
    max-height: 100%;
    max-width: 100%;
}

/* --- MODÜL 4: DISPLAY (Zig-Zag / Featurette) --- */
.display-item {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
}

.display-img-col {
    min-height: 300px;
    background-size: cover;
    background-position: center;
}

.display-content {
    padding: 3rem;
}


.category-header {
    background: linear-gradient(135deg, #f8f9fa 60%, rgba(51, 102, 102, 0.1) 100%);
    border-bottom: 1px solid #eee;
    padding: 3rem 0;
    position: relative;
    overflow: hidden;
}

.cat-title {
    color: var(--secondary-color);
    font-weight: 800;
    letter-spacing: -1px;
}

.cat-desc {
    color: var(--ternary-color);
    font-size: 1.1rem;
    max-width: 600px;
}

/* Kategori resmi hafif yüzen efekt */
.cat-img-wrapper img {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    transform: rotate(-2deg);
    transition: transform 0.3s;
}

.cat-img-wrapper:hover img {
    transform: rotate(0deg) scale(1.02);
}

/* 2. SIDEBAR (FILTRELER) */
.sidebar-sticky {
    position: sticky;
    top: 20px;
    /* Üstten 20px boşlukla yapışır */
    z-index: 8; /* üst menü açılır listeleri (9-10) üstte kalsın */
}

.filter-group-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 10px;
    text-transform: uppercase;
}

.custom-checkbox .form-check-input:checked {
    background-color: var(--ucuncu-renk);
    border-color: var(--ucuncu-renk);
}

/* 3. ÜRÜN KARTI (PRODUCT CARD) */
.product-card {
    border: none;
    border-radius: 8px;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

.product-img-container {
    position: relative;
    height: 280px;
    /* Davetiye için dikey format */
    overflow: hidden;
    background: #f4f4f4;
}

.product-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Hover Butonu (Sepete Ekle / İncele) */
.card-action-overlay {
    position: absolute;
    bottom: -50px;
    /* Başlangıçta gizli */
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    padding: 10px;
    text-align: center;
    transition: bottom 0.3s ease;
}

.product-card:hover .card-action-overlay {
    bottom: 0;
    /* Hoverda yukarı çıkar */
}

.btn-add-cart {
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 50px;
    font-size: 0.85rem;
    padding: 8px 20px;
    font-weight: 600;
    width: 100%;
}

.btn-add-cart:hover {
    background-color: #c4153f;
    color: #fff;
}

.price-tag {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 1.2rem;
}

.old-price {
    text-decoration: line-through;
    color: #aaa;
    font-size: 0.9rem;
    margin-right: 5px;
}

/* 4. SEO DESCRIPTION (ALT KISIM) */
.seo-description-box {
    background-color: #f9f9f9;
    border-left: 4px solid var(--ucuncu-renk);
    /* Yeşil çizgi vurgusu */
    padding: 2rem;
    border-radius: 0 8px 8px 0;
    margin-top: 3rem;
}







.section-title2 {
    color: var(--secondary-color);
    font-weight: 700;
    margin-bottom: 1rem;
}

.section-subtitle {
    color: var(--ternary-color);
    font-weight: 400;
    margin-bottom: 2rem;
}

/* Özel Buton Stili */
.btn-bambaski {
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 50px;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 0.9rem;
}

.btn-bambaski:hover {
    background-color: #c4153f;
    /* Biraz daha koyu ton */
    color: #fff;
    transform: translateY(-2px);
}

/* Hazır Baskı Bölümü Kartları */
.print-card {
    background: rgba(255, 255, 255, 0.1);
    /* Hafif şeffaf beyaz */
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    transition: transform 0.3s;
}

.print-card:hover {
    background: #fff;
    color: var(--secondary-color);
    transform: scale(1.02);
}

/* Hover olunca buton rengini tersine çevir */
.print-card:hover .btn-light {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

/* Koleksiyon Kartları */
.collection-card {
    border: none;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.collection-card img {
    transition: transform 0.5s ease;
    height: 250px;
    object-fit: cover;
    width: 100%;
}

.collection-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.collection-card:hover img {
    transform: scale(1.05);
}



.alt2-matbaa-item {
    transition: all 0.3s;
    border-left: 4px solid transparent;
    background: #fff;
}

.alt2-matbaa-item:hover {
    background: #fff5f7;
    border-left-color: var(--bambaski-red);
    transform: translateX(5px);
}

.alt2-circle-img {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}

.alt2-flag-item:hover .alt2-circle-img {
    transform: rotate(5deg) scale(1.1);
    border-color: var(--bambaski-teal);
}

.alt2-display-banner {
    background-color: var(--bambaski-dark);
    color: white;
    border-radius: 8px;
    overflow: hidden;
}


.alt3-box {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    transition: transform 0.3s;
}

.alt3-box:hover {
    transform: scale(0.98);
}

.alt3-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.alt3-box:hover .alt3-img {
    transform: scale(1.1);
}

.alt3-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    color: white;
}

.alt3-badge-list span {
    display: inline-block;
    background: #f8f9fa;
    padding: 5px 10px;
    border-radius: 8px;
    margin: 3px;
    font-size: 0.85rem;
    color: var(--bambaski-dark);
    border: 1px solid #eee;
}

.alt3-badge-list span:hover {
    background: var(--bambaski-red);
    color: white;
    cursor: pointer;
}






.nav-pills .nav-link {
    color: var(--bambaski-dark);
    background-color: white;
    margin-bottom: 10px;
    padding: 15px 20px;
    border-radius: 12px;
    font-weight: 600;
    text-align: left;
    border: 1px solid #eee;
    transition: all 0.3s;
}

.nav-pills .nav-link:hover {
    background-color: #f8f9fa;
    transform: translateX(5px);
}

.nav-pills .nav-link.active {
    background-color: var(--bambaski-red);
    color: white;
    border-color: var(--bambaski-red);
    box-shadow: 0 4px 10px rgba(229, 26, 75, 0.3);
}

.nav-pills .nav-link i {
    width: 25px;
    text-align: center;
    margin-right: 10px;
}

/* İçerik Alanı Stilleri */
.tab-content-card {
    background: white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
    min-height: 600px;
    /* Yükseklik dengesi */
}

.mini-prod-card {
    border: 1px dashed #ddd;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    transition: 0.3s;
    height: 100%;
    background: #fff;
}

.mini-prod-card:hover {
    border-style: solid;
    border-color: var(--bambaski-teal);
    background: #f0fcfc;
    transform: translateY(-3px);
}




.creative-header {
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -1px;
    color: var(--bambaski-dark);
    margin-bottom: 2rem;
}

/* Asimetrik Matbaa Kartları */
.art-card {
    background-color: #fff;
    border: none;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.art-card:hover {
    transform: scale(1.03);
    z-index: 2;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.art-card-img {
    width: 100%;
    object-fit: cover;
}

.art-card-body {
    padding: 1.5rem;
}

.card-tall {
    height: 100%;
}

/* Uzun kart */

/* Bayrak Şeridi */
.flag-strip {
    background-color: var(--bambaski-teal);
    padding: 3rem 0;
    color: white;
    border-radius: 30px 0 30px 0;
}

.flag-icon-box {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    backdrop-filter: blur(5px);
    transition: 0.3s;
}

.flag-icon-box:hover {
    background: white;
    color: var(--bambaski-teal);
}

/* Resim & Video Hover Kapsayıcısı */
.hover-media-wrapper {
    position: relative;
    display: block;
    width: 100%;
    /* Kesin ve esnemeyen bir yükseklik veya oran belirleyin */
    height: 250px;
    /* Ürünlerinizin genel yapısına göre 200px veya 250px yapabilirsiniz */
    background-color: #f8f9fa;
    /* (İsteğe bağlı) Resim küçük kalırsa arkada temiz bir gri ton dursun */
    overflow: hidden;
    /* Dışarı taşan kısımları kes */
}

/* Varsayılan (İlk) Görsel */
.hover-media-wrapper .media-default {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: opacity 0.4s ease-in-out;
    position: relative;
    z-index: 1;
}

/* Üzerine Gelinince Çıkacak Görsel/Video */
.hover-media-wrapper .media-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: 2;
}

/* Hover Animasyon Tetikleyicisi */
.hover-media-wrapper:hover .media-hover {
    opacity: 1;
}

/* Transparan görsellerde üst üste binmeyi önlemek için alttakini gizliyoruz */
.hover-media-wrapper:hover .media-default {
    opacity: 0;
}

.product-card,
.single_toparrival {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* Kartın sütun yüksekliğini doldurmasını sağlar */
}

.topariv_cont,
.card-body {
    flex-grow: 1;
    /* Alt kısmın (başlık ve fiyat) kalan boşluğu doldurmasını sağlar, böylece butonlar/fiyatlar hizalanır */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    /* İçeriği alt kısımdan yukarı doğru iter */
}

.card-action-overlay {
    position: absolute;
    bottom: -50px;
    /* Başlangıçta gizli */
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    transition: bottom 0.3s ease-in-out;

    /* İŞTE ÇÖZÜM BURASI: Medyaların z-index'inden (genelde 1 veya 2'dir) büyük olmalı */
    z-index: 10 !important;
}

/* Kartın üzerine gelince overlay yukarı çıksın */
.hover-media-wrapper:hover .card-action-overlay {
    bottom: 0;
}


/* Minimalist Premium Kart Tasarımı */
.premium-card-3 {
    border: none;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.premium-card-3:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    transform: translateY(-5px);
}

.premium-card-3 .product-img-container {
    height: 240px;
    /* Ürünlerinizi ferah gösterecek yükseklik */
    border-radius: 16px 16px 0 0;
    background-color: #fafafa;
}

/* Yüzen İndirim Rozeti */
.premium-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--primary-color, #E51A4B);
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 20px;
    z-index: 10;
    box-shadow: 0 4px 10px rgba(229, 26, 75, 0.3);
}

/* Kart Gövdesi */
.premium-card-3 .card-body {
    padding: 1.25rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.premium-card-3 .card-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* 2 satırdan sonrasını 3 nokta yapar */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Yüzen İncele Butonu (Sağ Alt Köşe) */
.premium-action-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #f8f9fa;
    color: #2b2b2b;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #eee;
}

.premium-card-3:hover .premium-action-btn {
    background-color: var(--primary-color, #E51A4B);
    color: #fff;
    border-color: var(--primary-color, #E51A4B);
    transform: translateX(-5px);
    /* Hoverda hafifçe sola kayar, davetkardır */
}


.banner_slider:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
    height: 520px;
    /* Slider'ın orijinal yüksekliği */
}

.banner_slider:not(.slick-initialized) .hero_area:not(:first-child) {
    display: none !important;
    /* Yüklenene kadar ilk slayt hariç diğerlerini gizle */
}

/* ==========================================================
   ALT KATEGORİ VİTRİNİ (landing kategori sayfaları)
   ========================================================== */
.alt-kat-vitrin {
    padding: 1rem 0 3.5rem;
}

.alt-kat-vitrin__head {
    max-width: 760px;
    margin-bottom: 2rem;
}

.alt-kat-vitrin__lead {
    color: var(--ternary-color);
    margin-top: 1.25rem;
}

.alt-kat-vitrin__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.alt-kat-card {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #e9e4e4;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.alt-kat-card:hover,
.alt-kat-card:focus-within {
    transform: translateY(-5px);
    border-color: var(--primary-color);
    box-shadow: 0 10px 20px rgba(229, 26, 75, 0.15);
}

.alt-kat-card__media {
    position: relative;
    aspect-ratio: 4 / 3;
    background: #f4f1ee;
    overflow: hidden;
}

.alt-kat-card__media img {
    width: 100%;
    height: 100%;
    /* Kare/dikey ürün fotoğrafları kırpılmasın; beyaz zemin sıcak nötr zemine karışır (liste kartlarıyla aynı dil) */
    object-fit: contain;
    mix-blend-mode: multiply;
    display: block;
    transition: transform 0.5s ease;
}

.alt-kat-card:hover .alt-kat-card__media img {
    transform: scale(1.06);
}

.alt-kat-card__badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(255, 255, 255, 0.95);
    color: var(--ucuncu-renk);
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    padding: 7px 12px;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.alt-kat-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.25rem 1.4rem 1.4rem;
}

.alt-kat-card__title {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 0.5rem;
}

.alt-kat-card__title a {
    color: var(--secondary-color);
    text-decoration: none;
}

.alt-kat-card:hover .alt-kat-card__title a {
    color: var(--primary-color);
}

.alt-kat-card__text {
    color: var(--ternary-color);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 0 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.alt-kat-card__cta {
    margin-top: auto;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.9rem;
}

.alt-kat-card__cta i {
    transition: transform 0.3s ease;
}

.alt-kat-card:hover .alt-kat-card__cta i {
    transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {

    .alt-kat-card,
    .alt-kat-card__media img,
    .alt-kat-card__cta i {
        transition: none;
    }

    .alt-kat-card:hover,
    .alt-kat-card:focus-within {
        transform: none;
    }
}


/* ==========================================================
   ALT KATEGORİ VİTRİNİ #2 — asimetrik bento düzeni
   ========================================================== */
.akv2 {
    padding: 1rem 0 3.5rem;
}

.akv2__head {
    max-width: 720px;
    margin-bottom: 2.25rem;
}

.akv2__eyebrow {
    display: inline-block;
    background: rgba(229, 26, 75, 0.1);
    color: var(--primary-color);
    font-size: 0.8rem;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 50px;
    margin-bottom: 0.9rem;
}

.akv2__title {
    color: var(--secondary-color);
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin: 0 0 0.9rem;
}

.akv2__lead {
    color: var(--ternary-color);
    margin: 0;
}

.akv2__bento {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 20px;
}

.akv2-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: var(--ucuncu-renk);
    min-height: 260px;
    isolation: isolate;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.akv2-card:hover,
.akv2-card:focus-within {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(51, 102, 102, 0.2);
}

.akv2-card>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    transition: transform 0.6s ease;
}

.akv2-card:hover>img {
    transform: scale(1.08);
}

.akv2-card__shade {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.35) 45%, transparent 75%);
}

.akv2-card__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.4rem 1.5rem;
    color: #fff;
}

.akv2-card__count {
    display: inline-block;
    background: rgba(255, 255, 255, 0.18);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    padding: 6px 12px;
    border-radius: 50px;
    margin-bottom: 0.7rem;
}

.akv2-card__title {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.akv2-card__title a {
    color: #fff;
    text-decoration: none;
}

.akv2-card__text {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.88rem;
    line-height: 1.55;
    margin: 0.5rem 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.akv2-card__arrow {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    opacity: 0;
    transform: translate(6px, -6px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.akv2-card:hover .akv2-card__arrow,
.akv2-card:focus-within .akv2-card__arrow {
    opacity: 1;
    transform: none;
}

/* Büyük vitrin kartı: solda, iki satır yüksekliğinde */
.akv2-card--hero {
    grid-column: span 6;
    grid-row: span 2;
    min-height: 540px;
}

.akv2-card--hero .akv2-card__content {
    padding: 2rem 2.2rem;
}

.akv2-card--hero .akv2-card__title {
    font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.akv2-card--hero .akv2-card__text {
    font-size: 0.98rem;
    -webkit-line-clamp: 3;
    max-width: 520px;
}

.akv2-card__cta {
    display: inline-block;
    margin-top: 1.1rem;
    background: var(--primary-color);
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 11px 22px;
    border-radius: 50px;
    transition: background-color 0.3s ease;
}

.akv2-card--hero:hover .akv2-card__cta {
    background: #c4153f;
}

.akv2-card--side {
    grid-column: span 6;
    min-height: 260px;
}

/* Kalan kartlar: 4'lü sıra */
.akv2-card--small {
    grid-column: span 3;
    min-height: 300px;
}

@media (max-width: 991.98px) {
    .akv2__bento {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .akv2-card--hero {
        grid-column: span 2;
        grid-row: auto;
        min-height: 420px;
    }

    .akv2-card--side,
    .akv2-card--small {
        grid-column: span 1;
        min-height: 260px;
    }

    .akv2-card--hero .akv2-card__title {
        font-size: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .akv2__bento {
        grid-template-columns: 1fr;
    }

    .akv2-card--hero,
    .akv2-card--side,
    .akv2-card--small {
        grid-column: span 1;
        min-height: 260px;
    }

    .akv2-card--hero {
        min-height: 380px;
    }

    .akv2-card--hero .akv2-card__content {
        padding: 1.4rem;
    }
}

@media (hover: none) {
    .akv2-card__arrow {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {

    .akv2-card,
    .akv2-card>img,
    .akv2-card__arrow {
        transition: none;
    }

    .akv2-card:hover,
    .akv2-card:focus-within {
        transform: none;
    }
}

/* ==========================================================================
   ÜRÜN AÇIKLAMASI (Ürün Bilgileri sekmesi) — editorial tipografi
   İçerik admin'den ham HTML gelir (h2/h3/p/ul); yalnızca CSS ile biçimlenir.
   ========================================================================== */
.pbt_info_text {
    max-width: 860px;
    color: #464545;
    font-size: 16px;
    line-height: 1.8;
    padding-bottom: 8px;
}

.pbt_info_text> :first-child {
    margin-top: 0;
}

/* Başlıklar */
.pbt_info_text h2,
.pbt_info_text h3,
.pbt_info_text h4 {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    color: var(--secondary-color);
    text-wrap: balance;
}

.pbt_info_text h2 {
    font-size: clamp(24px, 3.2vw, 32px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin: 0 0 24px;
    padding-bottom: 20px;
    position: relative;
}

.pbt_info_text h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 4px;
    border-radius: 2px;
    background: var(--primary-color);
}

.pbt_info_text h3 {
    font-size: clamp(19px, 2.2vw, 22px);
    font-weight: 700;
    line-height: 1.35;
    margin: 48px 0 14px;
    padding-top: 22px;
    border-top: 1px solid #e9e4e4;
}

.pbt_info_text h2+h3,
.pbt_info_text h3:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top: 32px;
}

.pbt_info_text h4 {
    font-size: 17px;
    font-weight: 600;
    margin: 28px 0 8px;
}

/* Paragraflar */
.pbt_info_text p {
    font-size: 16px;
    line-height: 1.8;
    color: #464545;
    margin: 0 0 18px;
    max-width: 75ch;
}

.pbt_info_text strong,
.pbt_info_text b {
    font-weight: 600;
    color: var(--secondary-color);
}

/* Boş satır paragrafları (<p><br></p>) ve başlık-paragraflardaki <br> boşluğu */
.pbt_info_text p:has(> br:only-child) {
    display: none;
}

/* <p><strong>Başlık<br></strong></p> kalıbı = alt başlık ("Kalıcı ve Canlı UV Baskı...") */
.pbt_info_text p:has(> strong > br:last-child) {
    margin: 32px 0 6px;
    line-height: 1.4;
}

.pbt_info_text p:has(> strong > br:last-child) strong {
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    color: var(--ucuncu-renk);
    padding-left: 30px;
    position: relative;
}

.pbt_info_text p:has(> strong > br:last-child) strong::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 3px;
    margin-top: -1.5px;
    border-radius: 2px;
    background: var(--ucuncu-renk);
}

.pbt_info_text p:has(> strong > br:last-child) br {
    display: none;
}

/* Alt başlığı, altındaki paragrafa yaklaştır */
.pbt_info_text p:has(> strong > br:last-child)+p {
    margin-top: 0;
}

/* Listeler — "Etiket: değer" satırları tek bir kartta */
.pbt_info_text ul,
.pbt_info_text ol {
    list-style: none;
    margin: 8px 0 28px;
    padding: 0;
    counter-reset: bmb-li;
}

.pbt_info_text ul:has(> li > strong:first-child) {
    background: #fff;
    border: 1px solid #e9e4e4;
    border-radius: 12px;
    overflow: hidden;
}

.pbt_info_text ul:has(> li > strong:first-child)>li {
    display: grid;
    grid-template-columns: minmax(130px, 32%) 1fr;
    column-gap: 20px;
    align-items: baseline;
    margin: 0;
    padding: 13px 22px;
    font-size: 15.5px;
    line-height: 1.6;
}

.pbt_info_text ul:has(> li > strong:first-child)>li+li {
    border-top: 1px solid #f0ecec;
}

.pbt_info_text ul:has(> li > strong:first-child)>li:nth-child(even) {
    background: #fafafa;
}

.pbt_info_text ul:has(> li > strong:first-child)>li>strong:first-child {
    color: var(--ucuncu-renk);
    font-weight: 600;
}

/* Etiketsiz sade listeler: marka renkli nokta */
.pbt_info_text ul:not(:has(> li > strong:first-child))>li,
.pbt_info_text ol>li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}

.pbt_info_text ul:not(:has(> li > strong:first-child))>li::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 0.75em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary-color);
}

.pbt_info_text ol>li {
    counter-increment: bmb-li;
}

.pbt_info_text ol>li::before {
    content: counter(bmb-li);
    position: absolute;
    left: 0;
    top: 0.2em;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--primary-color);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

/* Kapanış cümlesi (kalın markayla başlayan son paragraf) — sıcak vurgu kutusu */
.pbt_info_text> p:last-child:has(> strong:first-child) {
    background: #fff5f7;
    border-radius: 12px;
    padding: 20px 24px;
    margin-top: 36px;
    max-width: none;
    color: var(--secondary-color);
}

.pbt_info_text> p:last-child:has(> strong:first-child)>strong:first-child {
    color: var(--primary-color);
}

/* Görsel ve tablolar */
.pbt_info_text img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.pbt_info_text table {
    width: 100%;
    margin: 8px 0 28px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e9e4e4;
    border-radius: 12px;
    overflow: hidden;
    font-size: 15px;
}

.pbt_info_text th,
.pbt_info_text td {
    padding: 12px 18px;
    border-bottom: 1px solid #f0ecec;
    text-align: left;
    vertical-align: top;
}

.pbt_info_text th {
    background: #fafafa;
    color: var(--ucuncu-renk);
    font-weight: 600;
}

.pbt_info_text tr:last-child>td {
    border-bottom: 0;
}

.pbt_info_text a {
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 575.98px) {
    .pbt_info_text {
        font-size: 15px;
    }

    .pbt_info_text p {
        font-size: 15px;
    }

    .pbt_info_text h3 {
        margin-top: 36px;
    }

    .pbt_info_text ul:has(> li > strong:first-child)>li {
        grid-template-columns: 1fr;
        row-gap: 2px;
        padding: 12px 16px;
    }

    .pbt_info_text> p:last-child:has(> strong:first-child) {
        padding: 16px 18px;
    }
}


/* =====================================================================
   ANA SAYFA YENİLEME (2026-09-25) — sıcak, soru sormaya davet eden dil.
   Kurallar: CLAUDE.md §21. Yeni bloklar: .hs-* ; .hs-page = ana sayfa kapsayıcısı
   ===================================================================== */
:root {
    --hs-krem: #FBF7F4;
    --hs-krem-koyu: #F3ECE6;
    --hs-pembe: #FDF1F4;
    --hs-cizgi: #ECE4DE;
    --hs-metin: #5b5a59;
    --hs-soluk: #6b6a69;
    --hs-wa: #1FA855;
    --hs-wa-koyu: #178A45;
}

/* Ana sayfadaki tüm bölüm başlıkları tek bir tipografik dilde */
.hs-page h2,
.hs-page .section-title2,
.hs-page .section-title3,
.hs-page .container > .d-flex > h3.fw-bold {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700 !important;
    color: var(--secondary-color) !important;
    font-size: clamp(1.45rem, 1.05rem + 1.3vw, 2rem) !important;
    line-height: 1.25;
    letter-spacing: -0.01em;
}
.hs-page .section-title3::after,
.hs-page .section-title3::before {
    display: none;
}
.hs-page h3,
.hs-page h4,
.hs-page h5,
.hs-page h6 {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
}
.hs-page .muted-slogan,
.hs-page .text-muted {
    color: var(--hs-soluk) !important;
}

/* Ortak parçalar */
.hs-bolum {
    padding: 56px 0;
}
.hs-bolum-ust {
    max-width: 680px;
    margin: 0 auto 32px;
    text-align: center;
}
.hs-baslik {
    margin: 0 0 10px;
}
.hs-alt-metin {
    color: var(--hs-soluk);
    margin: 0;
    font-size: 1.02rem;
}
.hs-ust-metin {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--ucuncu-renk);
    background: rgba(51, 102, 102, 0.08);
    border-radius: 50px;
    padding: 5px 14px;
    margin: 0 0 16px;
}
.hs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 26px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.hs-btn i {
    font-size: 1.25em;
}
.hs-btn:hover {
    transform: translateY(-2px);
}
.hs-btn-ana {
    background: var(--primary-color);
    color: #fff;
}
.hs-btn-ana:hover {
    background: #c4153f;
    color: #fff;
}
.hs-btn-ikincil {
    background: #fff;
    color: var(--secondary-color);
    border: 1.5px solid var(--hs-cizgi);
}
.hs-btn-ikincil:hover {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}
.hs-btn-wa {
    background: var(--hs-wa);
    color: #fff;
}
.hs-btn-wa:hover {
    background: var(--hs-wa-koyu);
    color: #fff;
}
.hs-butonlar {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 14px;
}

/* Giriş (hero) */
.hs-giris {
    background: var(--hs-krem);
    padding: 56px 0 60px;
}
.hs-giris-baslik {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    color: var(--secondary-color);
    font-size: clamp(1.7rem, 1.25rem + 1.6vw, 2.45rem);
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 18px;
}
.hs-giris-aciklama {
    font-size: 1.08rem;
    line-height: 1.7;
    color: var(--hs-metin);
    margin: 0 0 26px;
    max-width: 560px;
}
.hs-tel-notu {
    font-size: 0.92rem;
    color: var(--hs-soluk);
    margin: 0 0 24px;
}
.hs-tel-notu a {
    color: var(--secondary-color);
    font-weight: 600;
    white-space: nowrap;
}
.hs-olgular {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 20px;
    padding-top: 22px;
    border-top: 1px solid var(--hs-cizgi);
}
.hs-olgular li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.94rem;
    line-height: 1.45;
    color: var(--secondary-color);
}
.hs-olgular i {
    color: var(--ucuncu-renk);
    font-size: 1.3rem;
    flex-shrink: 0;
}
.hs-kutular {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.hs-kutu {
    display: block;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(67, 66, 66, .06);
    transition: transform .3s ease, box-shadow .3s ease;
}
.hs-kutu:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(229, 26, 75, 0.12);
}
.hs-kutu-gorsel {
    display: block;
    aspect-ratio: 4 / 3;
    background: #fff;
}
.hs-kutu-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.hs-kutu-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    font-weight: 600;
    color: var(--secondary-color);
    font-size: 0.98rem;
}
.hs-kutu-baslik i {
    color: var(--primary-color);
    transition: transform .2s ease;
}
.hs-kutu:hover .hs-kutu-baslik i {
    transform: translateX(3px);
}

/* Nasıl çalışır */
.hs-adimlar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
.hs-adim {
    position: relative;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 16px;
    padding: 28px 22px 22px;
}
.hs-adim-no {
    position: absolute;
    top: -14px;
    left: 22px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--primary-color);
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hs-adim-ikon {
    font-size: 2rem;
    color: var(--ucuncu-renk);
    display: block;
    margin-bottom: 10px;
}
.hs-page .hs-adim h3 {
    font-size: 1.06rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin: 0 0 6px;
}
.hs-adim p {
    font-size: 0.93rem;
    line-height: 1.6;
    color: var(--hs-soluk);
    margin: 0;
}
.hs-nasil-not {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px 20px;
    margin-top: 28px;
    text-align: center;
}
.hs-nasil-not p {
    margin: 0;
    font-weight: 500;
    color: var(--secondary-color);
}

/* Özel gün vitrini */
.hs-ozelgun {
    background: var(--hs-pembe);
    border-radius: 24px;
    padding: 44px;
}
.hs-ozelgun-aciklama {
    color: var(--hs-metin);
    line-height: 1.7;
    margin: 0 0 20px;
}
.hs-etiketler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 24px;
}
.hs-etiketler a {
    display: inline-block;
    background: #fff;
    color: var(--secondary-color);
    border: 1px solid #f3d6de;
    border-radius: 50px;
    padding: 7px 15px;
    font-size: 0.9rem;
    font-weight: 500;
}
.hs-etiketler a:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}
.hs-ozelgun-kolaj {
    display: grid;
    gap: 12px;
}
.hs-ozelgun-kolaj img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    display: block;
    min-height: 0;
}
.hs-kolaj-3 {
    grid-template-columns: 1.3fr 1fr;
    grid-template-rows: 1fr 1fr;
    aspect-ratio: 5 / 4;
}
.hs-kolaj-3 img:first-child {
    grid-row: 1 / span 2;
}
.hs-kolaj-2 {
    grid-template-columns: 1fr 1fr;
    aspect-ratio: 2 / 1;
}

/* İletişim bandı */
.hs-iletisim {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 32px;
    align-items: center;
    background: var(--hs-krem);
    border: 1px solid var(--hs-cizgi);
    border-radius: 24px;
    padding: 40px 44px;
}
.hs-iletisim-metin p {
    color: var(--hs-metin);
    line-height: 1.7;
    margin: 0 0 14px;
}
.hs-saatler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    font-size: 0.95rem;
}
.hs-saatler i {
    color: var(--ucuncu-renk);
    font-size: 1.2rem;
}
.hs-saatler strong {
    color: var(--secondary-color);
}
.hs-saatler span {
    flex-basis: 100%;
    color: var(--hs-soluk);
    font-size: 0.88rem;
    padding-left: 26px;
}
.hs-kanallar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.hs-kanal {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 14px;
    padding: 14px 16px;
    height: 100%;
    color: var(--secondary-color);
}
a.hs-kanal:hover {
    border-color: var(--secondary-color);
    color: var(--secondary-color);
}
.hs-kanal > i {
    font-size: 1.6rem;
    color: var(--ucuncu-renk);
    flex-shrink: 0;
}
.hs-kanal strong {
    display: block;
    font-size: 0.97rem;
}
.hs-kanal small {
    display: block;
    font-size: 0.85rem;
    color: var(--hs-soluk);
    line-height: 1.4;
    word-break: break-word;
}
.hs-kanal-wa {
    background: var(--hs-wa);
    border-color: var(--hs-wa);
    color: #fff;
}
.hs-kanal-wa > i,
.hs-kanal-wa small {
    color: #fff;
}
a.hs-kanal-wa:hover {
    background: var(--hs-wa-koyu);
    border-color: var(--hs-wa-koyu);
    color: #fff;
}

/* SSS */
.hs-sss-liste {
    max-width: 820px;
    margin: 0 auto;
    display: grid;
    gap: 10px;
}
.hs-sss-oge {
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 14px;
    padding: 0 20px;
}
.hs-sss-oge[open] {
    border-color: #d9cfc7;
}
.hs-sss-oge summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 0;
}
.hs-sss-oge summary::-webkit-details-marker {
    display: none;
}
.hs-page .hs-sss-oge summary h3 {
    font-size: 1.02rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin: 0;
    line-height: 1.45;
}
.hs-sss-oge summary i {
    color: var(--primary-color);
    font-size: 1.2rem;
    transition: transform .2s ease;
    flex-shrink: 0;
}
.hs-sss-oge[open] summary i {
    transform: rotate(45deg);
}
.hs-sss-oge p {
    margin: 0 0 18px;
    color: var(--hs-metin);
    line-height: 1.7;
}
.hs-sss-alt {
    text-align: center;
    margin: 22px 0 0;
}
.hs-sss-alt a {
    font-weight: 600;
}
.hs-sss-oge summary:focus-visible,
.hs-btn:focus-visible,
.hs-kutu:focus-visible,
.hs-kanal:focus-visible,
.hs-etiketler a:focus-visible {
    outline: 3px solid rgba(229, 26, 75, .35);
    outline-offset: 2px;
}

/* Hizmet tanıtımı (web sitesi) — koyu ama sıcak bant */
.hs-hizmet {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 36px;
    align-items: center;
    background: var(--secondary-color);
    color: #fff;
    border-radius: 24px;
    padding: 44px;
}
.hs-page .hs-hizmet h2.hs-baslik {
    color: #fff !important;
}
.hs-hizmet-aciklama {
    color: rgba(255, 255, 255, .82);
    line-height: 1.7;
    margin: 0 0 22px;
}
.hs-ust-metin-acik {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}
.hs-hizmet-not {
    font-size: 0.88rem;
    color: rgba(255, 255, 255, .7);
    margin: 0;
}
.hs-hizmet-maddeler {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.hs-hizmet-maddeler li {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 14px;
    padding: 14px 16px;
}
.hs-hizmet-maddeler i {
    font-size: 1.6rem;
    color: #fff;
    opacity: .9;
    flex-shrink: 0;
}
.hs-hizmet-maddeler strong {
    display: block;
    font-size: 0.97rem;
}
.hs-hizmet-maddeler small {
    display: block;
    font-size: 0.85rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, .72);
    margin-top: 2px;
}
@media (max-width: 991.98px) {
    .hs-hizmet {
        grid-template-columns: 1fr;
        padding: 32px 28px;
    }
}
@media (max-width: 575.98px) {
    .hs-hizmet {
        padding: 24px 18px;
        border-radius: 18px;
    }
    .hs-hizmet-maddeler {
        grid-template-columns: 1fr;
    }
}

/* Blog bandı (Icerik1) — ana sayfada koyu siyah yerine sıcak krem kart */
.hs-page .icerik1-bant {
    background: var(--hs-krem) !important;
    border-top: 1px solid var(--hs-cizgi);
}
.hs-page .icerik1-bant .text-white,
.hs-page .icerik1-bant .fw-bold {
    color: var(--secondary-color) !important;
}
.hs-page .icerik1-bant .text-white-50 {
    color: var(--hs-metin) !important;
}
.hs-page .icerik1-bant .badge {
    background: #fff !important;
    border: 1px solid var(--hs-cizgi);
}
.hs-page .icerik1-bant .btn-light {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

/* Yüzen WhatsApp butonu etiketi */
.hs-wa-etiket {
    position: fixed;
    right: 88px;
    bottom: 97px;
    z-index: 1000001;
    background: #fff;
    color: var(--secondary-color);
    font-size: 0.88rem;
    font-weight: 600;
    padding: 7px 14px;
    border-radius: 50px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
    white-space: nowrap;
}
.hs-wa-etiket:hover {
    color: var(--hs-wa-koyu);
}

/* Çerez bandı */
#cookie-consent.hs-cc {
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 1000002;
    max-width: 380px;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 14px;
    padding: 16px 18px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .10);
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
}
.hs-cc p {
    font-size: 0.84rem;
    line-height: 1.55;
    color: var(--hs-metin);
    margin: 0 0 12px;
}
.hs-cc p strong {
    color: var(--secondary-color);
}
.hs-cc-butonlar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.hs-cc button {
    padding: 7px 14px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid var(--hs-cizgi);
    background: #fff;
    color: var(--secondary-color);
}
.hs-cc button.hs-cc-kabul {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #fff;
}
.hs-cc-panel {
    display: none;
    margin-top: 12px;
    font-size: 0.85rem;
}

@media (max-width: 991.98px) {
    .hs-adimlar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 28px;
    }
    .hs-iletisim {
        grid-template-columns: 1fr;
        padding: 32px 28px;
    }
    .hs-ozelgun {
        padding: 32px 28px;
    }
}
@media (max-width: 575.98px) {
    .hs-giris {
        padding: 28px 0 36px;
    }
    .hs-bolum {
        padding: 36px 0;
    }
    .hs-butonlar .hs-btn {
        flex: 1 1 100%;
    }
    .hs-olgular {
        grid-template-columns: 1fr;
    }
    .hs-kutular {
        gap: 10px;
    }
    .hs-kutu-baslik {
        padding: 10px 12px;
        font-size: 0.9rem;
    }
    .hs-adimlar {
        grid-template-columns: 1fr;
    }
    .hs-kanallar {
        grid-template-columns: 1fr;
    }
    .hs-ozelgun,
    .hs-iletisim {
        padding: 24px 18px;
        border-radius: 18px;
    }
    .hs-wa-etiket {
        display: none;
    }
    /* Yüzen telefon/WhatsApp butonları mobilde içeriği daha az kapatsın */
    .btn-whatsapp-pulse,
    .btn-whatsapp2-pulse {
        padding: 26px;
        font-size: 24px;
        bottom: 74px;
    }
    .btn-whatsapp-pulse-border::before {
        padding: 18px;
        border-width: 3px;
    }
    #cookie-consent.hs-cc {
        left: 10px;
        right: 90px;
        bottom: 72px;
        max-width: none;
        padding: 12px 14px;
    }
    .hs-cc p {
        font-size: 0.78rem;
        line-height: 1.45;
        margin-bottom: 8px;
    }
    .hs-cc button {
        padding: 6px 12px;
        font-size: 0.8rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    .hs-btn,
    .hs-kutu,
    .hs-sss-oge summary i {
        transition: none;
    }
    .hs-btn:hover,
    .hs-kutu:hover {
        transform: none;
    }
}


/* =====================================================================
   KATEGORİ HARİTASI (2026-09-25) — /kategoriler, otomatik (KategoriHaritasi1)
   Ana sayfa .hs-* dilini kullanır (krem giriş, tek kart tipi, teklif CTA)
   ===================================================================== */
.kh-giris {
    background: var(--hs-krem);
    padding: 28px 0 32px;
}
.kh-yol {
    background: none !important;
    padding: 0 !important;
    height: auto !important;
    font-size: 0.86rem;
    color: var(--hs-soluk);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.kh-yol a {
    color: var(--hs-soluk);
}
.kh-yol a:hover {
    color: var(--primary-color);
}
.kh-baslik {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    color: var(--secondary-color);
    font-size: clamp(1.7rem, 1.25rem + 1.6vw, 2.4rem);
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin: 0 0 10px;
}
.kh-aciklama {
    color: var(--hs-metin);
    font-size: 1.04rem;
    line-height: 1.65;
    max-width: 720px;
    margin: 0 0 20px;
}
.kh-arama {
    position: relative;
    max-width: 560px;
}
.kh-arama i {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.3rem;
    color: var(--hs-soluk);
    pointer-events: none;
}
.kh-arama input {
    width: 100%;
    height: 52px;
    border: 1.5px solid var(--hs-cizgi);
    border-radius: 50px;
    background: #fff;
    padding: 0 20px 0 50px;
    font-size: 1rem;
    color: var(--secondary-color);
}
.kh-arama input:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(229, 26, 75, .1) !important;
}

/* Grup atlama şeridi (yapışkan) */
.kh-atla {
    position: sticky;
    top: 0;
    /* Üst menünün açılır listeleri (z-index 9-10) bu şeridin üstünde kalsın */
    z-index: 8;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(6px);
    border-bottom: 1px solid var(--hs-cizgi);
}
.kh-atla ul {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 10px 0;
    scrollbar-width: none;
}
.kh-atla ul::-webkit-scrollbar {
    display: none;
}
.kh-atla a {
    display: inline-block;
    white-space: nowrap;
    padding: 7px 15px;
    border-radius: 50px;
    border: 1px solid var(--hs-cizgi);
    background: #fff;
    color: var(--secondary-color);
    font-size: 0.9rem;
    font-weight: 500;
}
.kh-atla a:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

/* Gruplar */
.kh-grup {
    padding: 40px 0 8px;
    scroll-margin-top: 64px;
}
.kh-grup-ust {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 24px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.kh-grup-ust h2 {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    color: var(--secondary-color);
    font-size: clamp(1.35rem, 1.05rem + 1vw, 1.8rem);
    line-height: 1.25;
    margin: 0 0 6px;
}
.kh-grup-ust p {
    color: var(--hs-metin);
    margin: 0;
    max-width: 760px;
    line-height: 1.6;
}
.kh-tumu {
    font-weight: 600;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.kh-tumu span {
    color: var(--hs-soluk);
    font-weight: 500;
}
.kh-kartlar {
    display: grid;
    align-items: start;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}
.kh-kart {
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.kh-kart:hover {
    transform: translateY(-3px);
    border-color: #e4d9d1;
    box-shadow: 0 10px 24px rgba(67, 66, 66, .08);
}
.kh-kart[hidden] {
    display: none;
}
.kh-kart-ana {
    display: flex;
    flex-direction: column;
    color: var(--secondary-color);
    flex: 1;
}
.kh-kart-ana:hover {
    color: var(--secondary-color);
}
.kh-kart-gorsel {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #f6f3f0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kh-kart-gorsel img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.kh-kart-gorsel i {
    font-size: 2.6rem;
    color: #cbbfb6;
}
.kh-kart-ad {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.35;
    padding: 12px 14px 2px;
}
.kh-kart-sayi {
    font-size: 0.84rem;
    color: var(--hs-soluk);
    padding: 0 14px 12px;
}
.kh-etiketler {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 14px 14px;
}
.kh-etiketler a {
    display: inline-block;
    font-size: 0.78rem;
    line-height: 1.3;
    padding: 4px 10px;
    border-radius: 50px;
    background: var(--hs-krem);
    color: var(--hs-metin);
    border: 1px solid var(--hs-cizgi);
}
.kh-etiketler a:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}
.kh-grup[hidden] {
    display: none;
}

/* Yardım / sonuçsuz bantları */
.kh-yardim,
.kh-sonucsuz {
    margin: 36px 0 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 24px;
    background: var(--hs-pembe);
    border-radius: 18px;
    padding: 20px 26px;
}
.kh-yardim p,
.kh-sonucsuz p {
    margin: 0;
    font-weight: 500;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    gap: 10px;
}
.kh-yardim p i {
    font-size: 1.6rem;
    color: var(--primary-color);
}
.kh-yardim[hidden],
.kh-sonucsuz[hidden] {
    display: none;
}
.kh-kart-ana:focus-visible,
.kh-etiketler a:focus-visible,
.kh-atla a:focus-visible,
.kh-tumu:focus-visible {
    outline: 3px solid rgba(229, 26, 75, .35);
    outline-offset: 2px;
}

@media (max-width: 1199.98px) {
    .kh-kartlar {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 767.98px) {
    .kh-kartlar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .kh-grup {
        padding-top: 30px;
    }
    .kh-kart-ad {
        font-size: 0.92rem;
        padding: 10px 11px 2px;
    }
    .kh-kart-sayi {
        padding: 0 11px 10px;
    }
    .kh-etiketler {
        padding: 0 11px 11px;
    }
    .kh-etiketler a {
        font-size: 0.74rem;
        padding: 3px 8px;
    }
    .kh-yardim,
    .kh-sonucsuz {
        padding: 18px;
    }
    .kh-yardim .hs-btn,
    .kh-sonucsuz .hs-btn {
        width: 100%;
    }
}
@media (prefers-reduced-motion: reduce) {
    .kh-kart {
        transition: none;
    }
    .kh-kart:hover {
        transform: none;
    }
}


/* =====================================================================
   ÜRÜN DETAY SAYFASI (2026-09-25) — tasarım düzenlemesi (kod yapısı aynı)
   Seçim dili: teal (ucuncu-renk); CTA: primary. Hepsi .product_view_wrap altında.
   ===================================================================== */
[x-cloak] {
    display: none !important;
}

/* Galeri: daha büyük, gri bant yok */
.product_view_wrap .single_viewslider img {
    height: auto;
    aspect-ratio: 1 / 1;
    max-height: 560px;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 14px;
}
.product_view_wrap .single_viewslid_nav img {
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 8px;
    height: 72px;
}
@media (min-width: 992px) {
    .product_view_wrap .pdp-galeri {
        position: sticky;
        top: 16px;
        align-self: flex-start;
    }
}

/* Başlık */
.product_view_wrap .product_base_info h1 {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    font-size: clamp(1.45rem, 1.1rem + 1vw, 1.9rem);
    line-height: 1.25;
    color: var(--secondary-color);
    margin-bottom: 6px;
}
.product_view_wrap .product_base_info > p {
    color: var(--hs-soluk);
    margin-bottom: 18px;
}

/* Tüm seçim alanları tek görsel dilde */
.product_view_wrap .product_info_wrapper .size_selector h5,
.product_view_wrap .product_info_wrapper label.fw-bold,
.product_view_wrap .cart_qnty > p {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-size: 0.95rem;
    font-weight: 600 !important;
    color: var(--secondary-color);
    margin-bottom: 8px;
}
.product_view_wrap .pdp-grup {
    background: none;
    border: 0;
    padding: 0;
}
.product_view_wrap .pdp-grup-baslik {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--hs-soluk);
    border-bottom: 1px solid var(--hs-cizgi);
    padding-bottom: 8px;
    margin: 0 0 14px;
}
.product_view_wrap .product_info_wrapper .form-select,
.product_view_wrap .product_info_wrapper .form-control {
    min-height: 46px;
    border-radius: 10px;
    border-color: var(--hs-cizgi);
}
.product_view_wrap .product_info_wrapper .form-select:focus,
.product_view_wrap .product_info_wrapper .form-control:focus {
    border-color: var(--ucuncu-renk);
    box-shadow: 0 0 0 3px rgba(var(--ucuncu-renk-rgb), .12);
}
.product_view_wrap .btn-vrtn {
    border-radius: 50px;
    padding: 2px 16px;
}
.product_view_wrap .premium-card-3 {
    border-radius: 14px !important;
}
.product_view_wrap .premium-card-3 .btn-bambaski {
    background: var(--ucuncu-renk);
}

/* Teklif alanı */
.pdp-cta-alan {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--hs-cizgi);
}
.pdp-ozet {
    background: var(--hs-krem);
    border: 1px solid var(--hs-cizgi);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 14px;
}
.pdp-ozet-baslik {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--secondary-color);
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.pdp-ozet-baslik i {
    color: var(--ucuncu-renk);
    font-size: 1.2rem;
}
.pdp-ozet ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.pdp-ozet li {
    font-size: 0.82rem;
    line-height: 1.35;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 50px;
    padding: 4px 11px;
    color: var(--hs-metin);
}
.product_view_wrap .pdp-cta-btn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 54px;
    border-radius: 50px !important;
    text-transform: none !important;
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.product_view_wrap .pdp-cta-btn i {
    font-size: 1.5rem;
}
.product_view_wrap .pdp-cta-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
}
.pdp-cta-uyari {
    margin: 8px 0 0;
    font-size: 0.85rem;
    color: #9a5b00;
}
.pdp-guvence {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    margin: 12px 0 0;
    font-size: 0.84rem;
    color: var(--hs-metin);
}
.pdp-guvence i {
    color: var(--ucuncu-renk);
    font-weight: 700;
}
.pdp-teslim {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    font-size: 0.88rem;
    line-height: 1.45;
    color: var(--hs-metin);
}
.pdp-teslim i {
    font-size: 1.5rem;
    color: var(--ucuncu-renk);
}
.pdp-teslim strong {
    color: var(--secondary-color);
}
.pdp-kargo-not {
    margin: 8px 0 0;
    font-size: 0.84rem;
    color: var(--hs-soluk);
    display: flex;
    align-items: center;
    gap: 6px;
}
.pdp-alt-bilgi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px dashed var(--hs-cizgi);
}
.pdp-kod {
    font-size: 0.8rem;
    color: var(--hs-soluk);
}
/* Paylaş düğmesi (ShareThis yerine; v2'deki .pdp2-meta button ile aynı görünüm) */
.pdp-paylas {
    border: 0;
    background: none;
    padding: 2px 0;
    display: flex;
    gap: 5px;
    align-items: center;
    color: var(--ucuncu-renk);
    font-weight: 500;
    font-size: 0.8rem;
}

/* Bölüm başlıkları ve ürün kartları */
.product_view_wrap .pdp-bolum-baslik {
    text-transform: none !important;
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    font-size: clamp(1.3rem, 1.05rem + .8vw, 1.7rem) !important;
    color: var(--secondary-color);
}
.product_view_wrap .topariv_cont h4 {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
}

/* Mobil: teklif butonu yapışkan; yüzen butonlar ürün sayfasında gizli (eksik bilgiyle mesaj gitmesin) */
@media (max-width: 991.98px) {
    .product_view_wrap .pdp-cta {
        position: sticky;
        bottom: 62px;
        z-index: 30;
        background: #fff;
        margin: 0 -12px;
        padding: 10px 12px;
        box-shadow: 0 -10px 18px -12px rgba(0, 0, 0, .25);
    }
    body:has(.pdp-cta) .btn-whatsapp-pulse,
    body:has(.pdp-cta) .btn-whatsapp2-pulse {
        display: none !important;
    }
}
body:has(.pdp-cta) .hs-wa-etiket {
    display: none !important;
}


/* --- Ürün detay: özellikler, seçenek açıklaması, sekmeler, iade (2026-09-25) --- */
.pdp-ozellik {
    margin: 40px 0 8px;
}
.pdp-ozellik-baslik {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    font-size: clamp(1.25rem, 1.05rem + .7vw, 1.6rem);
    color: var(--secondary-color);
    margin: 0 0 18px;
}
.pdp-ozellik-liste {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 10px;
    margin: 0 0 18px;
}
.pdp-ozellik-oge {
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 12px;
    padding: 12px 14px;
}
.pdp-ozellik-oge dt {
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--hs-soluk);
    margin-bottom: 3px;
}
.pdp-ozellik-oge dd {
    margin: 0;
    font-weight: 600;
    font-size: 0.97rem;
    color: var(--secondary-color);
    line-height: 1.4;
}
.pdp-secenek-aciklama {
    background: var(--hs-krem);
    border: 1px solid var(--hs-cizgi);
    border-left: 4px solid var(--ucuncu-renk);
    border-radius: 12px;
    padding: 18px 22px;
}
.pdp-secenek-aciklama-baslik {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--ucuncu-renk);
    margin-bottom: 8px;
}
.pdp-secenek-aciklama-baslik i {
    font-size: 1.25rem;
}
.pdp-secenek-aciklama-metin {
    color: var(--hs-metin);
    font-size: 0.97rem;
    line-height: 1.75;
    max-width: 880px;
}
.pdp-secenek-aciklama-metin > :last-child {
    margin-bottom: 0;
}
.pdp-secenek-aciklama-metin strong {
    color: var(--secondary-color);
}

/* Sekme butonları: pill */
.product_view_wrap .pv_tab_buttons {
    gap: 8px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--hs-cizgi);
    padding-bottom: 12px;
    margin-bottom: 28px;
}
.product_view_wrap .pbt_single_btn {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-size: 0.92rem;
    font-weight: 500;
    padding: 9px 18px;
    margin: 0;
    border: 1px solid var(--hs-cizgi);
    border-radius: 50px;
    color: var(--secondary-color);
    background: #fff;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}
.product_view_wrap .pbt_single_btn:hover {
    border-color: var(--secondary-color);
}
.product_view_wrap .pbt_single_btn.active {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: #fff;
}

/* SSS akordeonu */
.product_view_wrap .pbqna_wrp .accordion-item {
    border: 1px solid var(--hs-cizgi);
    border-radius: 12px !important;
    margin-bottom: 8px;
    overflow: hidden;
}
.product_view_wrap .pbqna_wrp .accordion-button {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 600;
    font-size: 0.97rem;
    color: var(--secondary-color);
    background: #fff;
    box-shadow: none;
}
.product_view_wrap .pbqna_wrp .accordion-button:not(.collapsed) {
    color: var(--ucuncu-renk);
    background: rgba(var(--ucuncu-renk-rgb), .05);
}
.product_view_wrap .pbqna_wrp .accordion-body {
    color: var(--hs-metin);
    line-height: 1.7;
}
.product_view_wrap .pbqna_wrp .title_3 h4 {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: none;
}

/* İade sekmesi: özet kutusu + okunaklı sözleşme metni */
.pdp-iade-ozet {
    background: var(--hs-krem);
    border: 1px solid var(--hs-cizgi);
    border-radius: 16px;
    padding: 20px 24px;
    margin-bottom: 28px;
}
.pdp-iade-ozet-baslik {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--secondary-color);
    margin-bottom: 12px;
}
.pdp-iade-ozet-baslik i {
    color: var(--ucuncu-renk);
    font-size: 1.4rem;
}
.pdp-iade-ozet ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}
.pdp-iade-ozet li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: var(--hs-metin);
    font-size: 0.95rem;
    line-height: 1.55;
}
.pdp-iade-ozet li i {
    color: var(--ucuncu-renk);
    font-size: 1.3rem;
    flex-shrink: 0;
    margin-top: 1px;
}
.pdp-iade-ozet li strong {
    color: var(--secondary-color);
}
.pdp-iade-metin .section_padding_b {
    padding: 0 !important;
}
.pdp-iade-metin .container {
    padding: 0;
    max-width: 880px;
    margin: 0;
    color: var(--hs-metin) !important;
}
.pdp-iade-metin .privacy_content {
    font-size: 0.95rem;
    line-height: 1.75;
    color: var(--hs-metin);
}
.pdp-iade-metin .privacy_content h3 {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    font-size: 1.08rem;
    color: var(--secondary-color);
    margin: 28px 0 10px;
    padding-top: 18px;
    border-top: 1px solid var(--hs-cizgi);
}
.pdp-iade-metin .privacy_content h3 strong {
    font-weight: inherit;
}
.pdp-iade-metin .privacy_content p {
    margin-bottom: 10px;
}
.pdp-iade-metin .privacy_content p:first-child {
    font-size: 1rem;
    color: var(--secondary-color);
}

@media (max-width: 575.98px) {
    .pdp-ozellik-liste {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .pdp-ozellik-oge {
        padding: 10px 12px;
    }
    .pdp-secenek-aciklama,
    .pdp-iade-ozet {
        padding: 16px;
    }
    .product_view_wrap .pbt_single_btn {
        font-size: 0.85rem;
        padding: 8px 14px;
    }
}


/* --- Ürün detay: global form sihirbazı seçim modalı (2026-09-25) --- */
.pdp-modal .modal-dialog {
    max-height: 92vh;
}
.pdp-modal-icerik {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    max-height: 88vh;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .18);
}
.pdp-modal-govde-kap {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 88vh;
    min-height: 0;
}
.pdp-modal-baslik {
    align-items: flex-start;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--hs-cizgi);
    background: #fff;
    flex-shrink: 0;
}
.pdp-modal-baslik .modal-title {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    color: var(--secondary-color);
    margin: 0 0 4px;
}
.pdp-modal-alt {
    margin: 0;
    font-size: 0.88rem;
    color: var(--hs-soluk);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}
.pdp-modal-sayi {
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--ucuncu-renk);
    background: rgba(var(--ucuncu-renk-rgb), .08);
    border-radius: 50px;
    padding: 2px 10px;
}
.pdp-modal-baslik .btn-close {
    margin: 2px 0 0 12px;
    opacity: .6;
}
.pdp-modal-govde {
    background: var(--hs-krem);
    padding: 20px 24px;
    overflow-y: auto !important;
    flex: 1 1 auto;
    min-height: 0;
}

/* Seçim kartı (ortak) */
.pdp-secim {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    background: #fff;
    border: 1.5px solid var(--hs-cizgi);
    border-radius: 14px;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
    color: var(--secondary-color);
}
.pdp-secim:hover {
    border-color: #d3c6bb;
    box-shadow: 0 6px 16px rgba(67, 66, 66, .07);
}
.pdp-secim.secili {
    border-color: var(--ucuncu-renk);
    box-shadow: 0 0 0 3px rgba(var(--ucuncu-renk-rgb), .14);
}
.pdp-secim-etiket {
    font-weight: 600;
    font-size: 0.86rem;
    line-height: 1.3;
}
.pdp-secim-fiyat {
    display: inline-block;
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--ucuncu-renk);
    background: rgba(var(--ucuncu-renk-rgb), .08);
    border-radius: 50px;
    padding: 2px 9px;
    margin-top: 4px;
}

/* Görselli kart: sabit oranlı beyaz alan, görsel tam oturur */
.pdp-secim-gorselli {
    flex-direction: column;
    overflow: hidden;
}
.pdp-secim-gorsel {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #fff;
    border-bottom: 1px solid #f3eee9;
}
.pdp-secim-gorsel.oran-serbest {
    aspect-ratio: auto;
}
.pdp-secim-gorsel img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pdp-secim-gorsel.oran-serbest img {
    height: auto;
}
.pdp-secim-alt {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 8px 8px 10px;
    margin-top: auto;
}
.pdp-secim-gorselli.secili .pdp-secim-alt {
    background: rgba(var(--ucuncu-renk-rgb), .07);
}
.pdp-secim-gorselli.secili .pdp-secim-etiket {
    color: var(--ucuncu-renk);
}
.pdp-secim-rozet {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--ucuncu-renk);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    box-shadow: 0 0 0 3px #fff;
    opacity: 0;
    transform: scale(.6);
    transition: opacity .15s ease, transform .15s ease;
}
.pdp-secim.secili .pdp-secim-rozet {
    opacity: 1;
    transform: scale(1);
}

/* Metin listesi kartı */
.pdp-secim-metin {
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    text-align: left;
}
.pdp-secim-metin.secili {
    background: rgba(var(--ucuncu-renk-rgb), .05);
}
.pdp-secim-isaret {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border-radius: 50%;
    border: 2px solid #cfc3b9;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    font-size: 0.8rem;
    transition: all .15s ease;
}
.pdp-secim-isaret.kare {
    border-radius: 6px;
}
.pdp-secim.secili .pdp-secim-isaret {
    border-color: var(--ucuncu-renk);
    background: var(--ucuncu-renk);
    color: #fff;
}
.pdp-secim-metin-icerik {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.pdp-secim-metin .pdp-secim-etiket {
    font-weight: 500;
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--secondary-color);
}
.pdp-secim-metin .pdp-secim-aciklama {
    font-size: 0.85rem;
    line-height: 1.55;
    color: var(--hs-soluk);
    white-space: pre-line;
}
.pdp-secim-metin .pdp-secim-fiyat {
    align-self: flex-start;
}

/* Alt bar */
.pdp-modal-alt-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px 24px;
    border-top: 1px solid var(--hs-cizgi);
    background: #fff;
    flex-shrink: 0;
}
.pdp-modal-durum {
    font-size: 0.88rem;
    color: var(--hs-soluk);
}
.pdp-modal-durum .hazir {
    color: var(--ucuncu-renk);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.pdp-modal-durum .hazir i {
    font-size: 1.15rem;
}
.pdp-modal-onay {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 50px;
    background: var(--ucuncu-renk);
    color: #fff;
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    padding: 11px 26px;
    min-height: 46px;
    transition: background-color .15s ease;
}
.pdp-modal-onay:hover {
    background: #2a5555;
}
.pdp-secim:focus-within,
.pdp-modal-onay:focus-visible {
    outline: 3px solid rgba(var(--ucuncu-renk-rgb), .35);
    outline-offset: 2px;
}

@media (max-width: 575.98px) {
    .pdp-modal-icerik,
    .pdp-modal-govde-kap {
        border-radius: 0;
        max-height: none;
        height: 100%;
    }
    .pdp-modal-baslik {
        padding: 16px 16px 12px;
    }
    .pdp-modal-govde {
        padding: 14px 12px;
    }
    .pdp-modal-govde .row {
        --bs-gutter-x: .6rem;
        --bs-gutter-y: .6rem;
    }
    .pdp-secim-alt {
        padding: 6px 4px 8px;
    }
    .pdp-secim-etiket {
        font-size: 0.78rem;
    }
    .pdp-secim-metin {
        padding: 14px;
    }
    .pdp-secim-metin .pdp-secim-etiket {
        font-size: 0.9rem;
    }
    .pdp-modal-alt-bar {
        padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    }
    .pdp-modal-onay {
        flex: 1;
        justify-content: center;
    }
    .pdp-modal-durum {
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .pdp-secim,
    .pdp-secim-rozet,
    .pdp-secim-isaret {
        transition: none;
    }
}

/* =====================================================================
   TESLİM SÜRELERİ TABLOSU (.ts-*) + metin bloklarında liste işaretleri — 2026-09-28
   ===================================================================== */
.ts-tablo-kap {
    max-width: 860px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 14px;
    overflow: hidden;
}
.ts-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}
.ts-tablo thead th {
    background: var(--hs-krem);
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 0.85rem;
    padding: 12px 18px;
    text-align: left;
    border-bottom: 1px solid var(--hs-cizgi);
}
.ts-tablo tbody th,
.ts-tablo tbody td {
    padding: 13px 18px;
    border-bottom: 1px solid var(--hs-cizgi);
    color: var(--hs-metin);
    vertical-align: middle;
}
.ts-tablo tbody tr:last-child th,
.ts-tablo tbody tr:last-child td {
    border-bottom: 0;
}
.ts-tablo tbody th {
    font-weight: 600;
}
.ts-tablo tbody th a {
    color: var(--secondary-color);
    text-decoration: none;
}
.ts-tablo tbody th a:hover {
    color: var(--ucuncu-renk);
    text-decoration: underline;
}
.ts-tablo tbody tr:hover {
    background: #fcfaf8;
}
.ts-not {
    max-width: 860px;
    margin: 14px auto 0;
    font-size: 0.85rem;
    color: var(--hs-soluk);
}
@media (max-width: 575px) {
    .ts-tablo thead {
        display: none;
    }
    .ts-tablo tbody tr {
        display: block;
        padding: 12px 16px;
        border-bottom: 1px solid var(--hs-cizgi);
    }
    .ts-tablo tbody tr:last-child {
        border-bottom: 0;
    }
    .ts-tablo tbody th,
    .ts-tablo tbody td {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 3px 0;
        border: 0;
    }
    .ts-tablo tbody th {
        padding-bottom: 6px;
    }
    .ts-tablo tbody td::before {
        content: attr(data-etiket);
        color: var(--hs-soluk);
        font-size: 0.85rem;
    }
}

/* Düz metin / SEO açıklama bloklarında editörden gelen listeler madde işaretiyle görünsün */
.ed-metin ul {
    list-style: disc;
    padding-left: 1.3rem;
    margin: 0 0 1rem;
}
.ed-metin ol {
    list-style: decimal;
    padding-left: 1.3rem;
    margin: 0 0 1rem;
}
.ed-metin li {
    margin-bottom: 0.35rem;
}
.ed-metin {
    max-width: 860px;
}
.hs-page .about_hiscont .title_2 {
    text-transform: none;
}
/* DuzMetin1 "kırmızı başlık" = küçük üst etiket (hs-page'in büyük H2 kuralı ezmesin) */
.hs-page .about_hiscont h2.text_md {
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    color: var(--primary-color) !important;
    letter-spacing: 0.01em;
    margin-bottom: 4px;
}
@media (max-width: 575px) {
    .alt-kat-card__body {
        padding: 0.8rem 0.9rem 0.95rem;
    }
    .alt-kat-card__title {
        font-size: 0.98rem;
    }
    .alt-kat-card__cta {
        font-size: 0.85rem;
    }
    .alt-kat-card__badge {
        top: 8px;
        left: 8px;
        font-size: 0.72rem;
        padding: 5px 9px;
    }
}

/* =====================================================================
   KATEGORİ LİSTE ŞABLONU (.kl-*) — eski liste sayfaları (liste1-old), 2026-09-28
   ===================================================================== */
.kl-ust {
    padding: 8px 0 22px;
}
.kl-ust-gorsel {
    border-radius: 12px;
}
.kl-baslik {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 700;
    color: var(--secondary-color);
    font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.1rem);
    line-height: 1.2;
    margin: 12px 0 8px;
    text-transform: none;
}
.kl-aciklama {
    color: var(--hs-metin);
    max-width: 820px;
    margin-bottom: 12px;
}
.kl-aciklama p {
    margin-bottom: 0;
}
.kl-cipler {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.kl-cipler li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--hs-krem);
    border: 1px solid var(--hs-cizgi);
    border-radius: 50px;
    padding: 6px 12px;
    font-size: 0.85rem;
    color: var(--secondary-color);
}
.kl-cipler li i {
    color: var(--ucuncu-renk);
    font-size: 1.05rem;
}
.kl-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
}
.kl-cta .hs-btn {
    min-height: 44px;
    padding: 10px 22px;
    font-size: 0.95rem;
}
.kl-cta-not {
    font-size: 0.88rem;
    color: var(--hs-soluk);
}

/* Ürün kartı: ad normal harf, görsel yüksekliği sınıfla */
.single_toparrival .topariv_cont h4 {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
}
.kl-kart-gorsel {
    height: 200px;
}

/* Alttaki uzun kategori metni: katlanır */
.kl-metin {
    position: relative;
    max-width: 900px;
}
.kl-metin-govde {
    max-height: 190px;
    overflow: hidden;
    position: relative;
}
.kl-metin-govde::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
.kl-metin--acik .kl-metin-govde {
    max-height: none;
}
.kl-metin--acik .kl-metin-govde::after {
    display: none;
}
.kl-metin-dugme {
    margin-top: 8px;
    background: none;
    border: 0;
    padding: 6px 0;
    color: var(--ucuncu-renk);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}
.kl-metin-dugme i {
    transition: transform 0.2s ease;
}
.kl-metin--acik .kl-metin-dugme i {
    transform: rotate(180deg);
}
@media (max-width: 575px) {
    .kl-kart-gorsel {
        height: 140px;
    }
    .single_toparrival .topariv_cont {
        padding: 10px 10px 12px;
    }
    .single_toparrival .topariv_cont h4 {
        font-size: 14px;
    }
    .kl-cta .hs-btn {
        flex: 1 1 100%;
    }
}

/* ---------- Liste şablonu v2: araç çubuğu (sekmeler + çip filtreler + sıralama) ---------- */
[x-cloak] {
    display: none !important;
}
.kl-cip-atolye {
    background: #eef5f4 !important;
    border-color: #cfe3e0 !important;
    font-weight: 600;
}
.kl-govde {
    padding-bottom: 48px;
}
.kl-arac-satir {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px 20px;
    padding: 14px 0;
    border-bottom: 1px solid var(--hs-cizgi);
    margin-bottom: 18px;
}

/* ---------- Kategori rayı (gezinme): görselli mini kartlar ---------- */
/* şablondaki genel "nav { background }" kuralını sıfırla */
nav.kl-ray {
    background: var(--hs-krem);
    border-top: 1px solid var(--hs-cizgi);
    border-bottom: 1px solid var(--hs-cizgi);
    padding: 16px 0 14px;
    margin-bottom: 6px;
}
.kl-ray .kl-ray-oge {
    border-color: #e8dfd8;
    box-shadow: 0 1px 2px rgba(67, 66, 66, 0.04);
}
.kl-ray .kl-ray-oge--aktif,
.kl-ray .kl-ray-oge--aktif:hover {
    border-color: var(--ucuncu-renk);
    background: #f1f7f6;
    box-shadow: inset 0 0 0 1px var(--ucuncu-renk);
}
.kl-ray-liste {
    list-style: none;
    margin: 0;
    padding: 2px 2px 6px;
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
}
.kl-ray-liste li {
    flex: 0 0 auto;
    scroll-snap-align: start;
}
/* Taşma: oklar + kenar geçişleri + fareyle sürükleme */
.kl-ray-kap {
    position: relative;
}
.kl-ray .kl-ray-liste {
    scrollbar-width: none;
    cursor: grab;
}
.kl-ray .kl-ray-liste::-webkit-scrollbar {
    display: none;
}
.kl-ray-liste--surukleniyor {
    cursor: grabbing !important;
    scroll-snap-type: none !important;
    user-select: none;
}
.kl-ray-liste--surukleniyor a {
    pointer-events: none;
}
.kl-ray-kap::before,
.kl-ray-kap::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 6px;
    width: 56px;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.kl-ray-kap::before {
    left: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
    background: linear-gradient(to right, var(--hs-krem), rgba(251, 247, 244, 0));
}
.kl-ray-kap::after {
    right: calc(var(--bs-gutter-x, 1.5rem) * 0.5);
    background: linear-gradient(to left, var(--hs-krem), rgba(251, 247, 244, 0));
}
.kl-ray--sol .kl-ray-kap::before,
.kl-ray--sag .kl-ray-kap::after {
    opacity: 1;
}
.kl-ray-ok {
    position: absolute;
    top: calc(50% - 3px);
    transform: translateY(-50%);
    z-index: 2;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #e8dfd8;
    background: #fff;
    color: var(--secondary-color);
    box-shadow: 0 4px 12px rgba(67, 66, 66, 0.14);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}
.kl-ray-ok:hover {
    border-color: var(--ucuncu-renk);
    color: var(--ucuncu-renk);
}
.kl-ray-ok:focus-visible {
    outline: 2px solid var(--ucuncu-renk);
    outline-offset: 2px;
}
.kl-ray-ok--sol {
    left: 0;
}
.kl-ray-ok--sag {
    right: 0;
}
/* Dokunmatikte oklar gereksiz (parmakla kaydırılır), kenar geçişi kalır */
@media (hover: none) {
    .kl-ray-ok {
        display: none !important;
    }
    .kl-ray .kl-ray-liste {
        cursor: auto;
    }
}
.kl-ray-oge {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 190px;
    padding: 8px 18px 8px 8px;
    background: #fff;
    border: 1px solid #efe9e4;
    border-radius: 14px;
    text-decoration: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.kl-ray-oge:hover {
    border-color: #ddd2ca;
    box-shadow: 0 6px 16px rgba(67, 66, 66, 0.08);
    transform: translateY(-2px);
}
.kl-ray-oge--aktif,
.kl-ray-oge--aktif:hover {
    border-color: var(--ucuncu-renk);
    background: #f1f7f6;
    box-shadow: inset 0 0 0 1px var(--ucuncu-renk);
    transform: none;
}
.kl-ray-gorsel {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 10px;
    background: #f4f1ee;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kl-ray-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: multiply;
}
.kl-ray-gorsel i {
    font-size: 1.4rem;
    color: var(--ucuncu-renk);
}
.kl-ray-metin {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}
.kl-ray-ad {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--secondary-color);
}
.kl-ray-oge--aktif .kl-ray-ad {
    color: var(--ucuncu-renk);
}
.kl-ray-sayi {
    font-size: 0.78rem;
    color: var(--hs-soluk);
    margin-top: 2px;
}
.kl-filtre-etiket {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--hs-soluk);
    margin-right: 4px;
    align-self: center;
}
@media (max-width: 575px) {
    .kl-ray-oge {
        min-width: 0;
        padding: 6px 14px 6px 6px;
        gap: 10px;
    }
    .kl-ray-gorsel {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
    .kl-ray-ad {
        font-size: 0.88rem;
    }
}
.kl-arac-satir > :first-child {
    flex: 1 1 auto;
    min-width: 0;
}
.kl-arac {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.kl-filtreler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.kl-acilir {
    position: relative;
}
.kl-cip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 50px;
    border: 1px solid var(--hs-cizgi);
    background: var(--hs-krem);
    color: var(--secondary-color);
    font-size: 0.88rem;
    cursor: pointer;
    transition: border-color 0.2s ease;
}
.kl-cip:hover,
.kl-cip[aria-expanded="true"] {
    border-color: var(--secondary-color);
}
.kl-cip--secili {
    border-color: var(--ucuncu-renk);
    background: #eef5f4;
}
.kl-cip-sayi {
    min-width: 20px;
    height: 20px;
    border-radius: 50px;
    background: var(--ucuncu-renk);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.kl-acilir-panel {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 30;
    min-width: 220px;
    max-height: 320px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
    padding: 8px;
}
.kl-secenek {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--secondary-color);
    margin: 0;
}
.kl-secenek:hover {
    background: var(--hs-krem);
}
.kl-secenek input {
    width: 17px;
    height: 17px;
    accent-color: var(--ucuncu-renk);
    flex: 0 0 auto;
}
.kl-secililer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
}
.kl-secili {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 50px;
    border: 0;
    background: var(--ucuncu-renk);
    color: #fff;
    font-size: 0.8rem;
    cursor: pointer;
}
.kl-temizle {
    font-size: 0.85rem;
    color: var(--hs-soluk);
    text-decoration: underline;
}
.kl-siralama {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}
.kl-siralama-etiket {
    font-size: 0.85rem;
    color: var(--hs-soluk);
    margin: 0;
}
.kl-siralama-secim {
    border: 1px solid var(--hs-cizgi);
    border-radius: 50px;
    padding: 7px 34px 7px 14px;
    font-size: 0.88rem;
    color: var(--secondary-color);
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23434242' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
    appearance: none;
    cursor: pointer;
}
.kl-sonuc {
    font-size: 0.85rem;
    color: var(--hs-soluk);
    margin: 0 0 14px;
}

/* ---------- Liste şablonu v2: ürün kartı ---------- */
.kl-izgara {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.kl-kart {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #efe9e4;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.kl-kart:hover,
.kl-kart:focus-within {
    transform: translateY(-4px);
    border-color: #e2d9d2;
    box-shadow: 0 12px 26px rgba(67, 66, 66, 0.1);
}
.kl-kart-medya {
    display: block;
    aspect-ratio: 1 / 1;
    background: #f4f1ee;
    overflow: hidden;
}
.kl-kart-medya img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
    transition: transform 0.4s ease;
}
.kl-kart:hover .kl-kart-medya img {
    transform: scale(1.04);
}
/* Hover medyası (kl-kart-medya.js): video ya da ek görseller ana görselin üstünde yumuşak geçişle */
.kl-kart-medya {
    position: relative;
}
.kl-kart-medya .kl-kart-ek,
.kl-kart-medya .kl-kart-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}
.kl-kart-medya .kl-kart-ek {
    mix-blend-mode: multiply;
}
.kl-kart-medya .kl-kart-video {
    background: #f4f1ee;
}
.kl-kart-medya .kl-gorunur {
    opacity: 1;
}
.kl-kart-medya > img:not(.kl-kart-ek) {
    transition: transform 0.4s ease, opacity 0.35s ease;
}
.kl-kart-medya.kl-ek-acik > img:not(.kl-kart-ek) {
    opacity: 0;
}
.kl-kart-noktalar {
    position: absolute;
    left: 50%;
    bottom: 8px;
    transform: translateX(-50%);
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}
.kl-kart:hover .kl-kart-noktalar {
    opacity: 1;
}
.kl-kart-noktalar i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(67, 66, 66, 0.25);
    transition: background 0.2s ease;
}
.kl-kart-noktalar i.kl-aktif {
    background: var(--bambaski-teal);
}
.kl-kart-govde {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 14px 16px 16px;
}
.kl-kart-ad {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0 0 6px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.kl-kart-ad a {
    color: var(--secondary-color);
    text-decoration: none;
}
/* Kartın tamamı tıklanır (erişilebilir tek link: başlık) */
.kl-kart-ad a::after {
    content: "";
    position: absolute;
    inset: 0;
}
.kl-kart-bilgi {
    font-size: 0.82rem;
    color: var(--hs-soluk);
    margin: 0 0 12px;
}
.kl-kart-incele {
    margin-top: auto;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--ucuncu-renk);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.kl-kart-incele i {
    transition: transform 0.2s ease;
}
.kl-kart:hover .kl-kart-incele i {
    transform: translateX(3px);
}

/* ---------- Liste şablonu v2: "Nasıl seçerim?" bandı + boş durum ---------- */
.kl-rehber {
    background: var(--hs-krem);
    border: 1px solid var(--hs-cizgi);
    border-radius: 16px;
    padding: 24px 26px;
    margin: 8px 0;
}
.kl-rehber-baslik {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin: 0 0 16px;
}
.kl-rehber-liste {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px 24px;
}
.kl-rehber-liste i {
    font-size: 1.6rem;
    color: var(--ucuncu-renk);
}
.kl-rehber-liste h3 {
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin: 6px 0 4px;
}
.kl-rehber-liste p {
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--hs-metin);
    margin: 0;
}
.kl-bos {
    text-align: center;
    padding: 48px 16px;
    border: 1px dashed var(--hs-cizgi);
    border-radius: 16px;
    color: var(--hs-metin);
}
.kl-bos > i {
    font-size: 2.2rem;
    color: var(--ucuncu-renk);
}
.kl-bos p {
    max-width: 460px;
    margin: 10px auto 18px;
}
@media (max-width: 767px) {
    /* Tek satır: filtre çipleri yana kayar, sıralama sağda kompakt */
    .kl-arac-satir {
        align-items: center;
        gap: 10px;
        padding: 10px 0;
        margin-bottom: 12px;
    }
    .kl-filtreler {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        padding: 2px 0;
    }
    .kl-filtreler::-webkit-scrollbar {
        display: none;
    }
    .kl-filtre-etiket {
        display: none;
    }
    .kl-cip {
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 0.82rem;
    }
    /* Açılır panel kayan satırın içinde kırpılmasın: ekrana sabitlenir */
    .kl-acilir-panel {
        position: fixed;
        top: auto;
        left: 12px;
        right: 12px;
        bottom: 76px;
        min-width: 0;
        max-height: 50vh;
    }
    .kl-siralama-etiket {
        display: none;
    }
    .kl-siralama-secim {
        font-size: 0.82rem;
        padding: 6px 28px 6px 12px;
        background-position: right 10px center;
    }
    .kl-cipler li {
        font-size: 0.78rem;
        padding: 5px 10px;
    }
    .kl-sonuc {
        margin: 0 0 10px;
    }
    .kl-rehber-liste {
        grid-template-columns: 1fr;
    }
    .kl-rehber {
        padding: 20px 18px;
    }
}
@media (max-width: 575px) {
    .kl-kart-govde {
        padding: 10px 11px 12px;
    }
    .kl-kart-ad {
        font-size: 0.86rem;
    }
    .kl-kart-bilgi {
        font-size: 0.75rem;
        margin-bottom: 8px;
    }
    .kl-acilir-panel {
        min-width: 200px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .kl-kart,
    .kl-kart-medya img,
    .kl-kart-incele i {
        transition: none;
    }
    .kl-kart:hover,
    .kl-kart:hover .kl-kart-medya img {
        transform: none;
    }
}

/* =====================================================================
   SEKTÖR / ORGANİZASYON SAYFALARI (kullanım alanı, 2026-09-29)
   .iv-* = İhtiyaç Vitrini #1 (ihtiyaca göre gruplanmış kategori kartları, kart görünümü .alt-kat-card)
   .ka-blog-* = sayfanın ilgili rehberleri
   ===================================================================== */
.iv {
    background: var(--hs-krem);
}
.iv-cipler {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: -8px auto 36px;
}
.iv-cip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 50px;
    background: #fff;
    border: 1.5px solid var(--hs-cizgi);
    color: var(--secondary-color);
    font-weight: 500;
    font-size: 0.95rem;
    text-decoration: none;
    transition: border-color .2s ease, color .2s ease;
}
.iv-cip span {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ucuncu-renk);
    background: rgba(51, 102, 102, 0.1);
    border-radius: 50px;
    padding: 1px 8px;
}
.iv-cip:hover,
.iv-cip:focus-visible {
    border-color: var(--ucuncu-renk);
    color: var(--ucuncu-renk);
}
.iv-grup {
    scroll-margin-top: 90px;
}
.iv-grup + .iv-grup {
    margin-top: 44px;
}
.iv-grup-ust {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 18px;
    margin-bottom: 18px;
    padding-left: 14px;
    border-left: 4px solid var(--ucuncu-renk);
}
.hs-page .iv-grup-baslik {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--secondary-color);
}
.iv-grup-metin {
    margin: 0;
    color: var(--hs-soluk);
    font-size: 0.98rem;
}
.iv-liste {
    list-style: none;
    padding: 0;
    margin: 0;
}
.hs-page .iv-kart .alt-kat-card__title {
    font-size: 1.02rem;
}
.iv-cta {
    margin: 48px auto 0;
    max-width: 760px;
    padding: 24px 28px;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.iv-cta-metin {
    flex: 1 1 320px;
    margin: 0;
    color: var(--hs-metin);
    font-size: 1rem;
}
@media (max-width: 575.98px) {
    .iv-cipler {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        margin: -8px -16px 28px;
        padding: 0 16px 4px;
        scrollbar-width: none;
    }
    .iv-cipler::-webkit-scrollbar {
        display: none;
    }
    .iv-cip {
        flex: 0 0 auto;
    }
    .iv-grup-ust {
        padding-left: 10px;
    }
    .iv-cta {
        padding: 20px;
    }
    .iv-cta .hs-btn {
        width: 100%;
    }
}

.ka-blog-ust {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
}
.ka-blog-tumu {
    color: var(--ucuncu-renk);
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
}
.ka-blog-liste {
    list-style: none;
    padding: 0;
    margin: 0;
}
.ka-blog-kart {
    position: relative;
    height: 100%;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 16px;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease;
}
.ka-blog-kart:hover,
.ka-blog-kart:focus-within {
    transform: translateY(-4px);
    box-shadow: 0 8px 15px rgba(51, 102, 102, 0.15);
}
.ka-blog-gorsel {
    aspect-ratio: 16 / 9;
    background: var(--hs-krem-koyu);
    overflow: hidden;
}
.ka-blog-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.ka-blog-govde {
    padding: 16px 18px 20px;
}
.ka-blog-etiket {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ucuncu-renk);
    margin-bottom: 6px;
}
.hs-page .ka-blog-baslik {
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
}
.ka-blog-baslik a {
    color: var(--secondary-color);
    text-decoration: none;
}
.ka-blog-kart:hover .ka-blog-baslik a {
    color: var(--primary-color);
}
.ka-blog-ozet {
    margin: 0;
    color: var(--hs-soluk);
    font-size: 0.92rem;
    line-height: 1.55;
}
.hs-sss-oge .ed-metin {
    padding: 0 0 18px;
    color: var(--hs-metin);
    line-height: 1.7;
}
.hs-sss-oge .ed-metin p:last-child,
.hs-sss-oge .ed-metin ul:last-child {
    margin-bottom: 0;
}
@media (prefers-reduced-motion: reduce) {
    .iv-cip,
    .ka-blog-kart {
        transition: none;
    }
    .ka-blog-kart:hover {
        transform: none;
    }
}

/* Düz metin bloğu (DuzMetin1) landing sayfalarında: okunur satır genişliği ve metin içi ara başlıklar */
.hs-page .about_hiscont {
    max-width: 860px;
}
.hs-page .about_hiscont .ed-metin h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin: 1.5rem 0 0.4rem;
    line-height: 1.35;
}
.hs-page .about_hiscont .ed-metin p {
    color: var(--hs-metin);
    line-height: 1.75;
}
nav.iv-cipler {
    background: transparent;
}

/* Düz metin bloğundaki ve kategori SEO metnindeki (.kl-metin, 2026-10-13) tablolar */
.hs-page .ed-metin table,
.kl-metin .ed-metin table {
    width: 100%;
    border-collapse: collapse;
    margin: 0.5rem 0 1.25rem;
    font-size: 0.95rem;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 12px;
    overflow: hidden;
}
.hs-page .ed-metin th,
.kl-metin .ed-metin th,
.hs-page .ed-metin td,
.kl-metin .ed-metin td {
    padding: 10px 14px;
    border-bottom: 1px solid var(--hs-cizgi);
    text-align: left;
    vertical-align: top;
}
.hs-page .ed-metin th,
.kl-metin .ed-metin th {
    background: var(--hs-krem);
    color: var(--secondary-color);
    font-weight: 600;
}
.hs-page .ed-metin tr:last-child td,
.kl-metin .ed-metin tr:last-child td {
    border-bottom: 0;
}
@media (max-width: 767.98px) {
    .hs-page .ed-metin table,
    .kl-metin .ed-metin table,
    .hs-page .ed-metin tbody,
    .kl-metin .ed-metin tbody,
    .hs-page .ed-metin tr,
    .kl-metin .ed-metin tr,
    .hs-page .ed-metin td,
    .kl-metin .ed-metin td {
        display: block;
    }
    .hs-page .ed-metin thead,
    .kl-metin .ed-metin thead {
        display: none;
    }
    .hs-page .ed-metin tr,
    .kl-metin .ed-metin tr {
        padding: 10px 14px;
        border-bottom: 1px solid var(--hs-cizgi);
    }
    .hs-page .ed-metin td,
    .kl-metin .ed-metin td {
        padding: 2px 0;
        border: 0;
    }
    .hs-page .ed-metin td:first-child,
    .kl-metin .ed-metin td:first-child {
        font-weight: 600;
        color: var(--secondary-color);
    }
}

/* /kategoriler grup şeridi: masaüstünde çipler alt satıra sarar (fare tekerleği yatay kaydırmadığı için),
   mobilde parmakla kayar ve sağ kenar solarak devamı olduğunu gösterir */
@media (min-width: 992px) {
    .kh-atla ul {
        flex-wrap: wrap;
        overflow: visible;
    }
}
@media (max-width: 991.98px) {
    .kh-atla ul {
        -webkit-overflow-scrolling: touch;
        -webkit-mask-image: linear-gradient(to right, #000 88%, transparent);
        mask-image: linear-gradient(to right, #000 88%, transparent);
        padding-right: 24px;
    }
}

/* =====================================================================
   .sb-* = Son Sipariş Tarihi Bandı #1 (özel gün sayfaları: "en geç ne zaman onaylamalı?")
   Satırlar en erken tarihten sıralı; .sb-yakin (≤3 gün) kırmızı vurgulu, .sb-gecti soluk + WhatsApp bağlantısı.
   ===================================================================== */
.sb-bolum {
    padding-top: 24px;
}
.sb-kutu {
    background: var(--hs-krem);
    border: 1px solid var(--hs-cizgi);
    border-radius: 20px;
    padding: 32px;
}
.sb-ust {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}
.sb-ust-metin {
    max-width: 640px;
}
.sb-ust .hs-baslik {
    text-align: left;
}
.sb-etiket {
    margin: 0 0 6px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.9rem;
}
.sb-sayac {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 16px;
    padding: 12px 18px;
}
.sb-sayac-sayi {
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    color: var(--primary-color);
    font-variant-numeric: tabular-nums;
}
.sb-sayac-metin {
    font-size: 0.9rem;
    line-height: 1.3;
    color: var(--hs-metin);
}
.sb-sayac-metin strong {
    color: var(--secondary-color);
}
.sb-liste {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}
.sb-satir {
    display: grid;
    grid-template-columns: 92px 1fr auto;
    align-items: center;
    gap: 18px;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-left: 4px solid var(--ucuncu-renk);
    border-radius: 14px;
    padding: 14px 18px;
}
.sb-tarih {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.15;
    text-align: center;
}
.sb-gun {
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--secondary-color);
    font-variant-numeric: tabular-nums;
}
.sb-ay {
    font-weight: 600;
    color: var(--secondary-color);
    font-size: 0.95rem;
}
.sb-haftagunu {
    color: var(--hs-soluk);
    font-size: 0.8rem;
}
.sb-ad {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0 0 2px;
    color: var(--secondary-color);
}
.sb-not,
.sb-sure {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
    color: var(--hs-metin);
}
.sb-sure {
    color: var(--hs-soluk);
    margin-top: 4px;
}
.sb-rozet {
    display: inline-block;
    white-space: nowrap;
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 0.85rem;
    font-weight: 600;
    background: #e8f0f0;
    color: var(--ucuncu-renk);
}
.sb-yakin {
    border-left-color: var(--primary-color);
}
.sb-yakin .sb-rozet {
    background: var(--hs-pembe);
    color: var(--primary-color);
}
.sb-gecti {
    border-left-color: var(--hs-cizgi);
}
.sb-gecti .sb-tarih span {
    color: var(--hs-soluk);
    text-decoration: line-through;
}
.sb-sor {
    white-space: nowrap;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--hs-wa-koyu);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.sb-alt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 20px;
}
.sb-alt-not {
    margin: 0;
    font-size: 0.88rem;
    color: var(--hs-soluk);
}
@media (max-width: 767.98px) {
    .sb-kutu {
        padding: 20px 16px;
        border-radius: 16px;
    }
    .sb-ust,
    .sb-alt {
        flex-direction: column;
        align-items: stretch;
    }
    .sb-sayac {
        align-self: flex-start;
    }
    .sb-satir {
        grid-template-columns: 64px 1fr;
        gap: 12px;
        padding: 12px 14px;
    }
    .sb-gun {
        font-size: 1.5rem;
    }
    .sb-durum {
        grid-column: 2;
    }
    .sb-alt .hs-btn {
        justify-content: center;
    }
}

/* .dd-* = Dönem duyurusu şeridi (config/donem_duyurulari.php) */
.dd-serit {
    background: var(--hs-pembe, #FDF1F4);
    border-bottom: 1px solid #f6d5dd;
}
.dd-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 0;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--primary-color);
    text-align: center;
}
.dd-link:hover,
.dd-link:focus-visible {
    color: #c4153f;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.dd-link .la-arrow-right {
    transition: transform 0.2s ease;
}
.dd-link:hover .la-arrow-right {
    transform: translateX(3px);
}
.dd-kisa {
    display: none;
}
@media (max-width: 575.98px) {
    .dd-uzun {
        display: none;
    }
    .dd-kisa {
        display: inline;
    }
}
.sb-alt .hs-btn {
    flex-shrink: 0;
    white-space: nowrap;
}
/* "Nasıl seçerim?" bandında öğe altı bağlantı (config/kategori_rehber.php 'link') */
.kl-rehber-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--primary-color);
}
.kl-rehber-link:hover,
.kl-rehber-link:focus-visible {
    color: #c4153f;
    text-decoration: underline;
    text-underline-offset: 3px;
}
#olcu-rehberi {
    scroll-margin-top: 16px;
}

/* ===== Tek ürünlü kategori vitrini (2026-10-01) — x-category.liste.tek-urun-vitrini
   Demo: docs/tasarim/kategori-tek-urun-vitrini-demo.html ===== */
.kl-arac-satir:has(~ * .tv),
.kl-liste:has(.tv) .kl-sonuc { display: none; }
.tv-kap { padding-top: 8px; padding-bottom: 8px; }
.tv {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 44px;
    align-items: center;
    background: #fff;
    border-radius: 24px;
    padding: 28px;
    margin: 8px 0 32px;
    box-shadow: 0 10px 34px -14px rgba(47, 46, 46, .2);
    font-family: "Poppins", "Poppins Fallback", "Poppins Fallback Android", sans-serif;
    color: #434242;
}
.tv-gal { min-width: 0; }
.tv-sahne { display: block; border-radius: 18px; overflow: hidden; background: #f4f1ee; aspect-ratio: 1; }
.tv-sahne img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.22, 1, .36, 1); }
.tv-sahne:hover img { transform: scale(1.03); }
.tv-kucukler { display: flex; gap: 10px; margin-top: 12px; }
.tv-kucukler button {
    width: 68px;
    height: 68px;
    padding: 0;
    border: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #f4f1ee;
    opacity: .6;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition: opacity .2s, outline-color .2s;
}
.tv-kucukler img { width: 100%; height: 100%; object-fit: cover; }
.tv-kucukler button:hover { opacity: 1; }
.tv-kucukler button[aria-current="true"] { opacity: 1; outline-color: var(--ucuncu-renk, #336666); }
.tv-bilgi { min-width: 0; padding-right: 8px; }
.tv-etiket {
    display: inline-block;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--ucuncu-renk, #336666);
    background: #e8f0ef;
    padding: 3px 11px;
    border-radius: 20px;
    margin-bottom: 12px;
}
.tv-ad { font-size: 30px; line-height: 1.18; font-weight: 700; letter-spacing: -.02em; margin: 0; text-transform: none; }
.tv-ad a { color: #2f2e2e; text-decoration: none; }
.tv-ad a:hover { color: var(--primary-color, #E51A4B); }
.tv-giris { margin: 12px 0 0; font-size: 15px; line-height: 1.65; max-width: 60ch; }
.tv-bilgiler {
    margin: 20px 0 0;
    display: grid;
    grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr));
    border-top: 1px solid #e9e4e4;
    border-bottom: 1px solid #e9e4e4;
}
.tv-bilgiler div { padding: 13px 10px 13px 0; }
.tv-bilgiler div + div { padding-left: 14px; border-left: 1px solid #e9e4e4; }
.tv-bilgiler dt { font-size: 12px; font-weight: 400; color: #6b6a69; margin-bottom: 2px; }
.tv-bilgiler dd { margin: 0; font-weight: 600; color: #2f2e2e; font-size: 14.5px; line-height: 1.35; }
.tv-bilgiler dd small { display: block; font-weight: 400; font-size: 12px; color: #6b6a69; margin-top: 2px; }
.tv-secenek { margin-top: 20px; }
.tv-secenek > b { display: block; font-size: 13.5px; font-weight: 600; color: #2f2e2e; margin-bottom: 10px; }
.tv-secenek ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.tv-secenek li {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 8px 14px;
    border-radius: 12px;
    background: #fbf9f6;
    border: 1px solid #e9e4e4;
    font-size: 13.5px;
    font-weight: 600;
    color: #2f2e2e;
    line-height: 1.3;
}
.tv-secenek li small { font-weight: 400; font-size: 12px; color: #6b6a69; }
.tv-oz { display: grid; grid-template-columns: auto minmax(0, 1fr); margin: 0; font-size: 14px; border-top: 1px solid #e9e4e4; }
.tv-oz dt, .tv-oz dd { margin: 0; padding: 9px 0; border-bottom: 1px solid #e9e4e4; }
.tv-oz dt { color: #6b6a69; font-weight: 400; padding-right: 22px; }
.tv-oz dd { color: #2f2e2e; font-weight: 500; }
.tv-cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.tv-btn-ana {
    flex: 1 1 260px;
    height: 52px;
    border-radius: 12px;
    background: var(--primary-color, #E51A4B);
    color: #fff !important;
    font-weight: 600;
    font-size: 15.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    box-shadow: 0 8px 20px -10px rgba(229, 26, 75, .7);
    transition: background .2s;
}
.tv-btn-ana:hover { background: #c4153f; }
.tv-btn-ana i { transition: transform .2s; }
.tv-btn-ana:hover i { transform: translateX(3px); }
.tv-btn-wa {
    flex: 0 1 auto;
    height: 52px;
    padding: 0 20px;
    border-radius: 12px;
    border: 1px solid #e9e4e4;
    background: #fff;
    color: #2f2e2e !important;
    font-weight: 600;
    font-size: 14.5px;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: border-color .2s;
}
.tv-btn-wa svg { color: #1fa855; flex: none; }
.tv-btn-wa:hover { border-color: #cfc8c1; }
.tv-not { margin: 12px 0 0; font-size: 12.5px; color: #6b6a69; }
.tv-rehber { margin-top: 0; }
@media (max-width: 900px) {
    .tv { grid-template-columns: minmax(0, 1fr); gap: 22px; padding: 18px; }
    .tv-sahne { aspect-ratio: 4 / 3; }
}
@media (max-width: 640px) {
    .tv { margin-left: -12px; margin-right: -12px; border-radius: 0; box-shadow: none; padding: 16px 12px; }
    .tv-ad { font-size: 24px; }
    .tv-bilgiler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tv-bilgiler div:nth-child(odd) { padding-left: 0; border-left: 0; }
    .tv-bilgiler div:nth-child(n+3) { border-top: 1px solid #e9e4e4; }
    .tv-btn-wa { flex: 1 1 100%; justify-content: center; }
}

/* =====================================================================
   .tp-* = Tarih Planlayıcı #1 (ziyaretçi tarihini seçer: fuar, kongre...). Satırlar .sb-* stilini kullanır.
   Sol: en geç onay günleri, sağ: hazırlık takvimi (geçen adımlar .tp-gecmis soluk).
   ===================================================================== */
.tp-secim {
    flex: 0 0 280px;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 16px;
    padding: 16px 18px;
}
.tp-secim label {
    display: block;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--secondary-color);
    margin-bottom: 8px;
}
.tp-girdi {
    width: 100%;
    min-height: 46px;
    border: 1.5px solid var(--hs-cizgi);
    border-radius: 12px;
    padding: 8px 12px;
    font: inherit;
    font-size: 1rem;
    color: var(--secondary-color);
    background: var(--hs-krem);
}
.tp-girdi:focus {
    outline: none;
    border-color: var(--ucuncu-renk);
    box-shadow: 0 0 0 3px rgba(51, 102, 102, 0.15);
}
.tp-kalan {
    margin: 10px 0 0;
    font-size: 0.88rem;
    line-height: 1.45;
    color: var(--hs-metin);
}
.tp-kalan strong {
    color: var(--primary-color);
}
.tp-govde {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}
.tp-h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin: 0 0 12px;
}
.tp-satir .sb-rozet {
    white-space: normal;
    text-align: center;
    max-width: 170px;
}
.tp-takvim {
    list-style: none;
    margin: 0;
    padding: 0 0 0 18px;
    border-left: 2px solid var(--hs-cizgi);
}
.tp-adim {
    position: relative;
    padding: 0 0 16px 16px;
}
.tp-adim:last-child {
    padding-bottom: 0;
}
.tp-adim::before {
    content: "";
    position: absolute;
    left: -26px;
    top: 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid var(--ucuncu-renk);
}
.tp-zaman {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ucuncu-renk);
}
.tp-adim-baslik {
    margin: 2px 0 2px;
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--secondary-color);
}
.tp-adim-metin {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--hs-metin);
}
.tp-gecmis {
    opacity: 0.55;
}
.tp-gecmis::before {
    border-color: var(--hs-cizgi);
}
@media (max-width: 991.98px) {
    .tp-govde {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767.98px) {
    .tp-secim {
        flex-basis: auto;
    }
    .tp-satir .sb-rozet {
        max-width: none;
    }
}

/* Üst bar — PDF katalog bağlantıları (2026-10-05) */
.ust-bar { background: #f7f4f1; border-bottom: 1px solid #e9e4e4; }
nav.ust-katalog { background: none; }
.ust-katalog { display: flex; align-items: center; gap: 4px 18px; padding: 6px 0; overflow-x: auto; white-space: nowrap; scrollbar-width: none; font-size: 13.5px; line-height: 1.4; }
.ust-katalog::-webkit-scrollbar { display: none; }
.ust-katalog-baslik { color: var(--ternary-color); font-weight: 500; }
.ust-katalog-baslik i { color: var(--ucuncu-renk); font-size: 16px; vertical-align: -2px; }
.ust-katalog a { color: var(--secondary-color); font-weight: 500; display: inline-flex; align-items: center; gap: 4px; }
.ust-katalog a i { color: var(--primary-color); font-size: 17px; }
.ust-katalog a:hover, .ust-katalog a:focus-visible { color: var(--primary-color); text-decoration: underline; text-underline-offset: 3px; }
/* responsive.css mobilde .top_heaeder'ı gizliyor: katalog bandı mobilde de görünsün, hesap bağlantıları eskisi gibi gizli kalsın */
@media (max-width: 991px) { .top_heaeder.ust-bar { display: block; } .ust-bar .tophead_items { display: none; } }
@media (max-width: 767px) { .ust-katalog { font-size: 12.5px; gap: 4px 14px; } }

/* Üst menü açılır paneli (2026-10-05): sabit yükseklik (height:100%) uzun sütunları panelin dışına taşırıyordu
   (Promosyon › Ofis & Masa Üstü 7 bağlantı). Panel içeriğe göre uzar, en az sol liste kadar; sütunlar eşit paylaşır. */
.sub_categories .mega_menu {
    height: auto;
    min-height: 100%;
    gap: 36px;
}
.sub_categories .single_mega_menu {
    flex: 1 1 0;
    min-width: 0;
}
.sub_categories .single_mega_menu a {
    padding: 7px 0;
    line-height: 20px;
}

/* ==========================================================================
   .hl-* = Hediye / Teklif Listesi #1 (fiyat yerine ziyaretçiden kişi sayısı + bütçe; liste WhatsApp mesajına döner).
   Kutu .sb-kutu, sağ başlık .tp-h3 stilini kullanır.
   ========================================================================== */
.hl-govde {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}
.hl-form {
    margin: 0;
}
.hl-baslik-satir,
.hl-satir {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) 110px 165px;
    gap: 12px;
    align-items: center;
}
.hl-baslik-satir {
    padding: 0 16px 8px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--hs-metin);
}
.hl-baslik-satir small {
    font-weight: 400;
}
.hl-satir {
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 14px;
    padding: 12px 16px;
    margin: 0 0 10px;
    min-width: 0;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.hl-satir.hl-dolu {
    border-color: var(--ucuncu-renk);
    box-shadow: 0 0 0 3px rgba(51, 102, 102, 0.08);
}
.hl-ad {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--secondary-color);
}
.hl-aciklama {
    display: block;
    margin-top: 3px;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--hs-metin);
}
.hl-alan {
    margin: 0;
}
.hl-etiket {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
.hl-girdi {
    width: 100%;
    min-height: 44px;
    border: 1.5px solid var(--hs-cizgi);
    border-radius: 10px;
    padding: 8px 10px;
    font: inherit;
    font-size: 1rem;
    color: var(--secondary-color);
    background: var(--hs-krem);
}
.hl-girdi:focus {
    outline: none;
    border-color: var(--ucuncu-renk);
    box-shadow: 0 0 0 3px rgba(51, 102, 102, 0.15);
}
.hl-girdi::placeholder {
    color: #a3a09c;
    font-size: 0.9rem;
}
.hl-tl {
    position: relative;
    display: block;
}
.hl-tl .hl-girdi {
    padding-right: 34px;
}
.hl-tl > span {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.85rem;
    color: var(--hs-metin);
}
.hl-not {
    display: block;
    margin: 6px 0 0;
}
.hl-etiket-not {
    display: block;
    font-weight: 600;
    font-size: 0.92rem;
    color: var(--secondary-color);
    margin-bottom: 6px;
}
.hl-not-girdi {
    background: #fff;
    resize: vertical;
}
.hl-ozet {
    margin: 10px 0 0;
    min-height: 1.4em;
    font-size: 0.9rem;
    color: var(--hs-metin);
}
.hl-ozet strong {
    color: var(--ucuncu-renk);
}
.hl-yan {
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 16px;
    padding: 20px 22px;
}
.hl-maddeler {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hl-maddeler li {
    position: relative;
    padding: 0 0 10px 28px;
    font-size: 0.93rem;
    line-height: 1.5;
    color: var(--secondary-color);
}
.hl-maddeler li:last-child {
    padding-bottom: 0;
}
.hl-maddeler i {
    position: absolute;
    left: 0;
    top: 2px;
    color: var(--ucuncu-renk);
    font-size: 1.05rem;
}
@media (max-width: 991px) {
    .hl-govde {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575px) {
    .hl-baslik-satir {
        display: none;
    }
    .hl-satir {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .hl-ad {
        grid-column: 1 / -1;
    }
    .hl-etiket {
        position: static;
        width: auto;
        height: auto;
        clip: auto;
        display: block;
        font-size: 0.78rem;
        color: var(--hs-metin);
        margin-bottom: 3px;
    }
}

/* =====================================================================
   ANA SAYFA DÜZENLEMESİ (2026-10-07)
   .dv-* = Dönem vitrini (DonemVitrini1; tarihe göre kendiliğinden açılır)
   .rl-* = Rehber listesi (RehberListesi1; ka-blog kartlarını kullanır)
   .sv-tumu = Sektör vitrini alt butonu
   ===================================================================== */
.dv {
    padding-top: 8px;
}
.dv-panel {
    background: var(--hs-pembe);
    border: 1px solid #f6dde4;
    border-radius: 20px;
    padding: 32px;
}
.dv-ust {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px 32px;
    margin-bottom: 24px;
}
.dv-ust-metin {
    max-width: 720px;
}
.dv-aciklama {
    color: var(--hs-metin);
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.6;
}
.dv-butonlar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.dv-liste {
    list-style: none;
    padding: 0;
    margin: 0;
}
.dv-kart {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #f0e6e9;
    border-radius: 14px;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.dv-kart:hover,
.dv-kart:focus-within {
    transform: translateY(-4px);
    border-color: var(--primary-color);
    box-shadow: 0 10px 20px rgba(229, 26, 75, 0.12);
}
.dv-kart-gorsel {
    aspect-ratio: 3 / 2;
    background: #f4f1ee;
}
.dv-kart-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
    display: block;
}
.dv-kart-govde {
    padding: 12px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}
.dv-kart-baslik {
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}
.dv-kart-baslik a {
    color: var(--secondary-color);
    text-decoration: none;
}
.dv-kart:hover .dv-kart-baslik a {
    color: var(--primary-color);
}
.dv-kart-not {
    font-size: 0.84rem;
    line-height: 1.4;
    color: var(--hs-soluk);
    margin: 0;
}
.dv-kart-tarih {
    margin: auto 0 0;
    padding-top: 6px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ucuncu-renk);
    display: flex;
    align-items: center;
    gap: 4px;
}
.dv-alt-not {
    margin: 18px 0 0;
    font-size: 0.88rem;
    color: var(--hs-soluk);
}
@media (max-width: 767px) {
    .dv-panel {
        padding: 22px 16px;
        border-radius: 16px;
    }
    .dv-butonlar,
    .dv-butonlar .hs-btn {
        width: 100%;
    }
}

.rl-aciklama {
    margin-top: 4px;
}
.ka-blog-ust > div {
    min-width: 0;
}
.rl-tarih {
    display: block;
    margin-top: 8px;
    font-size: 0.8rem;
    color: var(--hs-soluk);
}

.sv-tumu {
    text-align: center;
    margin-top: 28px;
}

/* Mobilde yüzen telefon butonu sol alttaki içeriğin üstüne biniyordu: WhatsApp butonunun üstüne, sağa alındı */
@media screen and (max-width: 650px) {
    .btn-whatsapp2-pulse {
        left: auto !important;
        right: 14px !important;
        bottom: 156px !important;
        padding: 22px !important;
        font-size: 22px !important;
    }
}

/* Ana sayfa mobil kısaltma (2026-10-07): kart dizileri yatay kaydırmalı, küçük ikon/daire ızgaraları 3 sütun.
   Yalnız ana sayfa (.hs-anasayfa); aynı bloklar başka sayfalarda eski düzende kalır. */
@media (max-width: 767px) {
    .hs-anasayfa .dv-liste,
    .hs-anasayfa .iv-liste,
    .hs-anasayfa .bk-liste {
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 8px;
    }
    .hs-anasayfa .dv-liste::-webkit-scrollbar,
    .hs-anasayfa .iv-liste::-webkit-scrollbar,
    .hs-anasayfa .bk-liste::-webkit-scrollbar {
        display: none;
    }
    .hs-anasayfa .dv-liste > li {
        flex: 0 0 46%;
        max-width: 46%;
        scroll-snap-align: start;
    }
    .hs-anasayfa .iv-liste > li {
        flex: 0 0 64%;
        max-width: 64%;
        scroll-snap-align: start;
    }
    .hs-anasayfa .bk-liste > li {
        flex: 0 0 86%;
        max-width: 86%;
        scroll-snap-align: start;
    }
    .hs-anasayfa .iv-grup {
        margin-bottom: 0;
    }
}
@media (max-width: 575px) {
    .hs-anasayfa .alt2-flag-item,
    .hs-anasayfa .row:has(> .col-6 > .transition-hover) > .col-6 {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .hs-anasayfa .alt2-circle-img {
        width: 88px;
        height: 88px;
        margin-bottom: 8px !important;
    }
    .hs-anasayfa .alt2-flag-item h4 {
        font-size: 0.82rem !important;
    }
    .hs-anasayfa .transition-hover.p-4 {
        padding: 12px 6px !important;
    }
    .hs-anasayfa .transition-hover h6 {
        font-size: 0.8rem !important;
    }
    .hs-anasayfa .transition-hover img {
        max-height: 56px !important;
        margin-bottom: 8px !important;
    }
}

/* İlk açılış kaymaları (CLS, 2026-10-07): preloader kalkınca görünür oldular.
   1) Arama kutusu Vue ile JS yüklenince oluşuyor; yeri baştan ayrılmazsa header 54 → 74 px uzayıp tüm sayfayı itiyordu.
   2) İkon fontları (Line Awesome font-display:auto, Lineicons) gelene kadar ikon genişliği farklı → yanındaki metin kayıyordu;
      ilk ekran alanlarında ikon kutusu yüklü haliyle aynı (1em) sabitlenir. */
@media (min-width: 992px) {
    header.home-3 #search-root {
        flex: 0 1 675px;
        min-height: 46px;
    }
}
.ust-katalog i.las, .ust-katalog i.la,
header.home-3 i.las, header.home-3 i.la,
.nav_bar i.las, .nav_bar i.la,
.dd-serit i.las, .dd-serit i.la,
.hs-giris i.las, .hs-giris i.la, .hs-giris i.lni,
.mobile_bottombar i.las, .mobile_bottombar i.la {
    width: 1em;
    text-align: center;
}

/* Bayrak kartları (BannerUclu3, 2026-10-07): görsel üstte, krem zeminde ortalı; ürün fotoğraflarının beyaz zemini
   multiply ile zemine karışır, sahne fotoğrafları yuvarlatılmış çerçeve içinde durur. */
.bk-ust {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px 32px;
    margin-bottom: 28px;
}
.bk-ust .hs-alt-metin {
    max-width: 640px;
}
.bk-tumu {
    min-height: 44px;
    padding: 10px 22px;
}
.bk-liste {
    list-style: none;
    padding: 0;
    margin: 0;
}
.bk-kart {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--hs-cizgi);
    border-radius: 18px;
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.bk-kart:hover,
.bk-kart:focus-within {
    transform: translateY(-5px);
    border-color: var(--primary-color);
    box-shadow: 0 12px 24px rgba(229, 26, 75, 0.12);
}
.bk-gorsel {
    position: relative;
    aspect-ratio: 4 / 3;
    margin: 10px 10px 0;
    border-radius: 12px;
    background: radial-gradient(circle at 50% 45%, #fff 0%, #f6f1ec 75%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    overflow: hidden;
}
.bk-gorsel img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    mix-blend-mode: multiply;
    border-radius: 8px;
    transition: transform .4s ease;
}
.bk-kart:hover .bk-gorsel img {
    transform: scale(1.05);
}
.bk-rozet {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(255, 255, 255, 0.95);
    color: var(--primary-color);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
    padding: 7px 12px;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.bk-govde {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 16px 20px 20px;
}
.bk-baslik {
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 6px;
}
.bk-baslik a {
    color: var(--secondary-color);
    text-decoration: none;
}
.bk-kart:hover .bk-baslik a {
    color: var(--primary-color);
}
.bk-metin {
    color: var(--hs-soluk);
    font-size: 0.93rem;
    line-height: 1.5;
    margin: 0 0 14px;
}
.bk-cta {
    margin-top: auto;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.92rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.bk-cta i {
    transition: transform .2s ease;
}
.bk-kart:hover .bk-cta i {
    transform: translateX(4px);
}

/* Özel gün vitrini: açık yeşil zemin + kısa bilgiler (ana sayfa masa standı bandı, 2026-10-16) */
.hs-ozelgun-teal {
    background: #EEF5F3;
}
.hs-ozelgun-teal .hs-ust-metin {
    background: #fff;
}
.hs-ozelgun-teal .hs-etiketler a {
    border-color: #CFE3DE;
}
.hs-ozelgun-teal .hs-etiketler a:hover {
    border-color: var(--ucuncu-renk);
    color: var(--ucuncu-renk);
}
.hs-ozelgun-teal .hs-ozelgun-kolaj img {
    background: #fff;
}
.hs-ozelgun-olgular {
    list-style: none;
    padding: 18px 0 0;
    margin: 8px 0 0;
    border-top-color: rgba(51, 102, 102, 0.18);
}