/* OTOMATİK ÜRETİLDİ — elle düzenlemeyin. Kaynak: kaynak/css/ · Üretici: tools/derle.py */

/* ---- 00-tokens.css ---- */
:root {
--font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
--pz-display-fs: 72px;  --pz-display-lh: 76px;  --pz-display-fw: 500; --pz-display-ls: -0.037em;
--pz-h1-fs: 40px;       --pz-h1-lh: 46px;       --pz-h1-fw: 500;      --pz-h1-ls: -0.03em;
--pz-h1-mobile-fs: 34px; --pz-h1-mobile-lh: 38px;
--pz-h2-fs: 32px;       --pz-h2-lh: 38px;       --pz-h2-fw: 500;      --pz-h2-ls: -0.02em;
--pz-h2-mobile-fs: 22px;
--pz-h3-fs: 20px;       --pz-h3-lh: 28px;       --pz-h3-fw: 600;      --pz-h3-ls: -0.01em;
--pz-body-lg-fs: 18px;  --pz-body-lg-lh: 28px;
--pz-body-fs: 15px;     --pz-body-lh: 24px;
--pz-body-sm-fs: 13px;  --pz-body-sm-lh: 20px;
--pz-label-fs: 14px;    --pz-label-lh: 20px;    --pz-label-fw: 500;
--pz-price-fs: 18px;    --pz-price-lh: 24px;    --pz-price-fw: 600;
--pz-price-lg-fs: 28px; --pz-price-lg-lh: 34px;
--pz-caption-fs: 12px;  --pz-caption-lh: 16px;  --pz-caption-fw: 500; --pz-caption-ls: 0.01em;
--pz-space-1: 4px;
--pz-space-2: 8px;
--pz-space-3: 12px;
--pz-space-4: 16px;
--pz-space-5: 20px;
--pz-space-6: 24px;
--pz-space-8: 32px;
--pz-space-10: 40px;
--pz-space-12: 48px;
--pz-space-16: 64px;
--pz-radius-sm: 6px;
--pz-radius-md: 10px;
--pz-radius-lg: 14px;
--pz-radius-xl: 20px;
--pz-radius-pill: 999px;
--pz-shadow-hover: 0 1px 2px rgba(20, 24, 28, 0.05), 0 6px 20px rgba(20, 24, 28, 0.06);
--pz-shadow-overlay: 0 2px 6px rgba(20, 24, 28, 0.08), 0 12px 32px rgba(20, 24, 28, 0.12);
--pz-focus-ring: 0 0 0 2px var(--pz-surface), 0 0 0 4px var(--pz-primary);
--pz-gradient-hero: linear-gradient(180deg, var(--pz-hero-tint) 0%, var(--pz-bg) 100%);
--pz-gradient-promo: linear-gradient(120deg, var(--pz-primary-subtle) 0%, var(--pz-bg) 70%);
--pz-sure-hizli: .15s;
--pz-sure-orta: .2s;
}
:root {
--pz-kaplama-05: rgba(20, 24, 28, 0.05);
--pz-kaplama-10: rgba(20, 24, 28, 0.10);
--pz-kaplama-15: rgba(20, 24, 28, 0.15);
--pz-kaplama-35: rgba(20, 24, 28, 0.35);
--pz-kaplama-50: rgba(20, 24, 28, 0.50);
--pz-kaplama-75: rgba(20, 24, 28, 0.75);
--pz-beyaz-40: rgba(255, 255, 255, 0.40);
--pz-beyaz-60: rgba(255, 255, 255, 0.60);
--pz-beyaz-85: rgba(255, 255, 255, 0.85);
--pz-google: #DB4437;
--pz-facebook: #4C69BA;
--pz-whatsapp: #1E7A46;
--pz-gutter: 16px;
--pz-font-baslik: inherit;
--pz-baslik-agirlik: 600;
--pz-baslik-izleme: -0.025em;
--pz-z-header: 1000;
--pz-z-cekmece: 1050;
--pz-z-modal: 1100;
}
@media (min-width: 992px) { :root { --pz-gutter: 24px; } }

/* ---- 05-cekirdek.css ---- */
body {
background: var(--body-bg);
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
a {
color: var(--main-color);
}
a:hover {
text-decoration: none;
color: var(--main-color2);
}
.overlay {
display: flex;
position: fixed;
z-index: 9998;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
background: var(--pz-beyaz-40);
justify-content: center;
align-items: center;
}
.overlay .spin {
color: var(--main-color);
width: 3rem;
height: 3rem;
font-size: 20px;
}
.op-black {
background: var(--pz-kaplama-50);
position: fixed;
z-index: 4;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
}
.op-black.hide {
visibility: hidden;
opacity: 0;
}
.op-black.show {
visibility: visible;
opacity: 1;
}
header.desktop  {
background: var(--pz-surface);
}
header.desktop .h-contact {
background: var(--pz-surface);
border-bottom: 1px solid var(--pz-border);
}
.dropdown-languages-1 .dropdown-toggle {
color: var(--header-top-color);
transition: all var(--transition-time);
}
.dropdown-languages-1 .dropdown-toggle:hover{
color: var(--header-top-color-hover);
}
.dropdown-currencies-1 .dropdown-toggle {
color: var(--header-top-color);
transition: all var(--transition-time);
}
.dropdown-currencies-1 .dropdown-toggle:hover{
color: var(--header-top-color-hover);
}
header.desktop .h-contact .info {
height: 40px;
display: -webkit-flex;
-webkit-align-items: center;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
}
header.desktop .h-contact .info .item {
font-size: 13px;
color: var(--header-top-color);
transition: all var(--transition-time);
margin-right: 20px;
font-weight: 400;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
line-height: normal;
}
header.desktop .h-contact .info .item:hover{
color: var(--header-top-color-hover);
}
header.desktop .h-contact .info .item i {
margin-right: 6px;
font-size: 13px;
}
header.desktop .h-contact .info .item.wp i {
font-weight: normal;
font-size: 20px;
}
header.desktop .h-contact .social-media {
height: 40px;
display: -webkit-flex;
-webkit-align-items: center;
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction: row;
}
header.desktop .h-contact .social-media a {
margin-left: 15px;
font-size: 14px;
color: var(--header-top-color);
}
header.desktop .h-contact .social-media a:hover{
color: var(--header-top-color-hover);
transition: all var(--transition-time);
}
header.desktop .header-area {
height: 120px;
display: -webkit-flex;
-webkit-align-items: center;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center
}
header.desktop .header-area.last {
align-items: flex-end;
}
header.desktop .logo {
align-items: flex-start;
-webkit-align-items: flex-start;
}
header.desktop .logo a img {
max-height: 90px;
}
header.desktop .search {
width: 100%;
border: 1px solid var(--pz-surface-alt);
border-radius: 0px;
max-width: 470px;
position: relative;
transition: all var(--transition-time);
}
header.desktop .search form {
width: 100%;
}
header.desktop .search form .input-box {
width: 100%;
padding-right: 45px;
box-sizing: border-box;
}
header.desktop .search form input {
float: left;
color: var(--pz-text-secondary);
font-weight: 400;
width: 100%;
font-size: 13px;
border-color: transparent;
border-width: 0;
background: transparent;
height: 45px;
border-right: 0;
border-radius: 0;
box-shadow: none;
padding-left: 20px;
}
.easy-autocomplete-container ul {
border-top: 1px solid var(--pz-border);
}
.easy-autocomplete-container ul .eac-category, .easy-autocomplete-container ul li {
font-size: 13px;
padding: 3px 10px;
border-bottom: 1px solid var(--pz-border);
}
header.desktop .search form input::placeholder {
color: var(--pz-text-secondary);
}
header.desktop .search:hover,
header.desktop .search:focus,
header.desktop .search:active{
border-color: var(--main-color2);
}
header.desktop .search form .btn-send {
position: absolute;
width: 60px;
height: 45px;
background: var(--main-color);
border-width: 0;
color: var(--pz-surface);
right: 0px;
border-radius: 0;
font-size: 16px;
top: 0px;
transition: all var(--transition-time);
}
header.desktop .search:hover form .btn-send {
background: var(--main-color2);
}
header.desktop .easy-autocomplete-container {
top: 47px;
}
header.desktop .menu {
background: var(--menu-bg-color);
height: 70px;
border: 1px solid var(--pz-border);
border-right: 0;
border-left: 0;
}
header.desktop .mega-menu {
padding: 0;
position: relative;
}
header.desktop .mega-menu .navbar-nav {
flex-direction: row;
height: 68px;
}
header.desktop .mega-menu .nav-item {
flex: 1;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
}
header.desktop .mega-menu .nav-link {
padding: 0;
display: flex;
height: 100%;
flex: 1;
justify-content: center;
align-items: center;
text-align: center;
color: var(--menu-color);
line-height: normal;
font-weight: 500;
font-size: 13px;
padding: 0 5px;
white-space: unset;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
transition: all var(--transition-time);
}
header.desktop .mega-menu .nav-link::after {
display: none;
}
header.desktop .mega-menu .nav-link:hover {
color: var(--menu-color-hover);
}
header.desktop .mega-menu .nav-item:last-child .nav-link {
border-right: 0;
}
header.desktop .mega-menu .dropdown {
position: static;
}
header.desktop .mega-menu .dropdown-menu {
border-radius: 0;
background-color: var(--pz-surface);
width:100%;
left:-1px;
right:0;
top:66px;
position: absolute;
-webkit-box-shadow: 0px 0px 5px 0px var(--pz-kaplama-05);
-moz-box-shadow: 0px 0px 5px 0px var(--pz-kaplama-05);
box-shadow: 0px 0px 5px 0px var(--pz-kaplama-05);
border: 1px solid var(--pz-border);
border-top: 0;
}
header.desktop .mega-menu .dropdown:hover .dropdown-menu,
header.desktop .mega-menu .dropdown .dropdown-menu:hover {
display:block;
}
header.desktop .h-banner{
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.mega-menu-container {
padding: 20px;
}
.mega-menu-container .sub-cat{
margin-bottom: 15px;
}
.mega-menu-container .sub-title {
color: var(--pz-text);
font-weight: 500;
font-size: 14px;
display: block;
margin-bottom: 7px;
transition: all var(--transition-time);
}
.mega-menu-container .sub-title:hover{
color: var(--main-color);
}
.mega-menu-container ul {
list-style: none;
padding: 0;
margin: 0;
}
.mega-menu-container ul li {
list-style: none;
padding: 0;
margin: 0;
display: block;
}
.mega-menu-container ul li a {
font-size: 13px;
color: var(--pz-text);
font-weight: 400;
line-height: 25px;
transition: var(--transition-time);
}
.mega-menu-container ul li a.sub-title {
color: var(--pz-text);
margin-bottom: 5px;
font-weight: 500;
font-size: 14px;
}
.mega-menu-container ul li a:hover {
color: var(--main-color);
}
.mega-menu.side .mega-menu-container ul li{
display: inline-block;
}
.mega-menu.side .mega-menu-container .comma{
margin-right:4px;
}
.mega-menu.side .mega-menu-container ul li:last-child .comma{
display:none;
}
.single-menu-container{
display: block;
}
.single-menu-container .single-menu{
display: flex;
justify-content: space-between;
margin-bottom: 0;
height: 70px;
align-items: center;
}
.single-menu-container .single-menu li:first-child{
margin-left: 0;
}
.single-menu-container .single-menu li{
display: inline-block;
position: relative;
z-index: 100;
}
.single-menu-container .single-menu li .sub-single-item {
font-weight: 400;
text-decoration: none;
padding: 10px 15px;
display: block;
color: var(--menu-color);
transition: all 0.2s ease-in-out 0s;
font-size: 15px;
text-align: center;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.single-menu-container .single-menu li:hover>a:after {
width: 100%;
}
.single-menu-container .single-sub-menu li a{
border: 1px solid var(--pz-border);
animation: all ease .5s;
-webkit-animation: all ease .5s;
padding: 20px 15px;
border-top: 0;
}
.single-menu-container .single-menu ul {
visibility: hidden;
opacity: 0;
margin: 0;
padding: 0;
width: 170px;
position: absolute;
left: 0px;
background: var(--pz-surface);
z-index: 99;
transform: translate(0,20px);
transition: all 0.2s ease-out;
-webkit-box-shadow: 1px 1px 6px -4px var(--pz-kaplama-75);
-moz-box-shadow: 1px 1px 6px -4px var(--pz-kaplama-75);
box-shadow: 1px 1px 6px -4px var(--pz-kaplama-75);
}
.single-menu-container .single-menu ul li {
display: block;
float: none;
background: none;
margin: 0;
padding: 0;
}
.single-menu-container .single-menu ul li a {
font-size: 14px;
font-weight: 600;
display: block;
color: var(--pz-text);
background: var(--pz-surface);
transition: var(--transition-time);
}
.single-menu-container .single-menu ul li a:hover,.single-menu ul li:hover>a {
color: var(--main-color);
}
.single-menu-container .single-menu li:hover>ul {
visibility: visible;
opacity: 1;
transform: translate(0,0);
}
.single-menu-container .single-menu ul ul {
left: 100%;
top: 0px;
visibility: hidden;
opacity: 0;
transform: translate(20px,20px);
transition: all 0.2s ease-out;
}
.single-menu-container .single-menu li>ul ul:hover {
visibility: visible;
opacity: 1;
transform: translate(0,0);
}
.mobile-header-space {
height: 60px;
display: none;
}
header.mobile {
display: none;
background: var(--pz-surface);
height: 60px;
box-shadow: 0 1px 1px var(--pz-kaplama-15);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10;
}
header.mobile .left {
width: 30%;
float: left;
display: flex;
justify-content: flex-start;
align-items: center;
height: 100%;
box-sizing: border-box;
padding: 5px;
}
header.mobile .center {
width: 40%;
float: left;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
header.mobile .right {
width: 30%;
float: left;
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
box-sizing: border-box;
}
header.mobile .logo img {
max-height: 55px;
}
header.mobile .icon-group {
position: relative;
}
header.mobile .icon-group {
position: relative;
color: var(--pz-text);
font-size: 21px;
}
header.mobile .icon-group .badge {
position: absolute;
top: -7px;
right: -7px;
min-width: 18px;
max-width: 25px;
padding: 0;
text-align: center;
height: 18px;
background: var(--pz-primary);
font-size: 12px;
color: var(--pz-surface);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
header.mobile .mobile-search {
padding: 0;
background: var(--pz-surface-alt);
}
header.mobile .mobile-search form {
width: 100%;
}
header.mobile .mobile-search form .input-box {
width: 80%;
}
header.mobile .mobile-search form input {
float: left;
color: var(--pz-text-secondary);
width: 100%;
font-size: 15px;
border-color: transparent;
background: transparent;
height: 65px;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
box-shadow: none;
outline: 0
}
header.mobile .mobile-search form input::placeholder {
color: var(--pz-text-secondary);
}
header.mobile .mobile-search form input:focus,
header.mobile .mobile-search form input:hover {
border-color: transparent;
}
header.mobile .mobile-search form .btn-send {
float: right;
width: 20%;
height: 65px;
border: 0;
background: transparent;
color: var(--pz-text);
font-size: 19px;
}
header.mobile .h-banner{
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.sidebar-user {
background: var(--pz-surface);
width: 250px;
position: fixed;
top: 0;
height: calc(100vh);
transition: all .3s;
z-index: 21;
right: 0;
margin-right: -250px;
}
.sidebar-user.active {
margin-right: 0;
}
.sidebar-user .title {
padding: 10px;
background: var(--main-color);
color: var(--pz-surface);
text-align: center;
font-size: 18px;
font-weight: 600;
}
.sidebar-user .title .btn-close {
color: var(--pz-surface);
}
.sidebar-user .login-menu a {
display: block;
padding: 10px;
border-bottom: 1px solid var(--pz-border);
color: var(--pz-text);
font-size: 14px;
font-weight: 500;
}
.sidebar-user .login-menu a i {
width: 30px;
margin-right: 10px;
text-align: left;
}
.sidebar-user .scrollbar {
width: 100%;
height: 100%;
box-sizing: border-box;
padding-bottom: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
.sidebar-user .title-alt {
padding: 10px;
background: var(--pz-kaplama-15);
font-size: 14px;
font-weight: 500;
}
.sidebar-user .footer-links ul {
margin: 0;
padding: 0;
}
.sidebar-user .footer-links ul li {
padding: 0;
list-style: none;
}
.sidebar-user .footer-links ul li a {
display: block;
padding: 10px;
border-bottom: 1px solid var(--pz-border);
color: var(--pz-text);
font-size: 14px;
}
.sidebar-user .footer-links ul li a.wp i {
color: var(--pz-primary);
}
.sidebar-user .footer-links ul li a i {
text-align: center;
width: 40px;
font-size: 16px;
}
.sidebar-menu {
background: var(--pz-surface);
width: 250px;
position: fixed;
top: 0;
height: calc(100vh);
transition: all .3s;
z-index: 9999;
left: 0;
margin-left: -250px;
}
.sidebar-menu.active {
margin-left: 0;
}
.sidebar-menu .scrollbar {
width: 100%;
height: 100%;
box-sizing: border-box;
padding-bottom: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
.sidebar-menu .title {
padding: 10px;
background: var(--pz-text);
color: var(--pz-surface);
text-align: center;
font-size: 18px;
font-weight: 600;
}
.sidebar-menu .title .btn-close {
color: var(--pz-surface);
}
.sidebar-menu .title-alt {
padding: 10px;
background: var(--pz-kaplama-15);
font-size: 14px;
font-weight: 500;
}
.sidebar-menu .links a {
display: block;
display: block;
padding: 10px;
border-bottom: 1px solid var(--pz-border);
color: var(--pz-text);
font-size: 14px;
}
.sidebar-menu .links a i {
float: right;
}
.sidebar-menu .categories {
}
.sidebar-menu .categories ul {
margin: 0;
padding: 0;
}
.sidebar-menu .categories ul li {
padding: 0;
list-style: none;
}
.sidebar-menu .categories ul li a {
display: block;
padding: 10px;
border-bottom: 1px solid var(--pz-border);
color: var(--pz-text);
font-size: 15px;
font-weight: 500;
}
.sidebar-menu .categories ul li a .name {
width: 80%;
}
.sidebar-menu .categories ul li a .icon {
color: var(--pz-text-muted);
width: 20px;
height: 20px;
text-align: center;
border-radius: 2px;
font-size: 18px;
}
.sidebar-menu .categories ul .multi {
display: none;
}
.sidebar-menu .categories ul .multi a {
padding-left: 20px;
}
.sidebar-menu .categories ul .multi .multi a {
padding-left: 40px;
}
.sidebar-menu .categories ul .multi .multi .multi a {
padding-left: 60px;
}
.stores {
background: var(--pz-surface);
border-top: solid 1px var(--pz-border);
padding: 10px 0;
}
.stores .cards {
display: -webkit-flex;
-webkit-align-items: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row
}
.stores .card {
border: none;
box-shadow: none;
margin: 0;
border-left: 1px solid var(--pz-border);
}
.stores .card:first-child {
border-left: 0;
}
.stores .card .card-body {
justify-content: center;
align-items: center;
display: flex;
padding: 10px;
}
.stores .card .card-body img {
max-height: 80%;
max-width: 60%;
margin: 0 auto;
}
.stores .card .card-header {
display: none;
}
.stores .text-white {
font-weight: bold;
font-size: 12px;
}
footer {
background: var(--pz-surface-alt);
}
footer .bb {
padding: 20px 0;
}
footer .logo-area {
text-align: left;
margin: 15px 0;
}
footer .logo-area .logo img {
max-height: 100px;
max-width: 230px;
}
footer .logo-description {
margin-top: 15px;
}
footer .info {
padding: 25px 0;
}
footer .title {
font-size: 16px;
font-weight: bold;
color: var(--pz-text);
text-align: center;
margin-bottom: 15px;
}
footer .title-2 {
color: var(--pz-primary);
font-size: 13px;
}
footer .title-3 {
color: var(--pz-text);
font-size: 17px;
}
footer .secure .description {
color: var(--pz-text);
margin: 5px 0;
}
footer .secure img {
opacity: .5;
}
footer .info ul {
padding: 0;
margin: 0;
}
footer .info ul li {
list-style: none;
padding: 3px 0;
color: var(--pz-text);
font-size: 13px;
}
footer .info ul li a {
display: block;
color: var(--pz-text);
font-size: 13px;
position: relative;
padding-left: 15px;
line-height: 25px;
transition: all var(--transition-time);
}
footer .info ul li a:before {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: ">";
}
footer .info ul li a:hover {
color: var(--main-color);
}
footer .bar {
padding: 10px 0;
background: var(--pz-surface);
}
footer .bar a {
color: var(--pz-text);
text-align: center;
}
footer .bar a:hover {
color: var(--pz-text);
}
footer .bar p {
margin: 0;
color: var(--pz-text);
}
.sidebar-menu-type-2 {
background: var(--pz-surface);
width: 100%;
position: fixed;
top: 0;
height: calc(100vh);
transition: all .3s;
z-index: 9999;
left: 0;
margin-left: -100%;
}
.sidebar-menu-type-2.active {
margin-left: 0;
}
.sidebar-menu-type-2 .scrollbar {
width: 100%;
height: 100%;
box-sizing: border-box;
padding-bottom: 100px;
overflow-x: hidden;
overflow-y: scroll;
}
.sidebar-menu-type-2 .title {
padding: 10px;
background: var(--pz-text);
color: var(--pz-surface);
text-align: center;
font-size: 18px;
font-weight: 600;
}
.sidebar-menu-type-2 .title .btn-close {
color: var(--pz-surface);
}
.sidebar-menu-type-2 .title-alt {
padding: 10px;
background: var(--pz-kaplama-15);
font-size: 14px;
font-weight: 500;
}
.sidebar-menu-type-2 .links a {
display: block;
display: block;
padding: 10px;
border-bottom: 1px solid var(--pz-border);
color: var(--pz-text);
font-size: 14px;
}
.sidebar-menu-type-2 .links a i {
float: right;
}
.sidebar-menu-type-2 .categories {
}
.sidebar-menu-type-2 .categories ul {
margin: 0;
padding: 10px;
}
.sidebar-menu-type-2 .categories ul li {
padding: 0;
list-style: none;
border: 1px solid var(--pz-border);
margin-bottom: 15px;
position: relative;
}
.sidebar-menu-type-2 .categories ul li a img{
height: 35px;
margin-right: 10px;
}
.sidebar-menu-type-2 .categories ul li a {
display: flex;
padding: 10px;
border-bottom: 0;
color: var(--pz-text);
font-size: 14px;
font-weight: 400;
align-items: center;
}
.sidebar-menu-type-2 .categories ul li a .name {
width: 80%;
}
.sidebar-menu-type-2 .categories ul li a .icon {
color: var(--pz-text);
width: 20px;
height: 20px;
text-align: center;
border-radius: 2px;
font-size: 17px;
position: absolute;
right: 22px;
}
.sidebar-menu-type-2 .categories .multi li a .icon {
right: 13px;
}
.sidebar-menu-type-2 .easy-autocomplete-container ul {
border-top: 1px solid var(--pz-border);
top: 65px;
}
.sidebar-menu-type-2 .categories ul li a .icon .fa-angle-right:before {
content: "\f078";
}
.sidebar-menu-type-2 .categories .multi .icon .fa-angle-right:before {
content: "\f078";
}
.sidebar-menu-type-2 .categories ul .multi {
display: none;
}
.sidebar-menu-type-2 .categories ul .multi li:first-child{
display: none;
}
.sidebar-menu-type-2 .categories ul .multi a {
padding-left: 20px;
}
.sidebar-menu-type-2 .categories .multi li {
border: 0;
margin-bottom: 5px;
}
.sidebar-menu-type-2 .categories ul .multi a {
padding: 0;
}
.sidebar-menu-type-2 .categories ul .multi .multi a {
padding-left: 20px;
font-size:12px;
}
.sidebar-menu-type-2 .mobile-search i{
font-size: 25px;
margin-right: 10px;
}
.sidebar-menu-type-2 .mobil-area-title {
color: var(--pz-text);
margin: 15px 10px 10px 13px;
display: block;
font-weight: 500;
font-size: 15px;
}
.sidebar-menu-type-2 .mobil-area-1 {
display: flex;
position: relative;
text-align: center;
}
.sidebar-menu-type-2 .mobil-area-1 a {
display: flex;
flex-direction: row;
align-items: center;
width: 50%;
justify-content: center;
border: 1px solid var(--pz-border);
margin: 0 10px;
padding: 7px 1rem;
color: var(--pz-text);
text-align: left;
font-size: 13px;
font-weight: 600;
}
.sidebar-menu-type-2 .mobil-area-1 a img {
margin-right: 10px;
padding: 0;
width: 41px;
height: 41px;
}
.sidebar-menu-type-2 .logo-area a img {
height: 70px;
max-width: 250px;
}
.sidebar-menu-type-2 .logo-area {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--pz-border);
padding: 10px;
}
.mobile-menu-close {
display: flex;
justify-content: center;
margin-right: 19px;
font-size: 20px;
align-items: center;
}
.mobile-menu-close i {
border: 1px solid var(--pz-border);
padding: 0.5rem;
border-radius: 50%;
height: 40px;
width: 40px;
text-align: center;
color: var(--pz-border);
padding-top: 10px;
padding-left: 9px;
}
.mobil-area-2 {
margin: 1rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.sidebar-menu-type-2 .short-link {
width: 50%;
padding: 15px 10px;
}
.sidebar-menu-type-2 .short-link.border-1{
border-bottom: 1px solid var(--pz-border);
border-right: 1px solid var(--pz-border);
}
.sidebar-menu-type-2 .short-link.border-2{
border-bottom: 1px solid var(--pz-border);
}
.sidebar-menu-type-2 .short-link.border-3 {
border-right: 1px solid var(--pz-border);
}
.sidebar-menu-type-2 .short-link a {
color: var(--pz-text);
font-size: 13px;
font-weight: 400;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
}
.sidebar-menu-type-2 .short-link a i {
margin-right: 10px;
font-size: 20px;
}
.mobil-area-footer {
text-align: center;
color: var(--pz-text);
}
.sidebar-menu-type-2 .scrollbar {
width: 100%;
height: 90%;
box-sizing: border-box;
padding-bottom: 0;
overflow-x: hidden;
overflow-y: scroll;
}
.product-profile-1 .carousel .carousel-indicators {
position: relative;
right: auto;
bottom: auto;
left: auto;
height: auto;
margin: 0;
z-index: 0;
flex-direction: row;
margin-top: 10px;
display: flex;
flex-wrap: wrap;
max-height: 500px;
overflow: scroll;
}
.info-bar-1 {
border-top: 1px solid var(--pz-border);
padding: 20px 0;
}
.info-bar-1 .icons {
display: flex;
justify-content: space-evenly;
align-items: center;
color: var(--pz-text);
padding: 10px 0;
}
.info-bar-1 .icons .icon-group {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 20px;
}
.info-bar-1 .icons .icon-group:last-child {
border-right: 0;
}
.info-bar-1 .icons .icon-group i {
font-size: 26px;
margin-right: 25px;
color: var(--pz-text);
}
.info-bar-1 .icons .icon-group .inf .name {
font-size: 13px;
font-weight: 500;
display: block;
color: var(--pz-text);
}
.info-bar-1 .icons .icon-group .inf .description {
font-size: 12px;
font-weight: 400;
color: var(--pz-text);
}
.login-body .p-g-mod-t-4{
padding: 30px;
}
.login-body .p-g-mod-t-4 .nav-tabs {
border: 0;
background: transparent;
border-radius: 4px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.login-body .p-g-mod-t-4 .nav-tabs .nav-item {
flex: 1;
text-align: center;
border-radius: 3px;
border: 1px solid var(--pz-border);
background: var(--pz-border);
color: var(--pz-text-muted);
font-weight: 600;
transition: all var(--transition-time);
font-size: 16px;
}
.login-body .p-g-mod-t-4 .btn-without-login {
color: var(--pz-surface);
background: var(--main-color);
border: none;
margin-bottom: 20px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
height: 40px;
}
.login-body .p-g-mod-t-4 .btn-without-login i{
line-height: 0;
}
.login-body .p-g-mod-t-4 .nav-tabs .nav-item.show .nav-link,
.login-body .p-g-mod-t-4 .nav-tabs .nav-link.active {
border: 1px solid var(--pz-border-strong);
background: var(--pz-surface);
color: var(--pz-text);
}
.login-body .p-g-mod-t-4 .btn-success {
color: var(--pz-surface);
background-color: var(--pz-success);
border-color: var(--pz-success);
display: flex;
flex: 1;
width: 100%;
justify-content: center;
font-size: 14px;
height: 45px;
align-items: center;
font-weight: 500;
}
.login-body .p-g-mod-t-4 .btn-fb-login {
background: var(--pz-surface);
color: var(--pz-text);
border: 1px solid var(--pz-border-strong);
width: 100%;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 14px;
}
.login-body .p-g-mod-t-4 .btn-fb-login i {
padding-right: 10px;
border-right: 0;
}
.login-body .p-g-mod-t-4 .btn-google-login {
background: var(--pz-surface);
color: var(--pz-text);
border: 1px solid var(--pz-border-strong);
width: 100%;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 14px;
}
.login-body .p-g-mod-t-4 .btn-google-login i{
padding-right: 10px;
border-right: 0;
}
.p-g-mod-t-12 .p-g-mod-body .social-share {
border-top: 1px solid var(--pz-kaplama-10);
font-size: 12px;
margin-top: 10px;
}
.p-g-mod-t-15 .p-g-mod-body.p-g-mod-body-p-0 ul li a,
.p-g-mod-t-16 .p-g-mod-body.p-g-mod-body-p-0 ul li a,
.p-g-mod-t-58 .p-g-mod-body.p-g-mod-body-p-0 ul li a {
padding: .75rem 10px;
}
.card-blog .buttons .btn-read-more {
background: var(--pz-surface);
color: var(--pz-text);
border: 1px solid var(--pz-text);
font-size: 13px;
border-radius: 3px;
padding: 5px 15px;
}
.card-blog .buttons .btn-read-more i {
font-size: 9px;
margin-left: 5px;
}
.category-filter-order-desktop{
display: inline-block;
width: 170px;
line-height: normal;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 35px;
font-size: 13px;
color: var(--pz-text-secondary);
font-weight: 400;
padding-left: 14px;
border: 1px solid var(--pz-border);
border-radius: 3px;
background: url(images/select-arrow.svg) no-repeat;
background-position: right 10px center;
background-color: var(--pz-surface);
outline: none;
}
.category-filter-order-desktop:focus{
border-color: var(--pz-border);
}
.categories-body .product-view-select a div {
width: 9px;
height: 13px;
background: var(--pz-border);
border-radius: 1px;
margin:0 2px;
}
.categories-body .product-view-select a.active div {
background: var(--main-color);
}
.categories-body .product-view-select a {
background: var(--pz-surface);
height: 30px;
border-radius: 5px;
border: 1px solid var(--pz-border);
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
margin-left: 10px;
transition: var(--transition-time);
padding:0 10px;
}
.category-filter-order .list-wrap {
background: var(--pz-border);
border-radius: 5px;
padding: 10px 20px;
}
.category-filter-order .list-wrap .list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
font-size: 12px;
font-weight: 500;
justify-content: space-between;
}
.categories-body .pattern-group .p-g-mod-t-20 > .p-g-mod-header {
border-bottom: 0;
padding-left:0;
}
.category-filter-order .list-wrap .list li {
flex: inherit;
}
.category-filter-order-mobile{
display: none;
}
.pattern-group .p-g-mod-showcase .p-g-mod-header{
border-bottom: 0;
}
.card-product .card-product-inner .price-group .prices .sale-price {
font-size: 16px;
font-weight: 500;
color: var(--pz-text);
line-height: normal;
}
.card-product-content{
text-align: center;
color: var(--pz-text-secondary);
}
.card-product .card-product-inner .product-label img {
max-height: 35px;
}
.category-filter-order .list-wrap .list li .lag-checkbox{
transition: all var(--transition-time);
}
.category-filter-order .list-wrap .list li.active .lag-checkbox,
.category-filter-order .list-wrap .list li:hover .lag-checkbox {
background: var(--main-color);
color: var(--pz-surface);
}
.pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn-secondary {
color: var(--pz-surface);
background-color: var(--pz-text-muted);
border-color: var(--pz-text-muted);
width: 100%;
margin: 0;
border-radius: 0;
}
.categories-body .p-g-mod-t-cat-filter{
border: 1px solid var(--pz-border);
margin-bottom: 10px;
}
.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav {
display: flex;
flex: 1;
justify-content: center;
align-items: center;
border: 1px solid var(--pz-border);
margin-bottom: 0px;
}
.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav {
display: flex;
flex: 1;
justify-content: center;
align-items: center;
height: 50px;
}
.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link{
transition: var(--transition-time);
}
.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link:hover{
color: var(--main-color);
}
.product-details-tab-product-details-tab-colorful .tab-content{
border: 1px solid var(--pz-border);
border-top: 0;
}
.product-profile-1 .carousel .carousel-indicators li.active {
border-color: var(--main-color);
}
.product-badges .p-badge {
height: 55px;
}
.p-g-mod-base-content{
border: 1px solid var(--pz-border);
}
.p-g-mod-t-10 .p-g-mod-body a,
.p-g-mod-t-2 .p-g-mod-body a{
transition: all var(--transition-time);
}
.contact-info{
display: flex;
flex-direction: column;
}
.contact-info .contact-item{
margin: 5px 0;
display: flex;
align-content: center;
cursor: pointer;
}
.contact-info .contact-item i{
margin-right: 10px;
font-size: 17px;
transition: all var(--transition-time);
}
.contact-info .contact-item a{
color: var(--pz-text);
}
.contact-info .contact-item:hover i{
color: var(--main-color);
}
footer .bar .cards {
min-height: auto;
background: inherit;
}
footer .bar .right-image {
text-align: right;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.p-g-mod-t-45 .carousel-type-1 .carousel-indicators li {
width: 10px;
height: 10px;
border-radius: 50%;
}
.product-profile-info .sale-price-discount,
.hizli-sepet .sale-price-discount{
display: inline-flex;
align-items: center;
border: 1px solid var(--pz-border);
padding: 10px;
margin-top: 10px;
font-size: 16px;
}
.product-profile-info .sale-price-discount .sale-price,
.hizli-sepet .sale-price{
font-size: 20px;
font-weight: 600;
}
.card-product .sale-price-basket {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--pz-border);
padding: 5px 0;
margin: 3px 0;
flex-direction: column;
}
.card-product .sale-price-basket .sale-price{
font-weight: 500;
font-size: 15px;
}
.native-modal.show .hizli-sepet .related-products {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: row;
flex-wrap: inherit;
}
.native-modal.show .hizli-sepet .fast-product-cart-box::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.native-modal.show .hizli-sepet .fast-product-cart-box::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: var(--pz-kaplama-50);
-webkit-box-shadow: 0 0 1px var(--pz-beyaz-60);
}
.hizli-sepet {
max-width: 960px;
}
.native-modal.show .hizli-sepet .modal-content {
border: 0;
border-radius: 0;
position:relative;
}
.native-modal.show .hizli-sepet .modal-content .prices{
display: flex;
align-items: center;
}
.native-modal.show .hizli-sepet .modal-content .fast-product-title{
font-size: 19px;
color: var(--pz-text);
margin-bottom: 10px;
font-weight: 600;
line-height: 25px;
}
.native-modal.show .hizli-sepet .modal-content .product-reviews .stars .star {
color: var(--pz-border-strong);
font-size: 12px;
margin-right: 1px;
}
.native-modal.show .hizli-sepet .modal-content .product-reviews .stars{
margin: 15px 0;
}
.native-modal.show .hizli-sepet .modal-content .iliskili-urunler{
color: var(--pz-text-muted);
font-weight: 600;
}
.native-modal.show .hizli-sepet .modal-content .iliskili-urunler .value{
color: var(--pz-text);
}
.native-modal.show .hizli-sepet .modal-content .product-price-group .prices .list-price {
font-size: 19px;
font-weight: 500;
color: var(--pz-text-muted);
text-decoration: line-through;
margin-right: 10px;
}
.native-modal.show .hizli-sepet .modal-content .short-desc{
color: var(--pz-text-secondary);
font-size: 14px;
margin-bottom: 15px;
}
.native-modal.show .hizli-sepet .carousel-indicators li{
width: 10px;
height: 10px;
background-color: var(--pz-text-muted);
border-radius: 50%;
border: 4px solid transparent;
}
.native-modal.show .hizli-sepet .carousel-indicators li.active {
opacity: 1;
background-color: var(--pz-text);
border: 4px solid var(--pz-border-strong);
}
.native-modal.show .hizli-sepet .product-favourite2{
position: absolute;
top: 15px;
left: 25px;
z-index: 999;
width: 40px;
height: 40px;
background: var(--pz-surface);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
padding-top: 3px;
-webkit-box-shadow: 0px -2px 18px -3px var(--pz-kaplama-50);
box-shadow: 0px -2px 18px -3px var(--pz-kaplama-50);
}
.native-modal.show .hizli-sepet .product-buttons {
display: inline-flex;
flex-wrap: nowrap;
}
.native-modal .native-modal-close{
z-index:9;
outline:0;
}
.native-modal.show .hizli-sepet .fast-product-cart-box{
height: 100%;
display: flex;
flex-direction: column;
max-height: 600px;
overflow-y: auto;
}
.native-modal.show .hizli-sepet .modal-body{
padding:0;
}
.product-body .product-profile-1 .product-unit {
display: flex;
justify-content: center;
font-weight: 500;
align-items: center;
border-radius: 5px;
border: solid 1px var(--pz-border-strong);
width: 95px;
padding: 5px 0;
margin-right: 10px;
height: 46px;
margin: 10px 0;
}
.product-body .product-profile-1 .product-unit  input[type=checkbox],
.product-body .product-profile-1 .product-unit  input[type=radio] {
box-sizing: border-box;
padding: 0;
margin-right: 5px;
}
.product-body .product-profile-1 .product-unit input[type='radio']:checked:after {
width: 15px;
height: 15px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: var(--pz-primary);
content: '';
display: inline-block;
visibility: visible;
border: 3px solid var(--pz-border);
}
.card-product .card-product-inner .quantity {
margin: 5px 0;
width: 100%;
text-align: center;
display: flex;
flex-basis: auto;
justify-content: center;
}
.card-product .card-product-inner .quantity .btn {
display: flex;
width: 35px;
height: 35px;
color: var(--pz-text-secondary);
font-size: 10px;
border: 1px solid var(--pz-border);
border-radius: 0;
align-items: center;
justify-content: center;
}
.card-product .card-product-inner .quantity .btn:first-child {
border-radius: 0;
}
.card-product .card-product-inner .quantity .btn:hover {
color: var(--pz-text);
background: var(--pz-surface-alt);
border-color: var(--pz-surface-alt);
}
.card-product .card-product-inner .quantity input {
min-width: 35px;
max-width: 50px;
height: 35px;
border-radius: 0;
border-color: var(--pz-border-strong);
background: var(--pz-surface);
color: var(--pz-text-secondary);
text-align: center;
font-weight: 400;
font-size: 15px;
border-right: 0;
border-left: 0;
}
.subtitle-img {
max-height: 25px;
margin-bottom: 5px;
}
header.desktop .mega-menu .nav-link {
flex: none;
height: 100%;
display: flex;
flex-direction: column;
width: 100%;
}
.single-menu-container .single-menu li .subtitle-img{
font-weight: 500;
text-decoration: none;
padding: 0;
display: block;
color: var(--pz-surface);
transition: all 0.2s ease-in-out 0s;
font-size: 16px;
}
.single-menu-container .single-menu li {
text-align: center;
height: 100%;
}
.single-menu-container .single-menu li .sub-single-item{
padding: 0 15px;
}
.e404-body{
background: repeating-linear-gradient(45deg,transparent, transparent 10px,
var(--pz-surface-alt) 10px, var(--pz-surface-alt) 20px),linear-gradient(to bottom,var(--pz-surface), var(--pz-surface)
);
}
.e404-btn{
background: var(--pz-surface);
border-radius: 45px;
color: var(--pz-text);
padding: 20px 50px;
margin-top: 30px;
font-size: 16px;
font-weight: 600;
-moz-box-shadow: inset 0 -1px 1px var(--pz-text), 0 5px 0 var(--pz-text), 0 6px 8px var(--pz-kaplama-35);
-webkit-box-shadow: inset 0 -1px 1px var(--pz-text), 0 5px 0 var(--pz-text), 0 6px 8px var(--pz-kaplama-35);
box-shadow: inset 0 -1px 1px var(--pz-text), 0 5px 0 var(--pz-text), 0 6px 8px var(--pz-kaplama-35);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
text-decoration: none;
}
.e404-btn:hover{
color:var(--main-color);
-moz-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px var(--pz-kaplama-35);
-webkit-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px var(--pz-kaplama-35);
box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px var(--pz-kaplama-35);
}
.e404-content .e404-logo img{
max-height: 100px;
border: none;
}
.e404-page-type-1 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 50px 0;
}
.e404-page-type-1 .e404-pic {
height: 200px;
background: var(--pz-surface);
border: 1px solid var(--pz-border);
padding: 10px 20px;
border-radius: 10px;
}
.e404-page-type-1 .e404-title{
color: var(--pz-text);
font-weight: 700;
letter-spacing: 2px;
font-size: 2rem;
margin: 30px 0px 0px 0px;
}
.e404-description{
color: var(--pz-text-muted);
font-size: 1rem;
margin: 5px;
text-align: center;
font-weight: 300;
}
.e404-page-type-2 {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 50px 0;
}
.e404-page-type-2 .e404-content{
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-left: 100px;
padding: 0 10%;
border-top: 0;
border-left: 0;
}
.e404-page-type-2 .e404-pic{
height: 400px;
background: var(--pz-surface);
border: 1px solid var(--pz-border);
padding: 10px 20px;
border-radius: 10px;
}
.e404-page-type-2 .e404-title{
color: var(--pz-text);
font-weight: 700;
letter-spacing: 2px;
font-size: 2rem;
margin: 30px 0px 0px 0px;
}
footer .mobile-app-title{
margin-bottom: 10px;
font-size: 14px;
font-weight: 600;
display: block;
}
footer .mobile-app img{
max-height: 40px;
}
.product-customer-actions{
padding: 10px 0;
background: var(--pz-surface-alt);
}
.product-customer-actions .action .button i {
font-size: 15px;
margin-right: 10px;
}
.product-customer-actions .action:first-child {
border-left: 0;
}
.product-customer-actions .action {
border-right: 0;
}
.product-transfer-discount{
background: var(--pz-surface-alt);
padding: 10px;
width: 100%;
border-radius: 5px;
border-left: 5px solid var(--main-color);
font-size:14px;
color:var(--pz-text-muted);
}
.newsletter-content .newsletter-title{
color: var(--pz-text);
font-weight: 400;
font-size: 14px;
margin-bottom: 10px;
}
.newsletter-input{
height: 40px;
background: var(--pz-surface);
display: block;
color: var(--pz-border-strong);
position: relative;
line-height: 23px;
font-size: 13px;
font-weight: 400;
border-radius: 0;
box-shadow: none;
border: 0;
border-bottom: 1px solid var(--pz-border);
}
.newsletter-form .btn-submit{
position: absolute;
right: 0px;
top: 0px;
font-size: 13px;
font-weight: 500;
color: var(--pz-text);
display: flex;
justify-content: center;
align-items: center;
height: 40px;
}
.newsletter-form{
position: relative;
width: 100%;
}
.sms-newsletter-content .newsletter-title{
color: var(--pz-text);
font-weight: 400;
font-size: 14px;
margin-bottom: 10px;
}
.sms-newsletter-input{
height: 40px;
background: var(--pz-surface);
display: block;
color: var(--pz-border-strong);
position: relative;
line-height: 23px;
font-size: 13px;
font-weight: 400;
border-radius: 0;
box-shadow: none;
border: 0;
border-bottom: 1px solid var(--pz-border);
}
.sms-newsletter-form .btn-submit{
position: absolute;
right: 0px;
top: 0px;
font-size: 13px;
font-weight: 500;
color: var(--pz-text);
display: flex;
justify-content: center;
align-items: center;
height: 40px;
}
.sms-newsletter-form{
position: relative;
width: 100%;
}
footer .social-media .social-media-title{
margin-bottom: 10px;
font-size: 14px;
font-weight: 600;
}
footer .social-media a{
color: var(--pz-text);
font-size: 20px;
margin-right: 20px;
}
footer .social-media a:last-child{
margin-right:0;
}
.card-product .card-product-inner .price-group .prices .list-price{
text-decoration: line-through;
}
.card-blog,
.card-brand,
.card-category,
.card-product {
border: 1px solid var(--pz-border);
border-radius: 5px;
}
.card-product .card-product-inner .free-cargo-badge {
position: absolute;
left: 10px;
background: var(--pz-primary);
}
.card-product .card-product-inner .buttons .btn-cart,
.modal-content .buttons .btn-cart{
background: var(--add-cart-list-bg);
border-color: var(--add-cart-list-bg);
color: var(--add-cart-list);
transition: var(--transition-time);
}
.card-product .card-product-inner .buttons .btn-cart i,
.modal-content .buttons .btn-cart i{
margin-right: 7px;
}
.card-product .card-product-inner .buttons .btn-cart:hover,
.modal-content .buttons .btn-cart:hover{
background: var(--add-cart-list-bg-hover);
border-color: var(--add-cart-list-bg-hover);
color: var(--add-cart-list-hover);
}
.card-product .down-to-top .btn-cart{
background: var(--add-cart-list-bg);
border-color: var(--add-cart-list-bg);
color: var(--add-cart-list);
transition: var(--transition-time);
font-size: 13px;
}
.card-product .down-to-top .btn-cart:hover{
background: var(--add-cart-list-bg-hover);
border-color: var(--add-cart-list-bg-hover);
color: var(--add-cart-list-hover);
}
.product-buttons .btn-cart{
background: var(--add-cart-detail-bg);
border-color: var(--add-cart-detail-bg);
color: var(--add-cart-detail);
transition: all var(--transition-time);
}
.product-buttons .btn-cart:hover{
background: var(--add-cart-detail-bg-hover);
border-color: var(--add-cart-detail-bg-hover);
color: var(--add-cart-detail-hover);
}
.product-buttons .btn-fast-buy{
background: var(--buy-now-bg);
border-color: var(--buy-now-bg);
color: var(--buy-now);
transition: all var(--transition-time);
}
.product-buttons .btn-fast-buy:hover{
background: var(--buy-now-bg-hover);
border-color: var(--buy-now-bg-hover);
color: var(--buy-now-hover);
}
.payment-final-buttons-1 .btn-complete{
background: var(--complete-payment-bg);
border-color: var(--complete-payment-bg);
color: var(--complete-payment);
transition: all var(--transition-time);
}
.payment-final-buttons-1 .btn-complete:hover{
background: var(--complete-payment-bg-hover);
border-color: var(--complete-payment-bg-hover);
color: var(--complete-payment-hover);
}
.product-favourite-kart{
display: inline-block;
position: absolute;
right: 0;
z-index: 2;
}
.product-favourite-kart a{
font-size: 20px;
}
header.desktop .header-bar .bar-link .icon{
position:relative;
}
header.desktop .header-bar .bar-link .icon,
header.desktop .header-bar .bar-link .name{
transition: all var(--transition-time);
}
header.desktop .header-bar .bar-link:hover .icon,
header.desktop .header-bar .bar-link:hover .name{
color: var(--main-color2);
}
header.desktop .header-bar .bar-user .link a .name{
color: var(--pz-text);
}
header.desktop .header-bar .bar-user .link a:hover .name{
color: var(--main-color2);
}
header.desktop .header-bar .bar-link{
display: flex;
justify-content: center;
align-items: center;
color: var(--pz-text);
position: relative;
line-height: normal;
font-weight: 400;
flex: 1;
transition: all var(--transition-time);
}
header.desktop .header-bar .bar-link a{
color: var(--pz-text);
}
header.desktop .header-bar .bar-user .link{
display: flex;
flex-direction: column;
}
header.desktop .header-bar .bar-link i{
margin-right: 7px;
font-size: 23px;
}
header.desktop .header-bar {
display: flex;
justify-content: flex-end;
align-items: center;
width: 100%;
}
header.desktop .header-bar .bar-cart .icon .count {
position: absolute;
right: -10px;
top: -10px;
min-width: 18px;
height: 18px;
display: flex;
justify-content: center;
align-items: center;
background: var(--pz-primary);
color: var(--pz-surface);
font-size: 11px;
border-radius: 50%;
}
.product-view-select{
display: flex;
justify-content: space-evenly;
width: 100%;
height: 100%;
align-items: center;
}
.card-product .it-over {
position: absolute;
bottom: 10%;
left: 0;
right: 0;
width: 100%;
background: var(--pz-beyaz-85);
color: var(--pz-text);
border: 1px solid var(--pz-text);
text-align: center;
height: 50px;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.card-product .carousel-control-next i,
.card-product .carousel-control-prev i{
padding: 5px;
background: var(--pz-surface);
font-size: 18px;
color:var(--pz-text);
}
.card-product .buttons-wrapper.right-to-left {
overflow: hidden;
opacity: 0;
position: absolute;
top: 0px;
right: -30px;
transition: all 0.4s;
background: var(--pz-surface);
z-index: 9;
border: 1px solid var(--pz-border);
border-radius: 5px;
}
.card-product .right-to-left .button-group{
background: transparent;
padding: 7px;
}
.card-product .right-to-left .cart-group{
display: flex;
flex-direction: column;
}
.card-product .right-to-left .cart-group a{
padding: 0;
margin: 5px 0;
}
.card-product .right-to-left .cart-group a i{
font-size: 17px;
transition: all var(--transition-time);
}
.card-product .right-to-left .cart-group a:hover i{
color: var(--main-color);
}
.card-product:hover .right-to-left{
opacity:1;
right: 0px;
transition: all var(--transition-time);
}
.card-product .buttons-wrapper.down-to-top{
position: absolute;
overflow: hidden;
width: 100%;
left: 50%;
transform: translate3d(-50%,0%,0);
z-index: -1;
}
.card-product .down-to-top .button-group{
background: transparent;
padding: 7px;
}
.card-product .btn-cart{
display: flex;
justify-content: center;
align-items: center;
}
.card-product:hover .down-to-top{
position: absolute;
overflow: hidden;
width: 100%;
left: 50%;
transform: translate3d(-50%,-100%,0);
transition:all .4s;
z-index: 999;
}
.card-product:hover .down-to-top .button-group{
opacity: 1;
visibility: visible;
transform: translate3d(0,0,0);
transition:all .4s;
margin: 0 ;
padding:3px 0;
}
.product-carousel-mobile{
display: none;
}
.video-play{
position: relative;
}
.video-play i{
position: absolute;
bottom: 0;
top: 0;
width: 30px;
height: 30px;
border: 1px solid var(--pz-text);
border-radius: 100%;
line-height: 28px;
left: 0;
right: 0;
margin: auto;
text-align: center;
text-indent:1px;
}
@media (max-width: 991px) {
.info-bar-1 .icons {
display: flex;
justify-content: flex-start;
align-items: flex-start;
color: var(--pz-text);
padding: 10px 0;
flex-direction: column;
}
.login-body .p-g-mod-t-4 {
padding: 7px;
}
.category-filter-order-desktop{
display: none;
}
.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav{
height: auto;
}
.product-profile-1 .product-quantity{
margin-right: 10px;
}
.product-badges .p-badge {
height: 55px;
flex: auto;
}
.product-buttons .btn-fast-buy {
flex: 1;
}
.product-buttons .btn-cart{
flex:1;
margin-left:0;
}
.product-buttons .btn-wp {
width: 100%;
}
.card-product .right-to-left{
display: none;
}
.product-view-select{
display: none;
}
.pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn-secondary {
width: auto;
margin: 5px;
border-radius: 3px;
}
.categories-body .p-g-mod-t-cat-filter {
margin: 10px;
}
footer .bar .right-image {
justify-content: center;
}
footer .bb .pr-5{
padding-right: 10px;
}
footer .mobile-app{
margin-bottom: 20px;
}
.product-carousel-desktop.normal{
display: none;
}
.product-carousel-mobile{
display: block;
}
.mobile-header-space {
display: block;
}
header.desktop {
display: none;
}
header.mobile {
display: block;
}
.stores .cards {
display: block;
text-align: center;
}
.stores .card {
display: inline-block;
border-right: none;
margin: 0;
max-width: 45%;
height: 50px;
border: 0
}
footer .bar p {
text-align: center;
}
footer .bar .right-image {
margin: 10px 0;
text-align: center;
}
footer .logo-area {
display: none;
}
footer .bb {
border-top: 0;
border-bottom: 0;
}
footer .info {
padding-top: 0;
}
footer .info .title {
text-align: center;
color: var(--pz-text);
border: 1px solid var(--pz-text);
padding: 8px;
position: relative;
}
footer .info .title::after {
content: "+";
right: 10px;
top: 3px;
bottom: 0;
position: absolute;
font-size: 20px;
margin-bottom: 10px;
}
footer .info .fs {
display: none;
text-align: center;
border: 1px solid var(--pz-text);
margin-bottom: 15px;
color: var(--pz-text);
padding: 10px;
}
footer .info ul {
margin: 0;
}
footer .info ul li {
color: var(--pz-text);
}
footer .info ul li a {
color: var(--pz-text);
}
footer .info ul li a:before {
display: none;
}
footer .social-media {
justify-content: center;
margin: 10px 0;
}
footer .secure {
text-align: center;
margin: 10px 0;
}
}
header.desktop .header-cart-hover .nav-link::after {
display: none;
}
header.desktop .header-cart-hover {
position: relative;
display: flex;
flex: 1;
}
header.desktop .header-cart-hover .dropdown-menu {
border: 0;
border-radius: 0;
background-color: var(--pz-surface);
width: 300px;
left: inherit;
right: 0;
top: 28px;
position: absolute;
border: 2px solid var(--pz-border);
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px var(--pz-kaplama-05);
-moz-box-shadow: 0px 0px 5px 0px var(--pz-kaplama-05);
box-shadow: 0px 0px 5px 0px var(--pz-kaplama-05);
margin-top:0;
padding-top:0;
padding-bottom: 0;
}
header.desktop .header-cart-hover .dropdown-menu .top-header{
background: var(--pz-surface-alt);
display: flex;
justify-content: space-evenly;
padding: 5px 0;
}
header.desktop .header-cart-hover .dropdown-menu .top-header .title{
font-size: 14px;
padding: 5px 0;
font-weight: 500;
}
header.desktop .header-cart-hover:hover .dropdown-menu,
header.desktop .header-cart-hover .dropdown-menu:hover {
display:block;
}
header.desktop .header-cart-hover .dropdown-menu ul.user-links {
margin: 0;
padding: 0;
}
header.desktop .header-cart-hover .dropdown-menu ul.user-links li {
margin: 0;
padding: 0;
list-style: none;
padding-left: 10px;
}
header.desktop .header-cart-hover .dropdown-menu ul.user-links li:hover{
background: var(--pz-surface-alt);
}
header.desktop .header-cart-hover .dropdown-menu ul.user-links li a {
display: block;
font-size: 13px;
color: var(--pz-text);
border-bottom: 1px solid var(--pz-border);
padding: 5px 0;
}
header.desktop .header-cart-hover .dropdown-menu ul.user-links li:last-child a{
border-bottom: 0px;
}
header.desktop .header-cart-hover .dropdown-menu ul.user-links li a i {
margin-right: 5px;
}
header.desktop .header-cart-hover .dropdown-menu ul.auth-links {
margin: 0;
padding: 0;
}
header.desktop .header-cart-hover .dropdown-menu ul.auth-links li {
margin: 0;
padding: 0;
list-style: none;
}
header.desktop .header-cart-hover .dropdown-menu ul.auth-links li a {
display: block;
text-align: center;
padding: 10px 5px;
color: var(--pz-text);
font-size: 13px;
font-weight: 500;
}
header.desktop .header-cart-hover .dropdown-menu ul.auth-links li a i {
margin-right: 10px;
}
header.desktop .header-cart-hover .btn-remove{
background: var(--pz-border);
border: none;
color: var(--pz-text);
font-size: 12px;
width: 25px;
height: 25px;
border-radius: 20px;
display: flex;
font-weight: 500;
justify-content: center;
align-items: center;
margin-left: 10px;
}
.header-cart-summary-1 {
}
.header-cart-summary-1 .table th {
font-size: 12px;
font-weight: 500;
}
.header-cart-summary-1 .buttons {
display: flex;
flex-direction: column;
margin-right: 12px;
}
.header-cart-summary-1 .buttons .btn {
font-size: 12px;
padding: 5px 3px;
margin: 5px;
background: var(--add-cart-list-bg);
color: var(--add-cart-list);
transition: all var(--transition-time);
}
.header-cart-summary-1 .buttons .btn:hover {
background: var(--add-cart-list-bg-hover);
color: var(--add-cart-list-hover);
}
.header-cart-summary-1 .buttons .btn-color-2 {
background: var(--buy-now-bg);
color: var(--buy-now);
transition: all var(--transition-time);
}
.header-cart-summary-1 .buttons .btn-color-2:hover{
background: var(--buy-now-bg-hover);
color: var(--buy-now-hover);
}
.header-cart-summary-1 .buttons .btn-color-2 i{
font-size: 8px;
padding-left: 3px;
}
.ajax-shopping-cart {
padding: 15px;
font-size: 12px;
max-height: 300px;
overflow-y: auto;
}
.ajax-cart-empty{
font-size: 13px;
text-align: center;
padding: 20px 0;
}
.ajax-shopping-cart .product {
display: flex;
margin-bottom: 10px;
border-bottom: 1px solid var(--pz-border);
padding-bottom: 10px;
padding-top: 10px;
}
.ajax-shopping-cart .product:last-child{
display: flex;
margin-bottom: 10px;
border-bottom: 0;
padding-bottom: 0;
padding-top: 0;
}
.ajax-shopping-cart .product .image {
flex: 2;
}
.ajax-shopping-cart .product .price {
flex: 2;
font-size: 13px;
text-align: right;
}
.ajax-shopping-cart .product .info {
flex: 3;
text-align:right;
}
.ajax-shopping-cart .product .info .name {
font-size: 13px;
font-weight: 500;
margin-bottom: 5px;
color: var(--pz-text);
}
.sidebar-menu-type-2 .logo-area a img {
max-height: 40px
}
.sidebar-menu-type-2 .mobil-area-title {
font-size: 16px
}
.sidebar-menu-type-2 .categories ul li a {
font-size: 15px;
font-weight: 500
}
.sidebar-menu-type-2 .categories ul .multi a {
padding: 6px 0;
font-size: 14px;
font-weight: 400
}
.sidebar-menu-type-2 .categories ul .multi .multi a {
font-size: 14px
}
.mobile-menu-close i {
border: 1px solid var(--pz-border-strong);
color: var(--pz-border-strong);
}
.sidebar-menu-type-2 .categories ul .multi li:first-child {
display: block
}
@media (max-width: 991px){
.product-profile-1 .carousel .carousel-indicators li {
max-width: 50px;
}
}
@media (max-width: 991px){
.product-profile-1 h1.title {
margin-top: 10px;
}
}
@media (min-width: 768px) {
.product-profile-1 .carousel .carousel-indicators{
overflow: unset;
overflow-y: auto;
}
}
@media (max-width: 767px) {
.product-profile-1 .carousel .carousel-indicators{
overflow: unset;
max-height: unset;
}
.product-profile-1 .carousel .carousel-indicators li {
max-width: 50px;
}
}
.p-g-mod.p-g-mod-t-39 {
margin-bottom: 10px;
margin-top: -10px;
border: 0;
}
.p-g-mod.p-g-mod-t-39 .p-g-mod-header {
height: 35px;
padding: 10px;
color: var(--pz-text);
}
.p-g-mod.p-g-mod-t-39 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
font-size: 14px;
}
.p-g-mod.p-g-mod-t-39 .p-g-mod-body:not(.p-g-mod-body-p-0) {
padding: 0;
}
.p-g-mod.p-g-mod-t-39 .p-g-mod-body input {
padding: 0.275rem 0.7rem;
height: 35px;
font-size: 14px;
font-weight: 500;
border-radius: 3px;
}
.p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary {
font-size: 13px;
font-weight: 500;
background: var(--pz-text-muted);
border-color: var(--pz-text-muted);
}
.product-carousel-desktop.normal .carousel-item a img {
width: 100%;
}
@media(max-width: 991px){
.ppc-ctype-2 .row:first-of-type,
.ppc-ctype-3 .row:first-of-type {
flex-direction: column-reverse;
}
}
.category-short-description {
font-size: 15px;
}
@media(max-width: 991px){
.category-short-description {
font-size: 13px;
}
}

/* ---- 10-temel.css ---- */
html { -webkit-text-size-adjust: 100%; }
body {
background: var(--pz-bg);
color: var(--pz-text);
font-size: var(--pz-body-fs);
line-height: var(--pz-body-lh);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: var(--pz-text); margin-top: 0; }
h1, .h1 { font-size: var(--pz-h1-mobile-fs); line-height: var(--pz-h1-mobile-lh); font-weight: var(--pz-h1-fw); letter-spacing: var(--pz-h1-ls); }
h2, .h2 { font-size: var(--pz-h2-mobile-fs); line-height: 1.25; font-weight: var(--pz-h2-fw); letter-spacing: var(--pz-h2-ls); }
h3, .h3 { font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); letter-spacing: var(--pz-h3-ls); }
h4, .h4, h5, .h5, h6, .h6 { font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 600; }
@media (min-width: 768px) {
h1, .h1 { font-size: var(--pz-h1-fs); line-height: var(--pz-h1-lh); }
h2, .h2 { font-size: var(--pz-h2-fs); line-height: var(--pz-h2-lh); }
}
p { margin: 0 0 var(--pz-space-4); }
small, .small { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); }
a { color: var(--pz-primary); text-decoration: none; transition: color var(--pz-sure-hizli) ease; }
a:hover { color: var(--pz-primary-hover); text-decoration: none; }
img { max-width: 100%; height: auto; }
hr { border: 0; border-top: 1px solid var(--pz-border); }
::selection { background: var(--pz-primary-subtle); color: var(--pz-text); }
.pz-tabular { font-variant-numeric: tabular-nums; }
.pz-gizli, .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
[tabindex]:focus-visible, .btn:focus-visible {
outline: none;
box-shadow: var(--pz-focus-ring);
border-radius: var(--pz-radius-sm);
}
.btn:focus, .form-control:focus { box-shadow: none; }
@media (min-width: 1240px) {
.container, .container-sm, .container-md, .container-lg, .container-xl { max-width: var(--pz-container, 1310px); width: 97%; }
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
padding-left: var(--pz-gutter);
padding-right: var(--pz-gutter);
}
.pattern-group { margin-bottom: var(--age-space-block-mobil, var(--pz-space-8)); }
@media (min-width: 992px) { .pattern-group { margin-bottom: var(--age-space-block, var(--pz-space-16)); } }
.pattern-group:last-child { margin-bottom: 0; }
.pattern-group-header { margin-bottom: var(--pz-space-6); }
.pattern-group-header .p-g-h-info .p-g-h-i-title,
.p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
font-size: var(--pz-h2-mobile-fs);
line-height: 1.25;
font-weight: var(--pz-h2-fw);
letter-spacing: var(--pz-h2-ls);
color: var(--pz-text);
}
@media (min-width: 768px) {
.pattern-group-header .p-g-h-info .p-g-h-i-title,
.p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title { font-size: var(--pz-h2-fs); line-height: var(--pz-h2-lh); }
}
.pattern-group-header .p-g-h-info .p-g-h-i-description,
.p-g-mod-header .p-g-m-h-info .p-g-m-h-i-description {
margin-top: var(--pz-space-2);
font-size: var(--pz-body-fs);
line-height: var(--pz-body-lh);
color: var(--pz-text-secondary);
}
.p-g-mod-header,
.pattern-group .p-g-mod .p-g-mod-header,
.pattern-group .p-g-mod .p-g-mod-header.p-g-mod-header-p-0 {
height: auto; border: 0; background: transparent;
margin: 0 0 var(--pz-baslik-alt, var(--pz-space-6));
padding: var(--pz-baslik-ic, 0);
}
.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
margin: 0;
font-size: var(--pz-baslik-fs, var(--pz-h2-mobile-fs));
line-height: var(--pz-baslik-lh, 1.25);
font-weight: var(--pz-baslik-fw, var(--pz-h2-fw));
letter-spacing: var(--pz-baslik-ls, var(--pz-h2-ls));
color: var(--pz-text);
}
.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info h1.p-g-m-h-i-title {
font-size: var(--pz-baslik-fs, var(--pz-h1-mobile-fs));
line-height: var(--pz-baslik-lh, var(--pz-h1-mobile-lh));
font-weight: var(--pz-baslik-fw, var(--pz-h1-fw));
letter-spacing: var(--pz-baslik-ls, var(--pz-h1-ls));
}
@media (min-width: 768px) {
.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title { font-size: var(--pz-baslik-fs-md, var(--pz-h2-fs)); line-height: var(--pz-baslik-lh-md, var(--pz-h2-lh)); }
.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info h1.p-g-m-h-i-title { font-size: var(--pz-baslik-fs-md, var(--pz-h1-fs)); line-height: var(--pz-baslik-lh-md, var(--pz-h1-lh)); }
}
.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-description {
margin-top: var(--pz-space-2); font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 400; color: var(--pz-text-secondary);
}
.p-g-mod { background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.p-g-mod-body { padding: var(--pz-space-4); }
.p-g-mod.p-g-mod-trans { background: transparent; border: 0; border-radius: 0; }
.p-g-mod-body.p-g-mod-body-p-0, .p-g-mod-trans > .p-g-mod-body { padding: 0; }
.p-g-mod-showcase, .p-g-mod-header.p-g-mod-header-p-0 { background: transparent; border: 0; }
.p-g-mod-showcase > .p-g-mod-body { padding: 0; }
.p-g-tab-wrapper .p-g-t-nav { border-bottom: 1px solid var(--pz-border); margin-bottom: var(--pz-space-6); overflow-x: auto; scrollbar-width: none; }
.p-g-tab-wrapper .p-g-t-nav::-webkit-scrollbar { display: none; }
.p-g-tab-wrapper .p-g-t-nav .nav { flex-wrap: nowrap; gap: var(--pz-space-6); }
.p-g-tab-wrapper .p-g-t-nav .nav-link {
padding: var(--pz-space-3) 0;
border: 0;
border-bottom: 2px solid transparent;
border-radius: 0;
background: transparent;
color: var(--pz-text-secondary);
font-size: var(--pz-label-fs);
line-height: var(--pz-label-lh);
font-weight: var(--pz-label-fw);
white-space: nowrap;
}
.p-g-tab-wrapper .p-g-t-nav .nav-link:hover { color: var(--pz-text); }
.p-g-tab-wrapper .p-g-t-nav .nav-link.active { color: var(--pz-text); border-bottom-color: var(--pz-primary); background: transparent; }
.pz-btn {
display: inline-flex; align-items: center; justify-content: center; gap: var(--pz-space-2);
height: 44px; padding: 0 var(--pz-space-5);
border: 1px solid transparent; border-radius: var(--pz-radius-md);
font-family: inherit; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: var(--pz-label-fw);
text-decoration: none; cursor: pointer; white-space: nowrap;
transition: background-color var(--pz-sure-hizli) ease, border-color var(--pz-sure-hizli) ease, color var(--pz-sure-hizli) ease;
}
.pz-btn:hover { text-decoration: none; }
.pz-btn--primary { background: var(--pz-primary); color: var(--pz-on-primary); }
.pz-btn--primary:hover, .pz-btn--primary:focus { background: var(--pz-primary-hover); color: var(--pz-on-primary); }
.pz-btn--primary:active { background: var(--pz-primary-active); }
.pz-btn--secondary { background: var(--pz-secondary); color: var(--pz-on-primary); }
.pz-btn--secondary:hover, .pz-btn--secondary:focus { background: var(--pz-secondary-hover); color: var(--pz-on-primary); }
.pz-btn--outline { background: var(--pz-surface); color: var(--pz-text); border-color: var(--pz-border-strong); }
.pz-btn--outline:hover, .pz-btn--outline:focus { border-color: var(--pz-text); color: var(--pz-text); }
.pz-btn--accent { background: var(--pz-accent); color: var(--pz-on-primary); }
.pz-btn--accent:hover, .pz-btn--accent:focus { background: var(--pz-accent-hover); color: var(--pz-on-primary); }
.pz-btn--success { background: var(--pz-success); color: var(--pz-on-primary); }
.pz-btn--success:hover, .pz-btn--success:focus { background: var(--pz-success-hover); color: var(--pz-on-primary); }
.pz-btn--ghost { background: transparent; color: var(--pz-primary); padding: 0 var(--pz-space-2); }
.pz-btn--ghost:hover { color: var(--pz-primary-hover); text-decoration: underline; }
.pz-btn--lg { height: 52px; padding: 0 var(--pz-space-6); font-size: 16px; }
.pz-btn--sm { height: 36px; padding: 0 var(--pz-space-3); font-size: 13px; }
.pz-btn--block { display: flex; width: 100%; }
.pz-btn:disabled, .pz-btn[aria-disabled="true"], .pz-btn.disabled {
background: var(--pz-disabled-bg); color: var(--pz-disabled-text); border-color: transparent; cursor: not-allowed;
}
.pz-icon-btn {
width: 40px; height: 40px; border-radius: var(--pz-radius-pill); border: 0;
background: var(--pz-surface); color: var(--pz-text);
display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
}
.pz-icon-btn:hover { color: var(--pz-primary); }
.pz-icon-btn[aria-pressed="true"] { color: var(--pz-accent); }
.pz-icon { width: 24px; height: 24px; flex-shrink: 0; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.pz-icon--sm { width: 18px; height: 18px; }
.pz-field { display: flex; flex-direction: column; gap: 6px; }
.pz-field__label { font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: var(--pz-label-fw); color: var(--pz-text); }
.pz-field__help { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-muted); }
.pz-field__error { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 500; color: var(--pz-danger); }
.pz-input, .pz-select {
height: 44px; width: 100%; padding: 0 var(--pz-space-4);
border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md);
background: var(--pz-surface); color: var(--pz-text);
font-family: inherit; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh);
}
.pz-input::placeholder { color: var(--pz-text-muted); }
.pz-input:hover, .pz-select:hover { border-color: var(--pz-text-secondary); }
.pz-input:focus, .pz-select:focus { border-color: var(--pz-primary); outline: none; }
.pz-input[aria-invalid="true"] { border-color: var(--pz-danger); }
.pz-input:disabled { background: var(--pz-disabled-bg); color: var(--pz-disabled-text); border-color: var(--pz-border); }
.pz-input--search { background: var(--pz-surface-alt); border-color: transparent; }
@media (max-width: 991.98px), (pointer: coarse) {
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="image"]),
select:not([multiple]):not([hidden]),
textarea:not([hidden]):not([readonly]) { font-size: 16px; }
}
.pz-check { display: inline-flex; align-items: flex-start; gap: var(--pz-space-2); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text); cursor: pointer; }
.pz-check input { width: 20px; height: 20px; margin: 0; accent-color: var(--pz-primary); flex-shrink: 0; }
.pz-qty { display: inline-flex; align-items: center; height: 44px; border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md); background: var(--pz-surface); }
.pz-qty button, .pz-qty .btn { width: 36px; height: 100%; padding: 0; border: 0; background: transparent; color: var(--pz-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: var(--pz-radius-md); }
.pz-qty button:disabled { color: var(--pz-disabled-text); cursor: not-allowed; }
.pz-qty input { width: 36px; height: 100%; padding: 0; border: 0; text-align: center; font-size: var(--pz-body-fs); font-weight: 500; color: var(--pz-text); background: transparent; font-variant-numeric: tabular-nums; }
.pz-badge { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: var(--pz-radius-sm); font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; white-space: nowrap; }
.pz-badge--sale { background: var(--pz-accent); color: var(--pz-on-primary); }
.pz-badge--info { background: var(--pz-primary-subtle); color: var(--pz-primary-active); }
.pz-badge--success { background: var(--pz-success-subtle); color: var(--pz-success); }
.pz-badge--warning { background: var(--pz-warning-subtle); color: var(--pz-warning); }
.pz-badge--neutral { background: var(--pz-surface-alt); color: var(--pz-text-secondary); }
.pz-count { min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--pz-radius-pill); background: var(--pz-primary); color: var(--pz-on-primary); font-size: 12px; line-height: 18px; font-weight: 700; text-align: center; display: inline-block; }
.pz-price { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--pz-space-2); font-variant-numeric: tabular-nums; }
.pz-price__now { font-size: var(--pz-price-fs); line-height: var(--pz-price-lh); font-weight: var(--pz-price-fw); color: var(--pz-text); }
.pz-price__old { font-size: 14px; line-height: 20px; color: var(--pz-text-muted); text-decoration: line-through; }
.pz-price--lg .pz-price__now { font-size: var(--pz-price-lg-fs); line-height: var(--pz-price-lg-lh); }
.pz-price--lg .pz-price__old { font-size: 17px; }
.pz-alert { display: flex; gap: var(--pz-space-3); align-items: flex-start; padding: 14px 16px; border-radius: var(--pz-radius-md); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); }
.pz-alert strong { font-weight: 600; }
.pz-alert--info { background: var(--pz-primary-subtle); color: var(--pz-primary-active); }
.pz-alert--success { background: var(--pz-success-subtle); color: var(--pz-success); }
.pz-alert--warning { background: var(--pz-warning-subtle); color: var(--pz-warning); }
.pz-alert--danger { background: var(--pz-danger-subtle); color: var(--pz-danger); }
.pz-yuzey-kart { background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); padding: var(--pz-space-4); }
@media (min-width: 768px) { .pz-yuzey-kart { padding: var(--pz-space-6); } }
.pz-bolum-baslik { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--pz-space-4); margin-bottom: var(--pz-space-6); }
.pz-bolum-baslik__ust { margin: 0 0 var(--pz-space-2); font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; letter-spacing: var(--pz-caption-ls); color: var(--pz-primary-active); }
.pz-bolum-baslik__baslik { margin: 0; }
.pz-bolum-baslik__aciklama { margin: var(--pz-space-2) 0 0; color: var(--pz-text-secondary); max-width: 640px; }
.btn { border-radius: var(--pz-radius-md); font-weight: var(--pz-label-fw); font-size: var(--pz-label-fs); }
.btn-primary, .btn-cart, .btn-submit { background: var(--add-cart-list-bg, var(--pz-primary)); border-color: var(--add-cart-list-bg, var(--pz-primary)); color: var(--add-cart-list, var(--pz-on-primary)); }
.btn-primary:hover, .btn-cart:hover, .btn-submit:hover,
.btn-primary:focus, .btn-cart:focus, .btn-submit:focus { background: var(--add-cart-list-bg-hover, var(--pz-primary-hover)); border-color: var(--add-cart-list-bg-hover, var(--pz-primary-hover)); color: var(--add-cart-list-hover, var(--pz-on-primary)); }
.btn-secondary, .btn-dark { background: var(--pz-secondary); border-color: var(--pz-secondary); color: var(--pz-on-primary); }
.btn-secondary:hover, .btn-dark:hover { background: var(--pz-secondary-hover); border-color: var(--pz-secondary-hover); color: var(--pz-on-primary); }
.btn-success { background: var(--complete-payment-bg, var(--pz-success)); border-color: var(--complete-payment-bg, var(--pz-success)); color: var(--complete-payment, var(--pz-on-primary)); }
.btn-success:hover { background: var(--complete-payment-bg-hover, var(--pz-success-hover)); border-color: var(--complete-payment-bg-hover, var(--pz-success-hover)); color: var(--complete-payment-hover, var(--pz-on-primary)); }
.btn-danger { background: var(--pz-danger); border-color: var(--pz-danger); color: var(--pz-on-primary); }
.btn-light, .btn-outline-secondary, .btn-outline-primary, .btn-outline-dark { background: var(--pz-surface); border-color: var(--pz-border-strong); color: var(--pz-text); }
.btn-light:hover, .btn-outline-secondary:hover, .btn-outline-primary:hover, .btn-outline-dark:hover { background: var(--pz-surface); border-color: var(--pz-text); color: var(--pz-text); }
.btn-link { color: var(--pz-primary); }
.form-control, .custom-select {
min-height: 44px; border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md);
background-color: var(--pz-surface); color: var(--pz-text); font-size: var(--pz-body-fs);
}
textarea.form-control { min-height: 96px; padding-top: var(--pz-space-3); }
.form-control::placeholder { color: var(--pz-text-muted); }
.form-control:hover, .custom-select:hover { border-color: var(--pz-text-secondary); }
.form-control:focus, .custom-select:focus { border-color: var(--pz-primary); box-shadow: 0 0 0 3px var(--pz-primary-subtle); background-color: var(--pz-surface); color: var(--pz-text); }
.form-control:disabled, .form-control[readonly] { background: var(--pz-disabled-bg); color: var(--pz-text-muted); }
.form-group label, .form-group .label, label { color: var(--pz-text); font-size: var(--pz-label-fs); font-weight: var(--pz-label-fw); }
.form-group { margin-bottom: var(--pz-space-4); }
.text-danger { color: var(--pz-danger); }
.text-success { color: var(--pz-success); }
.text-muted { color: var(--pz-text-muted); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--pz-primary); }
.invalid-feedback { color: var(--pz-danger); }
.is-invalid, .form-control.is-invalid { border-color: var(--pz-danger); }
.table { color: var(--pz-text); }
.table th, .table td { border-color: var(--pz-border); }
.table thead th { background: var(--pz-surface-alt); border-bottom-color: var(--pz-border); font-size: var(--pz-label-fs); font-weight: 600; }
.alert { border: 0; border-radius: var(--pz-radius-md); }
.alert-info, .alert-primary { background: var(--pz-primary-subtle); color: var(--pz-primary-active); }
.alert-success { background: var(--pz-success-subtle); color: var(--pz-success); }
.alert-warning { background: var(--pz-warning-subtle); color: var(--pz-warning); }
.alert-danger { background: var(--pz-danger-subtle); color: var(--pz-danger); }
.badge { border-radius: var(--pz-radius-sm); font-weight: 600; }
.pagination { gap: var(--pz-space-1); }
.pagination .page-link { min-width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); background: var(--pz-surface); color: var(--pz-text); }
.pagination .page-link:hover { border-color: var(--pz-text); background: var(--pz-surface); color: var(--pz-text); }
.pagination .page-item.active .page-link { background: var(--pz-primary); border-color: var(--pz-primary); color: var(--pz-on-primary); }
.modal-content { border: 0; border-radius: var(--pz-radius-xl); box-shadow: var(--pz-shadow-overlay); background: var(--pz-surface); }
.modal-header { border-bottom: 1px solid var(--pz-border); padding: var(--pz-space-4) var(--pz-space-6); }
.modal-title { font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); }
.modal-body { padding: var(--pz-space-6); }
.modal-backdrop.show { background: var(--pz-kaplama-50); opacity: 1; }
.dropdown-menu { border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); box-shadow: var(--pz-shadow-overlay); }
.dropdown-item:hover, .dropdown-item:focus { background: var(--pz-surface-alt); color: var(--pz-text); }
.swal-modal { border-radius: var(--pz-radius-xl); }
.swal-title { color: var(--pz-text); font-weight: 600; }
.swal-text { color: var(--pz-text-secondary); text-align: center; }
.swal-button { background: var(--pz-primary); border-radius: var(--pz-radius-md); font-weight: var(--pz-label-fw); }
.swal-button:not([disabled]):hover { background: var(--pz-primary-hover); }
.swal-button--cancel { background: var(--pz-surface-alt); color: var(--pz-text); }
.swal-button--cancel:not([disabled]):hover { background: var(--pz-border); }
.overlay { background: var(--pz-beyaz-60); }
.overlay .spin, .overlay .spinner-border { color: var(--pz-primary); }
.owl-wrapper { position: relative; }
.owl-wrapper .owl-single-button {
position: absolute; top: calc(50% - 20px); z-index: 2;
width: 40px; height: 40px; padding: 0;
border-radius: var(--pz-radius-pill); background: transparent; box-shadow: none;
}
.owl-wrapper .owl-single-button.owl-single-button-prev { left: -12px; }
.owl-wrapper .owl-single-button.owl-single-button-next { right: -12px; }
.owl-wrapper .owl-single-button .btn-owl {
position: relative; width: 40px; height: 40px; padding: 0; border-radius: var(--pz-radius-pill);
border: 1px solid var(--pz-border); background: var(--pz-surface); color: var(--pz-text);
display: inline-flex; align-items: center; justify-content: center; box-shadow: var(--pz-shadow-hover);
font-size: 0;
}
.owl-wrapper .owl-single-button .btn-owl i { display: none; }
.owl-wrapper .owl-single-button .btn-owl::before {
content: ""; width: 9px; height: 9px;
border-top: 2px solid currentColor; border-right: 2px solid currentColor;
}
.owl-wrapper .owl-single-button-prev .btn-owl::before { transform: translateX(2px) rotate(-135deg); }
.owl-wrapper .owl-single-button-next .btn-owl::before { transform: translateX(-2px) rotate(45deg); }
.owl-wrapper .owl-single-button .btn-owl:hover { color: var(--pz-primary); border-color: var(--pz-primary-border); }
@media (max-width: 767px) {
.owl-wrapper .owl-single-button, .owl-wrapper .owl-single-button.active { display: none; }
}
.pz-zemin { background: var(--pz-bg); }
.pz-yuzey { background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.pz-yuzey-alt { background: var(--pz-surface-alt); }
.pz-marka-acik { background: var(--pz-primary-subtle); }
.pz-gradyan { background: var(--pz-gradient-promo); }
section.pz-yuzey-alt, section.pz-marka-acik, section.pz-gradyan, section.pz-zemin { padding-top: var(--pz-space-8); padding-bottom: var(--pz-space-8); }
@media (min-width: 992px) { section.pz-yuzey-alt, section.pz-marka-acik, section.pz-gradyan, section.pz-zemin { padding-top: var(--pz-space-16); padding-bottom: var(--pz-space-16); } }
.pz-baslik-orta .p-g-mod-header, .pz-baslik-orta .pattern-group-header, .pz-baslik-orta .pz-bolum-baslik { text-align: center; justify-content: center; }
.pz-bosluk-yok { margin-bottom: 0; }
.pz-mobilde-gizle { display: none; }
@media (min-width: 768px) { .pz-mobilde-gizle { display: block; } .pz-masaustunde-gizle { display: none; } }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { transition-duration: 0.01ms; animation-duration: 0.01ms; scroll-behavior: auto; }
}

/* ---- 20-ortak.css ---- */
:root { --pz-alt-nav-h: 64px; --pz-header-alt: 0px; }
@media (min-width: 992px) { :root { --pz-alt-nav-h: 0px; } }
body.payment-body { --pz-alt-nav-h: 0px; }
body:not(:has(.pz-alt-nav)) { --pz-alt-nav-h: 0px; }
.pattern-group-header { padding: 0; margin-bottom: var(--blocktitle-mobilmarginbottom, var(--pz-space-4)); }
.pattern-group-header .p-g-h-info {
display: flex;
flex-direction: column;
gap: var(--pz-space-1);
align-items: var(--blocktitle-yatay, flex-start);
text-align: var(--blocktitle-hiza, left);
}
.pattern-group-header .p-g-h-info .p-g-h-i-title {
font-size: var(--blocktitle-mobilfontsize, var(--pz-h2-mobile-fs));
font-weight: var(--blocktitle-fontweight, var(--pz-h2-fw));
color: var(--blocktitle-color, var(--pz-text));
}
.pattern-group-header .p-g-h-info .p-g-h-i-description {
margin-top: 0;
font-size: var(--blockdescription-mobilfontsize, var(--pz-body-sm-fs));
font-weight: var(--blockdescription-fontweight, 400);
color: var(--blockdescription-color, var(--pz-text-secondary));
}
@media (min-width: 992px) {
.pattern-group-header { margin-bottom: var(--blocktitle-marginbottom, var(--pz-space-6)); }
.pattern-group-header .p-g-h-info .p-g-h-i-title { font-size: var(--blocktitle-fontsize, var(--pz-h2-fs)); }
.pattern-group-header .p-g-h-info .p-g-h-i-description { font-size: var(--blockdescription-fontsize, var(--pz-body-fs)); }
}
.pz-mod-header, .pz-mod-footer, .pz-mod-breadcrumb, .pz-mod-404 { background: transparent; border: 0; border-radius: 0; }
.pz-mod-header > .p-g-mod-body, .pz-mod-footer > .p-g-mod-body, .pz-mod-breadcrumb > .p-g-mod-body, .pz-mod-404 > .p-g-mod-body { padding: 0; }
.pattern-group:has(.pz-mod-header) { margin-bottom: var(--pz-space-4); }
.pattern-group:has(.pz-mod-breadcrumb):not(:has(.p-g-mod:not(.pz-mod-breadcrumb))) { margin-bottom: var(--pz-space-3); }
body.home-body .pattern-group:has(.pz-mod-header) { margin-bottom: 0; }
@media (min-width: 992px) {
.pattern-group:has(.pz-mod-header) { margin-bottom: var(--pz-space-6); }
.pattern-group:has(.pz-mod-breadcrumb):not(:has(.p-g-mod:not(.pz-mod-breadcrumb))) { margin-bottom: var(--pz-space-5); }
body.home-body .pattern-group:has(.pz-mod-header) { margin-bottom: 0; }
}
html.pz-kilit, html.pz-kilit body { overflow: hidden; }
.addons-campaign-bar { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 400; }
.addons-campaign-bar .container { padding-left: var(--pz-gutter); padding-right: var(--pz-gutter); }
.addons-campaign-bar .container .text, .addons-campaign-bar .url {
gap: var(--pz-space-2);
font-weight: 500;
text-align: center;
color: inherit;
}
.addons-campaign-bar .url:hover { text-decoration: underline; text-underline-offset: 3px; }
.addons-campaign-bar strong, .addons-campaign-bar b { font-weight: 600; }
.pz-header-kapsam { position: relative; z-index: var(--pz-z-header); }
.pz-header { position: relative; background: var(--pz-surface); border-bottom: 1px solid var(--pz-border); }
.pz-header.is-sabit { position: fixed; top: 0; left: 0; right: 0; z-index: var(--pz-z-header); animation: pz-header-gir var(--pz-sure-orta) ease; }
@keyframes pz-header-gir { from { transform: translateY(-100%); } to { transform: none; } }
.pz-ust-bar { display: none; border-bottom: 1px solid var(--pz-border); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); }
.pz-ust-bar__ic { display: flex; align-items: center; gap: var(--pz-space-6); min-height: 36px; }
.pz-ust-bar__sag { margin-left: auto; }
.pz-ust-bar__sol, .pz-ust-bar__sag { display: flex; align-items: center; gap: var(--pz-space-5); }
.pz-ust-bar__link { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; color: var(--header-top-color, var(--pz-text-secondary)); }
.pz-ust-bar__link:hover { color: var(--header-top-color-hover, var(--pz-primary)); }
.pz-ust-bar__link .pz-icon { width: 16px; height: 16px; }
@media (min-width: 768px) { .pz-ust-bar { display: block; } .pz-header.is-sabit .pz-ust-bar { display: none; } }
@media (min-width: 768px) and (max-width: 991.98px) { .pz-ust-bar__ic { gap: var(--pz-space-4); } .pz-ust-bar__sol, .pz-ust-bar__sag { gap: var(--pz-space-4); } .pz-ust-bar__etiket, .pz-ust-bar__sol .pz-ust-bar__link + .pz-ust-bar__link span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
.pz-header__ic {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
grid-template-areas: "menu logo aksiyon" "arama arama arama";
align-items: center;
column-gap: var(--pz-space-1);
row-gap: var(--pz-space-2);
padding-top: var(--pz-space-2);
padding-bottom: var(--pz-space-3);
}
.pz-header__menu-btn { grid-area: menu; margin-left: -10px; }
.pz-header__logo { grid-area: logo; display: inline-flex; align-items: center; justify-self: start; min-height: 44px; }
.pz-header__logo img { display: block; width: auto; height: 36px; max-width: 150px; object-fit: contain; }
.pz-header__arama { grid-area: arama; min-width: 0; }
.pz-header__aksiyonlar { grid-area: aksiyon; display: flex; align-items: center; gap: var(--pz-space-1); margin-right: -6px; }
.pz-header__kategori-btn { display: none; }
.pz-header__ikon-btn {
display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
width: 44px; height: 44px; padding: 0;
border: 0; border-radius: var(--pz-radius-pill);
background: transparent; color: var(--pz-text); cursor: pointer;
}
.pz-header__ikon-btn:hover { background: var(--pz-surface-alt); }
.pz-header__ikon-kapat { display: none; }
.pz-header__menu-btn[aria-expanded="true"] .pz-header__ikon-ac { display: none; }
.pz-header__menu-btn[aria-expanded="true"] .pz-header__ikon-kapat { display: block; }
.pz-header__arama-btn { display: none; }
.pz-header__aksiyon {
display: inline-flex; align-items: center; justify-content: center; gap: 10px;
min-width: 44px; min-height: 44px; padding: 0;
border-radius: var(--pz-radius-md);
color: var(--pz-text); text-decoration: none;
transition: background-color var(--pz-sure-hizli) ease;
}
.pz-header__aksiyon:hover, .pz-header__aksiyon:focus { color: var(--pz-text); }
.pz-header__aksiyon-metin { display: none; }
.pz-hesap, .pz-header__aksiyon--favori { display: none; }
.pz-header__ikon-kap { position: relative; display: inline-flex; }
.pz-header__sayac { position: absolute; top: -6px; right: -9px; }
.pz-count.is-bos { display: none; }
.pz-count.is-guncel { animation: pz-sayac-zipla .35s ease; }
@keyframes pz-sayac-zipla { 40% { transform: scale(1.3); } }
@media (max-width: 991px) {
.pz-header.is-sabit .pz-header__arama { display: none; }
.pz-header.is-sabit.is-arama-acik .pz-header__arama { display: block; }
.pz-header.is-sabit .pz-header__arama-btn { display: inline-flex; }
.pz-header.is-sabit .pz-header__ic { padding-bottom: var(--pz-space-2); }
.pz-header.is-sabit.is-arama-acik .pz-header__ic { padding-bottom: var(--pz-space-3); }
}
@media (min-width: 992px) {
.pz-header__ic {
display: flex;
gap: var(--pz-space-8);
min-height: 80px;
padding-top: var(--pz-space-3);
padding-bottom: var(--pz-space-3);
transition: min-height var(--pz-sure-orta) ease;
}
.pz-header__menu-btn { display: none; }
.pz-header__logo img { height: 48px; max-width: 190px; transition: height var(--pz-sure-orta) ease; }
.pz-header__arama { flex: 1 1 auto; max-width: 640px; margin: 0 auto; }
.pz-header__aksiyonlar { gap: var(--pz-space-1); margin-right: 0; }
.pz-hesap { display: block; }
.pz-header__aksiyon--favori { display: inline-flex; }
.pz-header__aksiyon { justify-content: flex-start; padding: 6px 10px; }
.pz-header__aksiyon:hover, .pz-acilir:focus-within > .pz-header__aksiyon, .pz-acilir:hover > .pz-header__aksiyon { background: var(--pz-surface-alt); }
.pz-header__aksiyon-metin { display: flex; flex-direction: column; min-width: 0; }
.pz-header__aksiyon-ust { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-muted); }
.pz-header__aksiyon-alt { white-space: nowrap; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: 500; color: var(--pz-text); }
.pz-header.is-sabit .pz-header__ic { min-height: 64px; padding-top: var(--pz-space-2); padding-bottom: var(--pz-space-2); }
.pz-header.is-sabit .pz-header__logo img { height: 36px; }
.pz-header.is-sabit .pz-header__kategori-btn {
display: inline-flex; align-items: center; gap: var(--pz-space-2); flex-shrink: 0;
height: 44px; padding: 0 var(--pz-space-4);
border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md);
background: var(--pz-surface); color: var(--pz-text);
font-size: var(--pz-label-fs); font-weight: 500; cursor: pointer;
}
.pz-header.is-sabit .pz-header__kategori-btn:hover, .pz-header__kategori-btn[aria-expanded="true"] { border-color: var(--pz-text); }
.pz-header.is-sabit .pz-menu { display: none; }
.pz-header.is-sabit.is-menu-acik .pz-menu { display: block; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.pz-header__ic { gap: var(--pz-space-6); }
.pz-hesap .pz-header__aksiyon-metin, .pz-header__aksiyon--favori .pz-header__aksiyon-metin { display: none; }
.pz-hesap .pz-header__aksiyon, .pz-header__aksiyon--favori { padding: 0; justify-content: center; }
}
.pz-acilir { position: relative; }
.pz-acilir__panel { display: none; }
@media (min-width: 992px) {
.pz-acilir__panel {
display: block;
position: absolute; top: calc(100% + 8px); right: 0; z-index: 30;
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
box-shadow: var(--pz-shadow-overlay);
opacity: 0; visibility: hidden; transform: translateY(4px);
transition: opacity var(--pz-sure-hizli) ease, transform var(--pz-sure-hizli) ease, visibility 0s linear var(--pz-sure-hizli);
}
.pz-acilir__panel::before { content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px; }
.pz-acilir:hover > .pz-acilir__panel, .pz-acilir:focus-within > .pz-acilir__panel {
opacity: 1; visibility: visible; transform: none;
transition: opacity var(--pz-sure-hizli) ease .05s, transform var(--pz-sure-hizli) ease .05s, visibility 0s linear .05s;
}
.pz-hesap__panel { display: flex; flex-direction: column; gap: var(--pz-space-2); width: 248px; padding: var(--pz-space-4); }
}
.pz-hesap__liste { list-style: none; margin: calc(var(--pz-space-2) * -1); padding: 0; }
.pz-hesap__liste a, .pz-hesap__cikis {
display: block; width: 100%; padding: 10px 12px;
border: 0; border-radius: var(--pz-radius-sm); background: transparent;
color: var(--pz-text); font-family: inherit; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); text-align: left; cursor: pointer;
}
.pz-hesap__liste a:hover, .pz-hesap__cikis:hover { background: var(--pz-surface-alt); color: var(--pz-text); }
.pz-hesap__cikis { color: var(--pz-text-secondary); border-top: 1px solid var(--pz-border); border-radius: 0 0 var(--pz-radius-sm) var(--pz-radius-sm); }
.pz-hesap__ek-link { padding-top: var(--pz-space-1); text-align: center; font-size: var(--pz-body-sm-fs); color: var(--pz-text-secondary); }
.pz-hesap__ek-link:hover { color: var(--pz-primary); }
.pz-arama__form { position: relative; display: flex; align-items: center; margin: 0; }
.pz-arama .easy-autocomplete { position: relative; flex: 1 1 auto; width: 100%; max-width: 100%; }
.pz-arama__input {
width: 100%; height: 44px; padding: 0 52px 0 var(--pz-space-4);
border: 1px solid transparent; border-radius: var(--pz-radius-md);
background: var(--pz-surface-alt); color: var(--pz-text);
font-family: inherit; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh);
-webkit-appearance: none; appearance: none;
transition: border-color var(--pz-sure-hizli) ease, background-color var(--pz-sure-hizli) ease;
}
.pz-arama__input::placeholder { color: var(--pz-text-muted); }
.pz-arama__input::-webkit-search-decoration, .pz-arama__input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.pz-arama__input:hover { border-color: var(--pz-border); }
.pz-arama__input:focus { outline: none; background: var(--pz-surface); border-color: var(--pz-primary); box-shadow: 0 0 0 3px var(--pz-primary-subtle); }
.pz-arama__btn {
position: absolute; top: 50%; right: 4px; z-index: 2; transform: translateY(-50%);
display: inline-flex; align-items: center; justify-content: center;
width: 36px; height: 36px; padding: 0; border: 0; border-radius: var(--pz-radius-sm);
background: transparent; color: var(--pz-text-secondary); cursor: pointer;
}
.pz-arama__btn:hover { color: var(--pz-primary); }
@media (min-width: 992px) { .pz-arama__input { height: 48px; } }
.pz-arama .easy-autocomplete-container { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 40; }
.pz-arama .easy-autocomplete-container ul {
display: none; margin: 0; padding: 6px; list-style: none;
max-height: min(420px, 60vh); overflow-y: auto;
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md);
box-shadow: var(--pz-shadow-overlay);
}
.pz-arama .easy-autocomplete-container ul li,
.pz-arama .easy-autocomplete-container ul .eac-category {
padding: 8px 10px; border: 0; border-radius: var(--pz-radius-sm);
font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text); cursor: pointer;
}
.pz-arama .easy-autocomplete-container ul li:hover, .pz-arama .easy-autocomplete-container ul li.selected { background: var(--pz-surface-alt); color: var(--pz-text); }
.pz-arama .easy-autocomplete-container ul li b { font-weight: 600; color: var(--pz-primary-active); }
.pz-arama .easy-autocomplete .spsi-item { display: flex; align-items: center; gap: var(--pz-space-3); font-size: var(--pz-label-fs); }
.pz-arama .easy-autocomplete .spsi-item img {
width: 44px; height: 44px; margin: 0; flex-shrink: 0; object-fit: cover;
border-radius: var(--pz-radius-sm); background: var(--pz-surface-alt);
}
.pz-menu { display: none; background: var(--menu-bg-color, var(--pz-surface)); border-top: 1px solid var(--pz-border); }
@media (min-width: 992px) { .pz-menu { display: block; } }
.pz-menu__ic { position: relative; }
.pz-menu__liste { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: var(--pz-space-1) var(--pz-space-3); margin: 0 -12px; padding: 0; list-style: none; }
.pz-menu__link {
position: relative; display: inline-flex; align-items: center; gap: var(--pz-space-2);
height: 52px; padding: 0 12px; border: 0; background: transparent;
color: var(--menu-color, var(--pz-text-secondary));
font-family: inherit; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: 500;
white-space: nowrap; cursor: pointer;
}
.pz-menu__link::after {
content: ""; position: absolute; left: 12px; right: 12px; bottom: -1px; height: 2px;
background: var(--pz-primary); transform: scaleX(0); transform-origin: left;
transition: transform var(--pz-sure-orta) ease;
}
.pz-menu__link:hover, .pz-menu__link:focus, .pz-menu__link.is-aktif,
.pz-menu__oge:hover > .pz-menu__link, .pz-menu__oge:focus-within > .pz-menu__link { color: var(--menu-color-hover, var(--pz-primary)); }
.pz-menu__link.is-aktif::after, .pz-menu__oge:hover > .pz-menu__link::after, .pz-menu__oge:focus-within > .pz-menu__link::after { transform: scaleX(1); }
.pz-menu__ikon { width: 26px; height: 26px; object-fit: contain; border-radius: var(--pz-radius-sm); transition: transform var(--pz-sure-orta) ease; }
.pz-menu__oge:hover > .pz-menu__link .pz-menu__ikon { transform: translateY(-1px) scale(1.06); }
.pz-menu__ok { transition: transform var(--pz-sure-orta) ease; }
.pz-menu__oge:hover > .pz-menu__link .pz-menu__ok, .pz-menu__oge:focus-within > .pz-menu__link .pz-menu__ok { transform: rotate(180deg); }
.pz-mega, .pz-tekli, .pz-yan__liste {
position: absolute; z-index: 20;
background: var(--pz-surface); border: 1px solid var(--pz-border); box-shadow: var(--pz-shadow-overlay);
opacity: 0; visibility: hidden; transform: translateY(-4px);
transition: opacity var(--pz-sure-hizli) ease, transform var(--pz-sure-hizli) ease, visibility 0s linear var(--pz-sure-hizli);
}
.pz-menu__oge--alt:hover > .pz-mega, .pz-menu__oge--alt:focus-within > .pz-mega,
.pz-menu__oge--alt:hover > .pz-tekli, .pz-menu__oge--alt:focus-within > .pz-tekli,
.pz-tekli__oge--alt:hover > .pz-tekli, .pz-tekli__oge--alt:focus-within > .pz-tekli,
.pz-yan:hover > .pz-yan__liste, .pz-yan:focus-within > .pz-yan__liste {
opacity: 1; visibility: visible; transform: none;
transition: opacity var(--pz-sure-hizli) ease .08s, transform var(--pz-sure-hizli) ease .08s, visibility 0s linear .08s;
}
.pz-mega { top: 100%; left: var(--pz-gutter); right: var(--pz-gutter); padding: var(--pz-space-6) var(--pz-space-8) var(--pz-space-8); border-radius: 0 0 var(--pz-radius-lg) var(--pz-radius-lg); }
.pz-mega__ust { display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-4); padding-bottom: var(--pz-space-4); margin-bottom: var(--pz-space-5); border-bottom: 1px solid var(--pz-border); }
.pz-mega__kategori { font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: 500; letter-spacing: var(--pz-h3-ls); color: var(--pz-text); }
.pz-mega__tumu { display: inline-flex; align-items: center; gap: 6px; font-size: var(--pz-label-fs); font-weight: 500; color: var(--pz-primary); white-space: nowrap; }
.pz-mega__tumu:hover { color: var(--pz-primary-hover); }
.pz-mega__ic { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-8); }
.pz-mega__ic--gorselli { grid-template-columns: minmax(0, 1fr) minmax(220px, 320px); }
.pz-mega__sutunlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pz-space-6) var(--pz-space-8); align-content: start; }
.pz-mega__grup + .pz-mega__grup { margin-top: var(--pz-space-5); }
.pz-mega__baslik { display: block; font-size: var(--pz-body-fs); line-height: 22px; font-weight: 500; color: var(--pz-text); }
.pz-mega__baslik:hover { color: var(--pz-primary); }
.pz-mega__alt { display: grid; gap: 6px; margin: var(--pz-space-2) 0 0; padding: 0; list-style: none; }
.pz-mega__alt a { font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text-secondary); }
.pz-mega__alt a:hover { color: var(--pz-primary); }
.pz-mega__gorsel { display: block; align-self: start; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--pz-radius-md); background: var(--pz-surface-alt); }
.pz-mega__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.pz-mega__gorsel:hover img { transform: scale(1.03); }
.pz-menu--tekli .pz-menu__oge { position: relative; }
.pz-tekli { top: 100%; left: 0; min-width: 240px; margin: 0; padding: var(--pz-space-2); list-style: none; border-radius: 0 0 var(--pz-radius-md) var(--pz-radius-md); }
.pz-tekli--ic { top: calc(var(--pz-space-2) * -1 - 1px); left: 100%; border-radius: var(--pz-radius-md); }
.pz-tekli__oge { position: relative; }
.pz-tekli__link { display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3); padding: 10px 12px; border-radius: var(--pz-radius-sm); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text); }
.pz-tekli__link:hover, .pz-tekli__oge:focus-within > .pz-tekli__link { background: var(--pz-surface-alt); color: var(--pz-primary); }
.pz-yan__tetik { color: var(--pz-text); font-weight: 600; }
.pz-yan__liste { top: 100%; left: var(--pz-gutter); width: 280px; min-height: 360px; margin: 0; padding: var(--pz-space-2); list-style: none; border-radius: 0 0 0 var(--pz-radius-lg); }
.pz-yan__link { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--pz-radius-sm); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text); }
.pz-yan__link span { flex: 1 1 auto; }
.pz-yan__oge:hover > .pz-yan__link, .pz-yan__oge:focus-within > .pz-yan__link { background: var(--pz-surface-alt); color: var(--pz-primary); }
.pz-yan__panel {
display: none; position: absolute; top: -1px; left: 100%;
width: min(760px, calc(100vw - 2 * var(--pz-gutter) - 330px)); min-height: calc(100% + 2px);
padding: var(--pz-space-6) var(--pz-space-8);
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: 0 0 var(--pz-radius-lg) 0;
box-shadow: var(--pz-shadow-overlay);
}
.pz-yan__oge:hover > .pz-yan__panel, .pz-yan__oge:focus-within > .pz-yan__panel { display: block; }
.pz-mobil-menu {
position: fixed; left: 0; bottom: 0; z-index: calc(var(--pz-z-header) - 10);
display: flex; flex-direction: column;
width: min(360px, 88vw);
background: var(--pz-surface);
transform: translateX(-100%); visibility: hidden;
transition: transform .25s ease, visibility 0s linear .25s;
}
.pz-mobil-menu--tip-1 { top: var(--pz-header-alt, 0px); }
.pz-mobil-menu--tip-2 { top: 0; z-index: var(--pz-z-cekmece); }
.pz-mobil-menu.is-acik { transform: none; visibility: visible; box-shadow: var(--pz-shadow-overlay); transition: transform .25s ease; }
@media (min-width: 992px) { .pz-mobil-menu { display: none; } }
.pz-mobil-menu__bas { display: flex; align-items: center; justify-content: space-between; min-height: 60px; padding: var(--pz-space-2) var(--pz-space-2) var(--pz-space-2) var(--pz-space-4); border-bottom: 1px solid var(--pz-border); }
.pz-mobil-menu__logo img { display: block; width: auto; height: 36px; max-width: 150px; object-fit: contain; }
.pz-mobil-menu__govde { flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: var(--pz-space-4) var(--pz-space-4) calc(var(--pz-space-6) + env(safe-area-inset-bottom)); }
.pz-mobil-menu__hesap { margin-bottom: var(--pz-space-5); padding: var(--pz-space-4); background: var(--pz-surface-alt); border-radius: var(--pz-radius-lg); }
.pz-mobil-menu__selam { margin: 0 0 var(--pz-space-3); font-weight: 500; color: var(--pz-text); }
.pz-mobil-menu__hesap-btnlar { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pz-space-2); }
.pz-mobil-menu__hesap-btnlar .pz-btn { height: 40px; }
.pz-mobil-menu__bolum { margin: 0 0 var(--pz-space-1); font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; letter-spacing: var(--pz-caption-ls); color: var(--pz-text-muted); }
.pz-mobil-menu__liste, .pz-mobil-menu__alt, .pz-mobil-menu__yardim { margin: 0; padding: 0; list-style: none; }
.pz-mobil-menu__liste { margin-bottom: var(--pz-space-6); }
.pz-mobil-menu__oge { border-bottom: 1px solid var(--pz-border); }
.pz-mobil-menu__link {
display: flex; align-items: center; gap: var(--pz-space-3);
width: 100%; min-height: 52px; padding: var(--pz-space-2) 0;
border: 0; background: transparent; color: var(--pz-text);
font-family: inherit; font-size: var(--pz-body-fs); line-height: 22px; font-weight: 500; text-align: left; cursor: pointer;
}
.pz-mobil-menu__link:hover { color: var(--pz-text); }
.pz-mobil-menu__ad { flex: 1 1 auto; min-width: 0; }
.pz-mobil-menu__ikon { width: 22px; height: 22px; flex-shrink: 0; object-fit: contain; }
.pz-mobil-menu__ok { flex-shrink: 0; color: var(--pz-text-muted); transition: transform var(--pz-sure-orta) ease; }
[data-pz-akordeon][aria-expanded="true"] { color: var(--pz-primary); }
[data-pz-akordeon][aria-expanded="true"] .pz-mobil-menu__ok { transform: rotate(180deg); color: var(--pz-primary); }
.pz-mobil-menu__alt { padding: 0 0 var(--pz-space-3) var(--pz-space-3); }
.pz-mobil-menu__alt--ic { padding-bottom: var(--pz-space-2); }
.pz-mobil-menu__alt-link {
display: flex; align-items: center; gap: var(--pz-space-2);
width: 100%; min-height: 44px; padding: 10px 12px;
border: 0; border-radius: var(--pz-radius-sm); background: transparent;
color: var(--pz-text-secondary); font-family: inherit; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); text-align: left; cursor: pointer;
}
.pz-mobil-menu__alt-link:hover { background: var(--pz-surface-alt); color: var(--pz-text); }
.pz-mobil-menu__alt-link--tumu { font-weight: 500; color: var(--pz-primary); }
.pz-mobil-menu__yardim a, .pz-mobil-menu__yardim button {
display: flex; align-items: center; gap: var(--pz-space-3);
width: 100%; min-height: 44px; padding: 0;
border: 0; background: transparent; color: var(--pz-text);
font-family: inherit; font-size: var(--pz-label-fs); text-align: left; cursor: pointer;
}
.pz-mobil-menu__yardim .pz-icon { color: var(--pz-text-secondary); }
.pz-mobil-menu__yardim a:hover, .pz-mobil-menu__yardim button:hover { color: var(--pz-primary); }
.pz-kaplama {
position: fixed; inset: 0; z-index: calc(var(--pz-z-header) - 20);
background: var(--pz-kaplama-50);
opacity: 0; visibility: hidden;
transition: opacity var(--pz-sure-orta) ease, visibility 0s linear var(--pz-sure-orta);
}
.pz-kaplama.is-ust { z-index: calc(var(--pz-z-cekmece) - 1); }
.pz-kaplama.is-acik { opacity: 1; visibility: visible; transition: opacity var(--pz-sure-orta) ease; }
.pz-mini-sepet__panel { width: 380px; overflow: hidden; }
.pz-mini-sepet__baslik { padding: var(--pz-space-4) var(--pz-space-5); border-bottom: 1px solid var(--pz-border); font-size: var(--pz-body-fs); line-height: 22px; font-weight: 600; color: var(--pz-text); }
.pz-mini-sepet__adet { font-size: var(--pz-label-fs); font-weight: 400; color: var(--pz-text-muted); }
.pz-mini-sepet__urunler { max-height: 320px; overflow-y: auto; overscroll-behavior: contain; }
.pz-mini-sepet__liste { margin: 0; padding: var(--pz-space-1) var(--pz-space-5); list-style: none; }
.pz-mini-sepet__urun { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: var(--pz-space-3); align-items: start; padding: var(--pz-space-3) 0; border-bottom: 1px solid var(--pz-border); }
.pz-mini-sepet__urun:last-child { border-bottom: 0; }
.pz-mini-sepet__gorsel { display: block; width: 64px; height: 64px; overflow: hidden; border-radius: var(--pz-radius-md); background: var(--pz-surface-alt); }
.pz-mini-sepet__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pz-mini-sepet__ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text); }
.pz-mini-sepet__ad:hover { color: var(--pz-primary); }
.pz-mini-sepet__varyant { margin: 2px 0 0; font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-muted); }
.pz-mini-sepet__fiyat { margin: var(--pz-space-1) 0 0; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: 600; color: var(--pz-text); }
.pz-mini-sepet__miktar { font-weight: 400; color: var(--pz-text-secondary); }
.pz-mini-sepet__sil, .pz-mini-sepet__kod-sil {
display: inline-flex; align-items: center; justify-content: center;
width: 36px; height: 36px; padding: 0; border: 0; border-radius: var(--pz-radius-pill);
background: transparent; color: var(--pz-text-muted); cursor: pointer;
}
.pz-mini-sepet__sil:hover, .pz-mini-sepet__kod-sil:hover { background: var(--pz-danger-subtle); color: var(--pz-danger); }
.pz-mini-sepet__kod-sil { width: 28px; height: 28px; vertical-align: middle; }
.pz-mini-sepet__ozet { padding: var(--pz-space-4) var(--pz-space-5) var(--pz-space-5); border-top: 1px solid var(--pz-border); }
.pz-mini-sepet__ozet:not(:has(dl)) { display: none; }
.pz-mini-sepet__satirlar { margin: 0 0 var(--pz-space-4); }
.pz-mini-sepet__satir { display: flex; align-items: baseline; justify-content: space-between; gap: var(--pz-space-3); padding: 3px 0; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); }
.pz-mini-sepet__satir dt { font-weight: 400; color: var(--pz-text-secondary); }
.pz-mini-sepet__satir dd { margin: 0; text-align: right; color: var(--pz-text); }
.pz-mini-sepet__satir--indirim dd { color: var(--pz-success); }
.pz-mini-sepet__satir--toplam { margin-top: var(--pz-space-2); padding-top: 10px; border-top: 1px solid var(--pz-border); }
.pz-mini-sepet__satir--toplam dt { font-weight: 600; color: var(--pz-text); }
.pz-mini-sepet__satir--toplam dd { font-size: var(--pz-price-fs); line-height: var(--pz-price-lh); font-weight: var(--pz-price-fw); }
.pz-mini-sepet__kdv { margin-left: var(--pz-space-1); font-size: var(--pz-caption-fs); font-weight: 400; color: var(--pz-text-muted); }
.pz-mini-sepet__btnlar { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pz-space-2); }
.pz-mini-sepet__bos { display: flex; flex-direction: column; align-items: center; gap: var(--pz-space-2); padding: var(--pz-space-8) var(--pz-space-6); text-align: center; }
.pz-mini-sepet__bos-ikon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: var(--pz-space-1); border-radius: var(--pz-radius-pill); background: var(--pz-primary-subtle); color: var(--pz-primary); }
.pz-mini-sepet__bos-baslik { margin: 0; font-size: var(--pz-body-fs); font-weight: 600; color: var(--pz-text); }
.pz-mini-sepet__bos-metin { margin: 0 0 var(--pz-space-2); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text-secondary); }
.pz-bildirim-alani {
position: fixed; z-index: var(--pz-z-modal);
left: var(--pz-space-4); right: var(--pz-space-4);
bottom: calc(var(--pz-alt-nav-h) + var(--pz-space-3) + env(safe-area-inset-bottom));
display: flex; flex-direction: column; gap: var(--pz-space-2);
pointer-events: none;
}
@media (min-width: 768px) { .pz-bildirim-alani { left: auto; right: var(--pz-space-6); bottom: calc(var(--pz-alt-nav-h) + var(--pz-space-6)); width: 380px; } }
.pz-bildirim {
position: relative; overflow: hidden; pointer-events: auto;
display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--pz-space-3); align-items: start;
padding: 14px 14px 16px 16px;
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
box-shadow: var(--pz-shadow-overlay);
animation: pz-bildirim-gir var(--pz-sure-orta) ease;
}
.pz-bildirim.is-cikiyor { animation: pz-bildirim-cik .18s ease forwards; }
@keyframes pz-bildirim-gir { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes pz-bildirim-cik { to { opacity: 0; transform: translateY(8px); } }
.pz-bildirim__ikon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--pz-radius-pill); background: var(--pz-primary-subtle); color: var(--pz-primary); }
.pz-bildirim--success .pz-bildirim__ikon { background: var(--pz-success-subtle); color: var(--pz-success); }
.pz-bildirim--error .pz-bildirim__ikon { background: var(--pz-danger-subtle); color: var(--pz-danger); }
.pz-bildirim--warning .pz-bildirim__ikon { background: var(--pz-warning-subtle); color: var(--pz-warning); }
.pz-bildirim__govde { min-width: 0; padding-top: 1px; }
.pz-bildirim__baslik { margin: 0; font-size: var(--pz-body-fs); line-height: 20px; font-weight: 600; color: var(--pz-text); }
.pz-bildirim__metin { margin: 2px 0 0; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text-secondary); overflow-wrap: anywhere; }
.pz-bildirim__baslik + .pz-bildirim__metin { margin-top: 4px; }
.pz-bildirim__kapat {
display: inline-flex; align-items: center; justify-content: center;
width: 32px; height: 32px; margin: -6px -6px 0 0; padding: 0;
border: 0; border-radius: var(--pz-radius-pill); background: transparent; color: var(--pz-text-muted); cursor: pointer;
}
.pz-bildirim__kapat:hover { background: var(--pz-surface-alt); color: var(--pz-text); }
.pz-bildirim__urun { display: flex; align-items: center; gap: var(--pz-space-3); margin-top: 10px; }
.pz-bildirim__urun img { width: 48px; height: 48px; flex-shrink: 0; object-fit: cover; border-radius: var(--pz-radius-md); background: var(--pz-surface-alt); }
.pz-bildirim__urun-ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text); }
.pz-bildirim__btnlar { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pz-space-2); margin-top: var(--pz-space-3); }
.pz-bildirim__btnlar .pz-btn { padding: 0 var(--pz-space-2); white-space: normal; text-align: center; line-height: 16px; }
.pz-bildirim__sure { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: var(--pz-primary-border); transform-origin: left; animation: pz-bildirim-sure linear forwards; }
.pz-bildirim--success .pz-bildirim__sure { background: var(--pz-success); opacity: .35; }
.pz-bildirim--error .pz-bildirim__sure { background: var(--pz-danger); opacity: .35; }
.pz-bildirim--warning .pz-bildirim__sure { background: var(--pz-warning); opacity: .35; }
.pz-bildirim.is-durdu .pz-bildirim__sure { animation-play-state: paused; }
@keyframes pz-bildirim-sure { from { transform: scaleX(1); } to { transform: scaleX(0); } }
body .swal-overlay { background-color: var(--pz-kaplama-50); }
body .swal-modal { width: min(440px, calc(100% - 32px)); padding: var(--pz-space-2); border-radius: var(--pz-radius-xl); background: var(--pz-surface); box-shadow: var(--pz-shadow-overlay); }
body .swal-title { padding: var(--pz-space-2) var(--pz-space-4) 0; font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: 600; color: var(--pz-text); }
body .swal-title:not(:last-child) { margin-bottom: var(--pz-space-2); }
body .swal-text { padding: 0 var(--pz-space-4); font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); text-align: center; color: var(--pz-text-secondary); }
body .swal-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pz-space-2); margin-top: var(--pz-space-2); padding: var(--pz-space-4); text-align: center; }
body .swal-button-container { flex: 1 1 140px; margin: 0; }
body .swal-button {
width: 100%; height: 44px; padding: 0 var(--pz-space-4);
border: 1px solid transparent; border-radius: var(--pz-radius-md);
background: var(--pz-primary); color: var(--pz-on-primary);
font-family: inherit; font-size: var(--pz-label-fs); font-weight: 500; box-shadow: none;
}
body .swal-button:not([disabled]):hover { background: var(--pz-primary-hover); }
body .swal-button:focus { box-shadow: var(--pz-focus-ring); }
body .swal-button.btn-theme-3, body .swal-button--cancel { background: var(--pz-surface); color: var(--pz-text); border-color: var(--pz-border-strong); }
body .swal-button.btn-theme-3:not([disabled]):hover, body .swal-button--cancel:not([disabled]):hover { background: var(--pz-surface); border-color: var(--pz-text); }
body .swal-icon--success { border-color: var(--pz-success); }
body .swal-icon--success__line { background-color: var(--pz-success); }
body .swal-icon--success__ring { border-color: var(--pz-success-subtle); }
body .swal-icon--success::before, body .swal-icon--success::after, body .swal-icon--success__hide-corners { background: var(--pz-surface); }
body .swal-icon--error { border-color: var(--pz-danger); }
body .swal-icon--error__line { background-color: var(--pz-danger); }
body .swal-icon--warning { border-color: var(--pz-warning); }
body .swal-icon--warning__body, body .swal-icon--warning__dot { background-color: var(--pz-warning); }
body .swal-icon--info { border-color: var(--pz-primary); }
body .swal-icon--info::before, body .swal-icon--info::after { background-color: var(--pz-primary); }
body .overlay { background: var(--pz-beyaz-60); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
body .overlay .spin {
width: 44px; height: 44px; font-size: 0;
border: 3px solid var(--pz-primary-subtle); border-top-color: var(--pz-primary); border-radius: 50%;
color: var(--pz-primary);
animation: pz-don .8s linear infinite;
}
@keyframes pz-don { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { body .overlay .spin { animation-duration: 1.6s; } }
.progress-wrap {
position: fixed; right: var(--pz-space-4); bottom: calc(var(--pz-alt-nav-h) + var(--pz-space-4) + env(safe-area-inset-bottom)); z-index: 900;
width: 44px; height: 44px; border-radius: var(--pz-radius-pill);
background: var(--pz-surface); border: 1px solid var(--pz-border); box-shadow: var(--pz-shadow-hover);
cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(12px);
transition: opacity var(--pz-sure-orta) ease, transform var(--pz-sure-orta) ease, visibility 0s linear var(--pz-sure-orta);
}
.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: none; transition: opacity var(--pz-sure-orta) ease, transform var(--pz-sure-orta) ease; }
.progress-wrap::after {
content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;
width: 10px; height: 10px;
border-left: 2px solid var(--pz-text); border-top: 2px solid var(--pz-text);
transform: translateY(2px) rotate(45deg);
}
.progress-wrap svg { position: absolute; top: -1px; left: -1px; width: 44px; height: 44px; }
.progress-wrap svg path { fill: none; stroke: var(--pz-primary); stroke-width: 4; }
@media (min-width: 992px) { .progress-wrap { right: var(--pz-space-6); bottom: var(--pz-space-6); } }
@media (max-width: 991.98px) { .progress-wrap:not(.pz-yukari--mobil) { display: none; } }
.pz-hizli-giris { display: grid; gap: var(--pz-space-4); }
.pz-hizli-giris__etiket-satir { display: flex; align-items: baseline; justify-content: space-between; gap: var(--pz-space-3); }
.pz-hizli-giris__kucuk-link { font-size: var(--pz-body-sm-fs); }
.pz-hizli-giris__ayrac { display: flex; align-items: center; gap: var(--pz-space-3); margin: 0; font-size: var(--pz-body-sm-fs); color: var(--pz-text-muted); }
.pz-hizli-giris__ayrac::before, .pz-hizli-giris__ayrac::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--pz-border); }
.pz-hizli-giris__sosyal { display: grid; gap: var(--pz-space-2); }
.pz-hizli-giris__alt { margin: 0; text-align: center; font-size: var(--pz-label-fs); color: var(--pz-text-secondary); }
.pz-hizli-giris__alt a { font-weight: 500; }
.pz-footer {
padding-top: var(--pz-space-8);
background: var(--pz-surface-alt); border-top: 1px solid var(--pz-border);
color: var(--pz-text-secondary); font-size: var(--pz-label-fs); line-height: 22px;
}
@media (min-width: 992px) { .pz-footer { padding-top: var(--pz-space-12); } }
.pz-bulten { display: grid; gap: var(--pz-space-6); margin-bottom: var(--pz-space-8); padding: var(--pz-space-5); background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-xl); }
.pz-bulten__baslik { margin: 0; font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: 500; letter-spacing: var(--pz-h3-ls); color: var(--pz-text); }
.pz-bulten__aciklama { margin: var(--pz-space-1) 0 0; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text-secondary); }
.pz-bulten__form { display: flex; gap: var(--pz-space-2); margin: var(--pz-space-4) 0 0; }
.pz-bulten__form .pz-input, .pz-bulten__form .iti { flex: 1 1 auto; min-width: 0; }
.pz-bulten__form .iti .pz-input { width: 100%; }
.pz-bulten__form .pz-btn { flex-shrink: 0; }
@media (min-width: 768px) {
.pz-bulten { padding: 28px var(--pz-space-8); }
.pz-bulten__blok { display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-8); }
.pz-bulten__form { flex: 0 1 460px; margin-top: 0; }
}
@media (min-width: 1200px) {
.pz-bulten--cift { grid-template-columns: 1fr 1fr; gap: var(--pz-space-8); }
.pz-bulten--cift .pz-bulten__blok { flex-direction: column; align-items: stretch; gap: var(--pz-space-4); }
.pz-bulten--cift .pz-bulten__form { flex-basis: auto; }
}
.pz-footer__ana { display: grid; grid-template-columns: minmax(0, 1fr); }
.pz-footer__marka { padding-bottom: var(--pz-space-6); }
.pz-footer__logo { display: inline-block; }
.pz-footer__logo img { display: block; width: 72px; height: 72px; object-fit: contain; }
.pz-footer__aciklama { max-width: 360px; margin: var(--pz-space-4) 0 0; color: var(--pz-text-secondary); }
.pz-footer__kucuk-baslik { margin: var(--pz-space-5) 0 10px; font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; letter-spacing: var(--pz-caption-ls); color: var(--pz-text-muted); }
.pz-footer__sosyal { display: flex; flex-wrap: wrap; gap: var(--pz-space-2); margin: 0; padding: 0; list-style: none; }
.pz-footer__sosyal a {
display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px; border-radius: var(--pz-radius-pill);
background: var(--pz-surface); border: 1px solid var(--pz-border); color: var(--pz-text);
}
.pz-footer__sosyal a:hover { border-color: var(--pz-primary-border); color: var(--pz-primary); }
.pz-footer__sutun { border-top: 1px solid var(--pz-border); }
.pz-footer__baslik {
display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3);
width: 100%; min-height: 52px; padding: 0;
border: 0; background: transparent; color: var(--pz-text);
font-family: inherit; font-size: var(--pz-body-fs); font-weight: 600; text-align: left; cursor: pointer;
}
.pz-footer__ok { flex-shrink: 0; color: var(--pz-text-muted); transition: transform var(--pz-sure-orta) ease; }
.pz-footer__baslik[aria-expanded="true"] .pz-footer__ok { transform: rotate(180deg); }
.pz-footer__icerik { display: none; padding-bottom: var(--pz-space-4); }
.pz-footer__icerik.is-acik { display: block; }
.pz-footer__liste, .pz-footer__iletisim { display: grid; gap: var(--pz-space-1); margin: 0; padding: 0; list-style: none; }
.pz-footer__liste a { display: inline-block; padding: 6px 0; color: var(--pz-text-secondary); }
.pz-footer__liste a:hover, .pz-footer__iletisim a:hover { color: var(--pz-primary); }
.pz-footer__iletisim a, .pz-footer__adres { display: flex; align-items: flex-start; gap: 10px; padding: 6px 0; color: var(--pz-text-secondary); overflow-wrap: anywhere; }
.pz-footer__iletisim .pz-icon { margin-top: 2px; color: var(--pz-text-muted); }
.pz-footer__b2b { margin-top: var(--pz-space-4); padding: var(--pz-space-4); background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.pz-footer__b2b-baslik { margin: 0; font-size: var(--pz-label-fs); font-weight: 600; color: var(--pz-text); }
.pz-footer__b2b-metin { margin: var(--pz-space-1) 0 10px; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); }
.pz-footer__b2b-link { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; font-weight: 500; color: var(--pz-primary); }
.pz-footer__b2b-link:hover { color: var(--pz-primary-hover); }
@media (min-width: 992px) {
.pz-footer__ana {
grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.3fr);
gap: var(--pz-space-8);
padding-bottom: var(--pz-space-10);
}
.pz-footer__marka { padding-bottom: 0; }
.pz-footer__sutun { border-top: 0; }
.pz-footer__baslik { min-height: 0; margin-bottom: var(--pz-space-3); font-size: var(--pz-label-fs); cursor: default; pointer-events: none; }
.pz-footer__ok { display: none; }
.pz-footer__icerik, .pz-footer__icerik.is-acik { display: block; padding-bottom: 0; }
.pz-footer__liste a { padding: 3px 0; }
.pz-footer__iletisim a, .pz-footer__adres { padding: 3px 0; }
}
.pz-footer__pazaryeri { padding: var(--pz-space-6) 0; border-top: 1px solid var(--pz-border); text-align: center; }
.pz-footer__pazaryeri .pz-footer__kucuk-baslik { margin: 0 0 var(--pz-space-3); }
.pz-footer__pazaryeri-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; margin: 0; padding: 0; list-style: none; }
.pz-footer__pazaryeri-liste li { display: flex; align-items: center; justify-content: center; }
.pz-footer__pazaryeri-liste a { display: flex; align-items: center; justify-content: center; min-width: 48px; min-height: 56px; padding: var(--pz-space-2); border-radius: var(--pz-radius-sm); }
.pz-footer__pazaryeri-liste img { display: block; width: auto; height: auto; max-width: 96px; max-height: 28px; transition: filter .3s ease; }
@media (hover: hover) {
.pz-footer__pazaryeri-liste img { filter: brightness(0) invert(38%); }
.pz-footer__pazaryeri-liste a:hover img, .pz-footer__pazaryeri-liste a:focus-visible img { filter: none; }
}
@media (min-width: 768px) {
.pz-footer__pazaryeri-liste { display: flex; flex-wrap: wrap; justify-content: center; row-gap: var(--pz-space-2); }
.pz-footer__pazaryeri-liste li + li::before { content: ""; width: 1px; height: 28px; background: var(--pz-border-strong); opacity: .5; }
.pz-footer__pazaryeri-liste a { padding: var(--pz-space-2) var(--pz-space-8); }
.pz-footer__pazaryeri-liste img { max-width: 140px; max-height: 36px; }
}
.pz-footer__alt { display: flex; flex-direction: column; gap: var(--pz-space-3); padding: var(--pz-space-5) 0 var(--pz-space-6); border-top: 1px solid var(--pz-border); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-muted); }
.pz-footer__telif { margin: 0; }
.pz-footer__odeme img { display: block; width: auto; max-width: 100%; height: auto; max-height: 20px; }
@media (min-width: 768px) { .pz-footer__alt { flex-direction: row; align-items: center; justify-content: space-between; } }
.pz-alt-nav {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 950;
display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);
height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom);
background: var(--pz-surface); border-top: 1px solid var(--pz-border);
}
.pz-alt-nav__oge {
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
min-width: 0; padding: 6px 2px; border: 0; background: transparent;
color: var(--pz-text-secondary); font-family: inherit; font-size: 11px; line-height: 14px; font-weight: 500; cursor: pointer;
}
.pz-alt-nav__oge > span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pz-alt-nav__oge:hover, .pz-alt-nav__oge:focus { color: var(--pz-text); }
.pz-alt-nav__oge.is-aktif, .pz-alt-nav__oge[aria-expanded="true"] { color: var(--pz-primary); }
.pz-alt-nav__ikon { position: relative; display: inline-flex; }
.pz-alt-nav__sayac { position: absolute; top: -5px; right: -10px; }
.pz-alt-nav-bosluk { height: calc(64px + env(safe-area-inset-bottom)); background: var(--pz-surface-alt); }
@media (min-width: 992px) { .pz-alt-nav, .pz-alt-nav-bosluk { display: none; } }
body.payment-body .pz-alt-nav, body.payment-body .pz-alt-nav-bosluk { display: none; }
.pz-breadcrumb-alan { padding: var(--pz-space-1) 0; }
.pz-breadcrumb {
display: flex; flex-wrap: nowrap; align-items: center; gap: 6px;
margin: 0; padding: 0; list-style: none;
font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-muted);
overflow-x: auto; white-space: nowrap; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.pz-breadcrumb::-webkit-scrollbar { display: none; }
.pz-breadcrumb li { display: inline-flex; align-items: center; flex-shrink: 0; }
.pz-breadcrumb li + li::before { content: "/"; margin-right: 6px; color: var(--pz-border-strong); }
.pz-breadcrumb a { display: inline-block; padding: var(--pz-space-2) 0; color: var(--pz-text-secondary); text-decoration: none; }
.pz-breadcrumb a:hover { color: var(--pz-primary-hover); text-decoration: underline; }
.pz-breadcrumb [aria-current="page"] { color: var(--pz-text); font-weight: 500; pointer-events: none; }
.pz-breadcrumb [aria-current="page"] span { display: inline-block; max-width: 70vw; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
@media (min-width: 768px) {
.pz-breadcrumb { flex-wrap: wrap; overflow: visible; white-space: normal; }
.pz-breadcrumb [aria-current="page"] span { max-width: 560px; white-space: nowrap; }
}
.pz-404 { max-width: 640px; margin: 0 auto; padding: var(--pz-space-8) 0; text-align: center; }
.pz-404__kod { display: inline-block; margin: 0; padding: 2px 10px; border-radius: var(--pz-radius-pill); background: var(--pz-surface); border: 1px solid var(--pz-border); font-size: var(--pz-caption-fs); font-weight: 600; color: var(--pz-text-secondary); font-variant-numeric: tabular-nums; }
.pz-404__sahne { position: relative; width: min(320px, 80%); aspect-ratio: 2 / 1; margin: 0 auto var(--pz-space-5); }
.pz-404__tabak { position: absolute; left: 10%; right: 10%; bottom: 12%; transform-origin: 50% 100%; }
.pz-404__tabak .pz-tabak-cizim { filter: drop-shadow(0 1px 1px var(--pz-kaplama-10)); }
.pz-404__golge { position: absolute; left: 14%; right: 14%; bottom: 12%; height: 12%; border-radius: 50%; background: radial-gradient(closest-side, var(--pz-kaplama-35), transparent); }
@media (prefers-reduced-motion: no-preference) {
.pz-404__tabak { animation: pz-tabak-dus 1.3s .2s cubic-bezier(.3, 0, .7, 1) both; }
.pz-404__golge { animation: pz-golge-dus 1.3s .2s cubic-bezier(.3, 0, .7, 1) both; }
}
.pz-404__baslik { margin: var(--pz-space-4) 0 var(--pz-space-3); text-wrap: balance; font-weight: 600; letter-spacing: var(--pz-baslik-izleme); }
.pz-404__aciklama { max-width: 480px; margin: 0 auto var(--pz-space-6); font-size: var(--pz-body-lg-fs); line-height: var(--pz-body-lg-lh); color: var(--pz-text-secondary); }
.pz-404__arama { display: flex; gap: var(--pz-space-2); max-width: 480px; margin: 0 auto var(--pz-space-3); }
.pz-404__arama .pz-input { flex: 1 1 auto; min-width: 0; }
.pz-404__arama .pz-btn { flex-shrink: 0; }
.pz-404__kategoriler { margin-top: var(--pz-space-8); padding-top: var(--pz-space-6); border-top: 1px solid var(--pz-border); }
.pz-404__kategoriler-baslik { margin: 0 0 var(--pz-space-3); font-size: var(--pz-body-sm-fs); font-weight: 600; color: var(--pz-text-muted); }
.pz-404__cipler { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pz-space-2); margin: 0; padding: 0; list-style: none; }
.pz-404__cip { display: inline-flex; align-items: center; height: 40px; padding: 0 var(--pz-space-4); border-radius: var(--pz-radius-pill); background: var(--pz-surface); border: 1px solid var(--pz-border); font-size: var(--pz-label-fs); color: var(--pz-text); }
.pz-404__cip:hover { border-color: var(--pz-primary-border); color: var(--pz-primary); }
@media (min-width: 768px) { .pz-404 { padding: var(--pz-space-12) 0 var(--pz-space-16); } }
.pz-404--tip-2 { display: grid; max-width: none; padding: 0; overflow: hidden; text-align: left; background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-xl); }
.pz-404__gorsel { display: flex; align-items: center; justify-content: center; padding: var(--pz-space-8); background: var(--pz-surface-alt); }
.pz-404__gorsel img { width: min(240px, 60%); height: auto; opacity: .85; }
.pz-404--tip-2 .pz-404__icerik { padding: var(--pz-space-6) var(--pz-space-5) var(--pz-space-8); }
.pz-404__logo { display: inline-block; margin-bottom: var(--pz-space-6); }
.pz-404__logo img { display: block; width: auto; height: 40px; }
.pz-404--tip-2 .pz-404__aciklama, .pz-404--tip-2 .pz-404__arama { margin-left: 0; }
.pz-404--tip-2 .pz-404__cipler { justify-content: flex-start; }
@media (min-width: 768px) {
.pz-404--tip-2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
.pz-404--tip-2 .pz-404__icerik { padding: var(--pz-space-12); }
}
.pz-atla {
position: absolute; left: var(--pz-space-4); top: -100px; z-index: calc(var(--pz-z-header) + 10);
padding: var(--pz-space-2) var(--pz-space-4); border-radius: var(--pz-radius-sm);
background: var(--pz-primary); color: var(--pz-on-primary); font-weight: 600; text-decoration: none;
}
.pz-atla:focus { top: var(--pz-space-2); color: var(--pz-on-primary); }
.pz-icerik-hedef { display: block; height: 0; outline: 0; }
@media (max-width: 991.98px) {
body:has(.addons-mobile-menu.amm-mobile-1) .pz-alt-nav { display: none; }
body:has(.addons-mobile-menu.amm-mobile-1) { --pz-alt-nav-h: calc(65px + env(safe-area-inset-bottom)); }
}
body .addons-mobile-menu { box-sizing: content-box; padding-bottom: env(safe-area-inset-bottom); font-family: inherit; box-shadow: none; }
body .addons-mobile-menu ul li a { position: relative; }
body .addons-mobile-menu ul li a .title { font-weight: 500; line-height: 14px; }
body .addons-mobile-menu ul li a .count {
min-width: 18px; height: 18px; padding: 0 5px; border-radius: var(--pz-radius-pill);
background: var(--pz-primary); color: var(--pz-on-primary); font-size: 11px; line-height: 18px; font-weight: 600;
}
.addons-campaign-bar { font-family: inherit; }
.pz-pop { display: grid; grid-template-columns: minmax(0, 1fr); overflow: hidden; border-radius: var(--pz-radius-sm); background: var(--pz-surface); color: var(--pz-text); text-align: left; }
.pz-pop p { margin: 0; }
.pz-pop__gorsel { aspect-ratio: 16 / 9; background: var(--pz-secondary); overflow: hidden; }
.pz-pop__gorsel img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.pz-pop__icerik { display: flex; flex-direction: column; justify-content: center; gap: var(--pz-space-3); padding: var(--pz-space-6) var(--pz-space-5); }
.pz-pop__baslik { font-family: var(--pz-font-baslik); font-size: 28px; line-height: 1.12; font-weight: var(--pz-baslik-agirlik); letter-spacing: var(--pz-baslik-izleme); text-wrap: balance; }
.pz-pop__baslik strong { display: block; color: var(--pz-accent); font-weight: 500; }
.pz-pop__metin { font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); color: var(--pz-text-secondary); }
.pz-pop__eylem { margin-top: var(--pz-space-2); }
.pz-pop__eylem .pz-btn { width: 100%; }
@media (min-width: 576px) {
.pz-pop { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.pz-pop__gorsel { aspect-ratio: auto; min-height: 100%; }
.pz-pop__icerik { padding: var(--pz-space-10) var(--pz-space-8); }
.pz-pop__baslik { font-size: 36px; }
.pz-pop__eylem .pz-btn { width: auto; }
}
.pz-tabak-cizim { display: block; width: 100%; height: auto; overflow: visible; }
.pz-tc-s-yuzey { stop-color: var(--pz-surface); }
.pz-tc-s-alt { stop-color: var(--pz-surface-alt); }
.pz-tc-s-cizgi { stop-color: var(--pz-border); }
.pz-tc-s-koyu { stop-color: color-mix(in srgb, var(--pz-border-strong) 45%, var(--pz-border)); }
.pz-tc-kenar { stroke: color-mix(in srgb, var(--pz-border-strong) 30%, transparent); stroke-width: 1; vector-effect: non-scaling-stroke; }
.pz-tc-cukur-cizgi { stroke: var(--pz-border); stroke-width: 1; vector-effect: non-scaling-stroke; opacity: .55; }
.pz-tc-cukur-golge { stroke: var(--pz-kaplama-05); stroke-width: 12; }
.pz-tc-yansima { opacity: .9; }
.pz-dil-para { display: flex; align-items: center; gap: var(--pz-space-1); }
.pz-dil-para .dropdown { margin: 0; }
.pz-dil-para .dropdown-toggle {
display: inline-flex; align-items: center; gap: var(--pz-space-2); min-height: 32px; padding: 0 var(--pz-space-2);
border-radius: var(--pz-radius-sm); color: var(--pz-text-secondary); font-size: var(--pz-body-sm-fs); line-height: 1; cursor: pointer; white-space: nowrap;
}
.pz-dil-para .dropdown-toggle:hover, .pz-dil-para .show > .dropdown-toggle { color: var(--pz-text); background: var(--pz-surface-alt); }
.pz-dil-para .dropdown-toggle::after { margin-left: 2px; border-top-width: 4px; border-right-width: 4px; border-left-width: 4px; opacity: .6; }
.pz-dil-para .flag-icon { width: 20px; height: 15px; flex-shrink: 0; border-radius: 2px; background-size: cover; box-shadow: 0 0 0 1px var(--pz-kaplama-10); }
.pz-dil-para .dropdown-menu {
min-width: 200px; margin-top: var(--pz-space-1); padding: var(--pz-space-1); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md);
background: var(--pz-surface); box-shadow: var(--pz-shadow-overlay); font-size: var(--pz-body-sm-fs);
}
.pz-dil-para .dropdown-item { display: flex; align-items: center; gap: var(--pz-space-2); min-height: 40px; padding: 0 var(--pz-space-3); border-radius: var(--pz-radius-sm); color: var(--pz-text); }
.pz-dil-para .dropdown-item:hover, .pz-dil-para .dropdown-item:focus { background: var(--pz-surface-alt); color: var(--pz-text); }
.pz-dil-para .dropdown-item.is-aktif { font-weight: 600; color: var(--pz-primary-active); }
.pz-dil-para .dropdown-item.is-aktif::after { content: ""; width: 6px; height: 6px; margin-left: auto; border-radius: 50%; background: var(--pz-primary); }
.pz-dil-para__para .dropdown-toggle { font-variant-numeric: tabular-nums; }
.pz-dil-para--header { padding-left: var(--pz-space-3); border-left: 1px solid var(--pz-border); }
.pz-dil-para--header .dropdown-toggle { min-height: 28px; color: var(--header-top-color, var(--pz-text-secondary)); }
.pz-dil-para--header .dropdown-menu { z-index: 1060; }
.pz-dil-para--footer { order: 3; }
@media (min-width: 768px) { .pz-dil-para--footer { order: 0; margin-left: auto; margin-right: var(--pz-space-6); } }
.pz-dil-para--mobil { flex-direction: column; align-items: stretch; gap: var(--pz-space-3); margin-top: var(--pz-space-2); }
.pz-dil-para--mobil .dropdown { max-height: none; }
.pz-dil-para--mobil .dropdown-toggle { display: none; }
.pz-dil-para--mobil .dropdown-menu {
position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pz-space-2); float: none; min-width: 0; margin: 0; padding: 0;
border: 0; background: transparent; box-shadow: none; transform: none;
}
.pz-dil-para--mobil .dropdown-item {
width: auto; min-height: 44px; padding: 0 var(--pz-space-3); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); background: var(--pz-surface);
}
.pz-dil-para--mobil .dropdown-item.is-aktif { border-color: var(--pz-primary); background: var(--pz-primary-subtle); }
.pz-dil-para--mobil .dropdown-item.is-aktif::after { display: none; }

/* ---- 30-anasayfa.css ---- */
.pz-hero {
position: relative;
background: var(--pz-gradient-hero);
border: 1px solid var(--pz-primary-border);
border-radius: var(--pz-radius-xl);
overflow: hidden;
}
.pz-hero__karusel .carousel-item { transition-duration: .5s; }
.pz-hero--coklu .carousel-inner { display: grid; }
.pz-hero--coklu .carousel-inner > .carousel-item { display: block; grid-area: 1 / 1; float: none; margin-right: 0; }
.pz-hero--coklu .carousel-inner > .carousel-item:not(.active):not(.carousel-item-next):not(.carousel-item-prev) { visibility: hidden; }
.pz-hero--coklu .carousel-item > .pz-hero__slayt { height: 100%; }
.pz-hero__slayt {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--pz-space-5);
padding: var(--pz-space-6) var(--pz-space-4) var(--pz-space-4);
}
.pz-hero__metin { display: flex; flex-direction: column; align-items: flex-start; }
.pz-hero__baslik {
margin: 0 0 var(--pz-space-3);
font-size: var(--pz-h1-mobile-fs);
line-height: var(--pz-h1-mobile-lh);
font-weight: var(--pz-display-fw);
letter-spacing: var(--pz-h1-ls);
color: var(--pz-text);
text-wrap: balance;
}
.pz-hero__aciklama {
margin: 0 0 var(--pz-space-5);
max-width: 34em;
font-size: var(--pz-body-fs);
line-height: var(--pz-body-lh);
color: var(--pz-text-secondary);
}
.pz-hero__eylemler { display: flex; flex-wrap: wrap; gap: var(--pz-space-3); width: 100%; }
.pz-hero__eylemler .pz-btn { width: 100%; }
.pz-hero__medya {
position: relative;
aspect-ratio: 4 / 3;
border-radius: var(--pz-radius-lg);
background: var(--pz-surface-alt);
overflow: hidden;
}
.pz-hero__gorsel, .pz-hero__gorsel picture { display: block; width: 100%; height: 100%; }
.pz-hero__medya img, .pz-hero__video { display: block; width: 100%; height: 100%; object-fit: cover; }
.pz-hero--coklu .pz-hero__slayt { padding-bottom: 64px; }
.pz-hero__kontroller {
position: absolute; left: var(--pz-space-4); right: var(--pz-space-4); bottom: var(--pz-space-4); z-index: 3;
display: flex; align-items: center; gap: var(--pz-space-2);
}
.pz-hero__noktalar { position: static; flex: 1 1 auto; justify-content: flex-start; margin: 0; padding: 0; }
.pz-hero__noktalar li {
flex: 0 0 auto; width: 8px; height: 8px; margin: 0 6px 0 0; border: 0;
border-radius: var(--pz-radius-pill); background: var(--pz-border-strong); opacity: 1;
transition: width var(--pz-sure-orta) ease, background-color var(--pz-sure-orta) ease;
}
.pz-hero__noktalar li.active { width: 24px; background: var(--pz-primary); }
.pz-hero__ok {
display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
border: 1px solid var(--pz-border); border-radius: var(--pz-radius-pill);
background: var(--pz-surface); color: var(--pz-text);
}
.pz-hero__ok:hover { color: var(--pz-primary); border-color: var(--pz-primary-border); }
@media (min-width: 576px) {
.pz-hero__eylemler .pz-btn { width: auto; }
}
@media (min-width: 768px) {
.pz-hero__slayt { padding: var(--pz-space-10) var(--pz-space-8) var(--pz-space-8); }
.pz-hero__baslik { font-size: 48px; line-height: 54px; letter-spacing: var(--pz-display-ls); }
.pz-hero__aciklama { font-size: var(--pz-body-lg-fs); line-height: var(--pz-body-lg-lh); }
.pz-hero__medya { aspect-ratio: 16 / 9; }
.pz-hero__kontroller { left: var(--pz-space-8); right: var(--pz-space-8); bottom: var(--pz-space-6); }
}
@media (min-width: 992px) {
.pz-hero__slayt {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
gap: var(--pz-space-12);
min-height: 480px;
padding: var(--pz-space-12);
}
.pz-hero--coklu .pz-hero__slayt { padding-bottom: 96px; }
.pz-hero__medya { aspect-ratio: 5 / 4; border-radius: var(--pz-radius-xl); }
.pz-hero__baslik { margin-bottom: var(--pz-space-5); font-size: 56px; line-height: 62px; }
.pz-hero__aciklama { margin-bottom: var(--pz-space-8); }
.pz-hero__kontroller { left: var(--pz-space-12); right: auto; bottom: var(--pz-space-10); }
}
@media (min-width: 1200px) {
.pz-hero__slayt { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); padding: var(--pz-space-16) var(--pz-space-16) var(--pz-space-16) 72px; }
.pz-hero__baslik { font-size: var(--pz-display-fs); line-height: var(--pz-display-lh); }
.pz-hero--coklu .pz-hero__slayt { padding-bottom: 104px; }
.pz-hero__kontroller { left: 72px; }
}
.pz-ana-guven {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.pz-ana-guven__oge {
display: flex; flex-direction: column; align-items: flex-start; gap: var(--pz-space-2);
padding: 14px;
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
}
.pz-ana-guven__ikon {
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
width: 40px; height: 40px; border-radius: var(--pz-radius-pill);
background: var(--pz-primary-subtle); color: var(--pz-primary);
}
.pz-ana-guven__ikon .pz-icon { width: 22px; height: 22px; }
.pz-ana-guven__metinler { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pz-ana-guven__baslik { font-size: 14px; line-height: 20px; font-weight: 500; color: var(--pz-text); overflow-wrap: anywhere; }
.pz-ana-guven__metin { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-muted); }
@media (min-width: 768px) {
.pz-ana-guven { gap: var(--pz-space-4); }
.pz-ana-guven__oge { flex-direction: row; align-items: center; gap: 14px; padding: 18px 20px; }
.pz-ana-guven__ikon { width: 44px; height: 44px; }
.pz-ana-guven__baslik { font-size: var(--pz-body-fs); }
.pz-ana-guven__metin { font-size: var(--pz-body-sm-fs); line-height: 18px; }
}
@media (min-width: 992px) { .pz-ana-guven { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.pz-neden {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--pz-space-6);
align-items: center;
}
.pz-neden__medya {
aspect-ratio: 4 / 3;
border-radius: var(--pz-radius-xl);
background: var(--pz-surface-alt);
overflow: hidden;
}
.pz-neden__medya img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pz-neden__baslik { margin: 0 0 var(--pz-space-3); }
.pz-neden__giris { margin: 0 0 var(--pz-space-5); color: var(--pz-text-secondary); max-width: 36em; }
.pz-neden__liste {
display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-3);
margin: 0 0 var(--pz-space-6); padding: 0; list-style: none;
}
.pz-neden__madde {
display: flex; align-items: flex-start; gap: 14px;
padding: var(--pz-space-4);
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
}
.pz-neden__ikon {
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
width: 40px; height: 40px; border-radius: var(--pz-radius-pill);
background: var(--pz-primary-subtle); color: var(--pz-primary);
}
.pz-neden__ikon .pz-icon { width: 22px; height: 22px; }
.pz-neden__madde-baslik { display: block; margin-bottom: 2px; font-size: var(--pz-body-fs); line-height: 22px; font-weight: 500; color: var(--pz-text); }
.pz-neden__madde-metin { display: block; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); }
.pz-neden__buton { width: 100%; }
@media (min-width: 576px) {
.pz-neden__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pz-neden__buton { width: auto; }
}
@media (min-width: 992px) {
.pz-neden { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--pz-space-12); }
.pz-neden__medya { aspect-ratio: 4 / 5; }
.pz-neden__madde { flex-direction: column; gap: var(--pz-space-3); padding: var(--pz-space-5); }
.pz-neden__liste { gap: var(--pz-space-4); margin-bottom: var(--pz-space-8); }
}
.pz-kaydir { position: relative; }
.pz-kaydir__iz {
display: flex; gap: 10px;
--pz-tasma: 10px;
margin: 0 calc(-1 * var(--pz-tasma)); padding: 2px var(--pz-tasma) var(--pz-space-2);
list-style: none;
overflow-x: auto; overscroll-behavior-x: contain;
scroll-snap-type: x mandatory; scroll-padding: 0 var(--pz-tasma);
scrollbar-width: none;
}
.pz-kaydir__iz::-webkit-scrollbar { display: none; }
.pz-kaydir__oge { flex: 0 0 86%; scroll-snap-align: start; display: flex; }
@media (min-width: 576px) { .pz-kaydir__oge { flex-basis: 60%; } }
@media (min-width: 768px) {
.pz-kaydir__iz { gap: var(--pz-space-4); }
.pz-kaydir__oge { flex-basis: calc((100% - var(--pz-space-4)) / 2); }
}
@media (min-width: 992px) {
.pz-kaydir__iz { gap: var(--pz-space-5); margin: 0; padding: 2px 0 var(--pz-space-2); scroll-padding: 0; }
.pz-kaydir__oge { flex-basis: calc((100% - 2 * var(--pz-space-5)) / 3); }
}
.pz-kaydir__oklar { display: none; }
@media (min-width: 992px) {
.pz-kaydir__oklar { display: flex; justify-content: flex-end; gap: var(--pz-space-2); margin-top: var(--pz-space-4); }
}
.pz-kaydir__ok {
display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0;
border: 1px solid var(--pz-border); border-radius: var(--pz-radius-pill);
background: var(--pz-surface); color: var(--pz-text); cursor: pointer;
}
.pz-kaydir__ok:hover { color: var(--pz-primary); border-color: var(--pz-primary-border); }
.pz-kaydir__ok:disabled { color: var(--pz-disabled-text); border-color: var(--pz-border); cursor: default; }
.pz-pyorum__kart {
display: flex; flex-direction: column; gap: var(--pz-space-4); width: 100%;
padding: var(--pz-space-5); background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
}
@media (min-width: 768px) { .pz-pyorum__kart { padding: var(--pz-space-6); } }
.pz-pyorum__ust { display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-2); }
.pz-pyorum__metin { flex: 1 1 auto; margin: 0; }
.pz-pyorum__metin p {
display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;
margin: 0; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); color: var(--pz-text);
}
.pz-pyorum__alt { display: flex; align-items: center; gap: var(--pz-space-3); padding-top: var(--pz-space-4); border-top: 1px solid var(--pz-border); }
.pz-pyorum__avatar {
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
width: 40px; height: 40px; border-radius: var(--pz-radius-pill);
background: var(--pz-primary-subtle); color: var(--pz-primary-active);
font-size: var(--pz-body-fs); font-weight: 600;
}
.pz-pyorum__kisi { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.pz-pyorum__ad { font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: 600; color: var(--pz-text); }
.pz-pyorum__tarih { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-muted); }
.pz-pyorum__link {
display: inline-flex; align-items: center; gap: 4px; min-height: 44px; flex-shrink: 0;
font-size: var(--pz-body-sm-fs); font-weight: 500; color: var(--pz-primary);
}
.pz-pyorum__link:hover { color: var(--pz-primary-hover); text-decoration: underline; }
.pz-b2b {
position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-6);
padding: var(--pz-space-8) var(--pz-space-5); border-radius: var(--pz-radius-xl);
background: radial-gradient(120% 90% at 85% 100%, color-mix(in srgb, var(--pz-primary) 45%, var(--pz-secondary)) 0%, var(--pz-secondary) 60%);
color: var(--pz-on-primary);
}
.pz-b2b__ust { margin: 0 0 var(--pz-space-3); font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: color-mix(in srgb, var(--pz-on-primary) 70%, transparent); }
.pz-b2b__baslik { margin: 0 0 var(--pz-space-3); font-family: var(--pz-font-baslik); font-size: 28px; line-height: 1.12; font-weight: var(--pz-baslik-agirlik); letter-spacing: var(--pz-baslik-izleme); color: var(--pz-on-primary); text-wrap: balance; }
.pz-b2b__aciklama { margin: 0 0 var(--pz-space-6); max-width: 52ch; color: color-mix(in srgb, var(--pz-on-primary) 78%, transparent); }
.pz-b2b__secim { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-4); margin-bottom: var(--pz-space-6); }
.pz-b2b__alan { min-width: 0; margin: 0; padding: 0; border: 0; }
.pz-b2b__soru { display: block; margin: 0 0 var(--pz-space-2); padding: 0; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 600; color: var(--pz-on-primary); }
.pz-b2b__adetler {
display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); padding: 4px; border-radius: var(--pz-radius-md);
background: color-mix(in srgb, var(--pz-on-primary) 10%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pz-on-primary) 18%, transparent);
}
.pz-b2b__adet { position: relative; margin: 0; cursor: pointer; }
.pz-b2b__adet input { position: absolute; opacity: 0; pointer-events: none; }
.pz-b2b__adet span {
display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 var(--pz-space-2); border-radius: calc(var(--pz-radius-md) - 3px);
font-size: var(--pz-body-fs); font-weight: 700; font-variant-numeric: tabular-nums; color: var(--pz-on-primary);
transition: background var(--pz-sure-orta) ease, color var(--pz-sure-orta) ease;
}
.pz-b2b__adet:hover span { background: color-mix(in srgb, var(--pz-on-primary) 10%, transparent); }
.pz-b2b__adet input:checked + span { background: var(--pz-surface); color: var(--pz-secondary); box-shadow: 0 2px 6px var(--pz-kaplama-35); }
.pz-b2b__adet input:focus-visible + span { outline: 2px solid var(--pz-on-primary); outline-offset: 2px; }
.pz-b2b__sektor { position: relative; }
.pz-b2b__select {
display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3); width: 100%; min-height: 48px; padding: 0 var(--pz-space-4);
border: 0; border-radius: var(--pz-radius-md); background: color-mix(in srgb, var(--pz-on-primary) 10%, transparent); color: var(--pz-on-primary);
font: inherit; text-align: left; cursor: pointer; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--pz-on-primary) 18%, transparent);
transition: background var(--pz-sure-orta) ease;
}
.pz-b2b__select:hover, .pz-b2b__select[aria-expanded="true"] { background: color-mix(in srgb, var(--pz-on-primary) 16%, transparent); }
.pz-b2b__select:focus-visible { outline: 2px solid var(--pz-on-primary); outline-offset: 2px; }
.pz-b2b__ok { flex-shrink: 0; transition: transform var(--pz-sure-orta) ease; }
.pz-b2b__select[aria-expanded="true"] .pz-b2b__ok { transform: rotate(180deg); }
.pz-b2b__liste {
position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 30; max-height: 340px; margin: 0; padding: var(--pz-space-1); overflow-y: auto; list-style: none;
border-radius: var(--pz-radius-md); background: var(--pz-surface); color: var(--pz-text); box-shadow: var(--pz-shadow-overlay);
}
.pz-b2b__liste[hidden] { display: none; }
.pz-b2b__liste:focus { outline: none; }
.pz-b2b__secenek {
display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-2); min-height: 44px; padding: 0 var(--pz-space-3);
border-radius: var(--pz-radius-sm); cursor: pointer; font-size: var(--pz-body-fs);
}
.pz-b2b__secenek:first-child { color: var(--pz-text-muted); }
.pz-b2b__secenek:hover, .pz-b2b__secenek.is-odak { background: var(--pz-surface-alt); }
.pz-b2b__secenek[aria-selected="true"] { font-weight: 600; color: var(--pz-primary-active); }
.pz-b2b__secenek[aria-selected="true"]::after { content: ""; width: 7px; height: 12px; margin-right: 4px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-2px, -2px); }
.pz-b2b__eylemler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pz-space-3) var(--pz-space-6); }
.pz-b2b__cta {
display: inline-flex; align-items: center; justify-content: center; gap: var(--pz-space-2); min-height: 52px; padding: 0 var(--pz-space-6);
border-radius: var(--pz-radius-pill); background: var(--pz-surface); color: var(--pz-secondary); font-weight: 700; text-decoration: none;
box-shadow: 0 8px 20px -8px var(--pz-kaplama-35); transition: transform var(--pz-sure-orta) ease, box-shadow var(--pz-sure-orta) ease;
}
.pz-b2b__cta .pz-icon { width: 22px; height: 22px; color: var(--pz-success); }
.pz-b2b__cta:hover { color: var(--pz-secondary); transform: translateY(-2px); box-shadow: 0 12px 24px -8px var(--pz-kaplama-35); }
.pz-b2b__ikincil { color: var(--pz-on-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.pz-b2b__ikincil:hover { color: var(--pz-on-primary); text-decoration-thickness: 2px; }
.pz-b2b__gorsel { display: flex; align-items: flex-end; justify-content: center; min-height: 180px; }
.pz-yigin { position: relative; display: flex; flex-direction: column; align-items: center; width: min(62%, 220px); padding-top: var(--pz-space-8); }
@media (min-width: 768px) { .pz-yigin { width: min(78%, 300px); } }
.pz-yigin__ust { position: relative; z-index: 20; display: block; width: 100%; }
.pz-yigin__kat {
position: relative; display: block; width: 100%; height: 26px; margin-top: -19px; border-radius: 50%;
background: linear-gradient(to bottom, var(--pz-surface) 0%, var(--pz-surface-alt) 55%, var(--pz-border) 100%);
box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--pz-border-strong) 45%, transparent), 0 1px 0 var(--pz-kaplama-10);
}
.pz-yigin__kat:nth-of-type(odd) { width: 99%; }
.pz-yigin__kat.is-gizli { display: none; }
.pz-yigin__kat.is-yeni { animation: pz-kat-gel .38s cubic-bezier(.2, .7, .3, 1.2) both; }
.pz-yigin__golge { display: block; width: 110%; height: 22px; margin-top: -10px; border-radius: 50%; background: radial-gradient(closest-side, var(--pz-kaplama-35), transparent); }
.pz-yigin__rozet {
position: absolute; top: 0; right: -6%; z-index: 30; display: inline-flex; align-items: baseline; gap: 2px; padding: 6px 12px; border-radius: var(--pz-radius-pill);
background: var(--pz-primary); color: var(--pz-on-primary); font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; box-shadow: 0 6px 16px -6px var(--pz-kaplama-35);
transform: rotate(6deg);
}
.pz-yigin__rozet > span:first-child { font-size: 14px; opacity: .8; }
@keyframes pz-kat-gel { from { opacity: 0; transform: translateY(-40px); } to { opacity: 1; transform: none; } }
@media (min-width: 576px) { .pz-b2b__secim { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); align-items: end; } }
@media (min-width: 768px) {
.pz-b2b { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: var(--pz-space-10); padding: var(--pz-space-12); }
.pz-b2b__baslik { font-size: 38px; }
.pz-b2b__gorsel { min-height: 340px; }
}
@media (prefers-reduced-motion: reduce) { .pz-yigin__kat.is-yeni { animation: none; } .pz-b2b__cta:hover { transform: none; } }
.pz-ana-sss__sutunlar { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-2); }
.pz-ana-sss__sutun { display: flex; flex-direction: column; gap: var(--pz-space-2); }
@media (min-width: 992px) {
.pz-ana-sss__sutunlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pz-space-4); align-items: start; }
.pz-ana-sss__sutun { gap: var(--pz-space-3); }
}
.pz-ana-sss__oge { background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.pz-ana-sss__oge[open] { border-color: var(--pz-border-strong); }
.pz-ana-sss__soru {
display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3);
min-height: 56px; padding: var(--pz-space-3) var(--pz-space-4);
font-size: var(--pz-body-fs); line-height: 22px; font-weight: 500; color: var(--pz-text);
cursor: pointer; list-style: none; border-radius: var(--pz-radius-lg);
}
.pz-ana-sss__soru::-webkit-details-marker { display: none; }
.pz-ana-sss__soru::marker { content: ""; }
.pz-ana-sss__soru:hover { color: var(--pz-primary-hover); }
.pz-ana-sss__ikon { flex-shrink: 0; color: var(--pz-text-muted); transition: transform var(--pz-sure-orta) ease; }
.pz-ana-sss__oge[open] .pz-ana-sss__ikon { transform: rotate(180deg); color: var(--pz-primary); }
.pz-ana-sss__cevap { padding: 0 var(--pz-space-4) var(--pz-space-4); font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); color: var(--pz-text-secondary); }
.pz-ana-sss__cevap > :last-child { margin-bottom: 0; }
@media (min-width: 768px) { .pz-ana-sss__soru { padding: var(--pz-space-4) var(--pz-space-5); } .pz-ana-sss__cevap { padding: 0 var(--pz-space-5) var(--pz-space-5); } }
.pz-ana-sss__alt { display: flex; justify-content: center; margin-top: var(--pz-space-6); }
.pz-ana-sss__alt .pz-btn { width: 100%; }
@media (min-width: 576px) { .pz-ana-sss__alt .pz-btn { width: auto; } }
.owl-carousel .owl-dots,
.owl-wrapper .owl-carousel .owl-dots { display: flex; justify-content: center; flex-wrap: wrap; gap: 0; margin-top: var(--pz-space-2); }
.owl-carousel .owl-dots.disabled,
.owl-wrapper .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-dot { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; min-height: 24px; border: 0; background: transparent; }
.owl-carousel .owl-dot span {
display: block; width: 8px; height: 8px; border-radius: var(--pz-radius-pill);
background: var(--pz-border-strong); transition: width var(--pz-sure-orta) ease, background-color var(--pz-sure-orta) ease;
}
.owl-carousel .owl-dot.active span { width: 20px; background: var(--pz-primary); }
@media (prefers-reduced-motion: reduce) {
.pz-hero__karusel .carousel-item { transition: none; }
}
.pattern-group-p-home .p-g-mod .p-g-mod-header { height: auto; margin-bottom: var(--pz-space-5); padding: 0; border-bottom: 0; }
.pattern-group-p-home .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
font-size: var(--pz-h2-mobile-fs); line-height: 28px; font-weight: var(--pz-h2-fw); letter-spacing: var(--pz-h2-ls); color: var(--pz-text);
}
.pattern-group-p-home .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-description {
margin-top: var(--pz-space-1); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary);
}
@media (min-width: 768px) {
.pattern-group-p-home .p-g-mod .p-g-mod-header { margin-bottom: var(--pz-space-6); }
.pattern-group-p-home .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title { font-size: var(--pz-h2-fs); line-height: var(--pz-h2-lh); }
.pattern-group-p-home .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-description { margin-top: var(--pz-space-2); font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); }
}
.pz-hero--koyu { background: var(--pz-secondary); border: 0; }
.pz-hero--koyu .pz-hero__slayt { gap: 0; padding: 0; }
.pz-hero--koyu .pz-hero__medya { order: -1; aspect-ratio: 4 / 3; border-radius: 0; background: var(--pz-secondary-hover); }
.pz-hero--koyu .pz-hero__metin { padding: var(--pz-space-6) var(--pz-space-5) var(--pz-space-6); }
.pz-hero--koyu.pz-hero--coklu .pz-hero__metin { padding-bottom: 72px; }
.pz-hero--koyu .pz-hero__baslik { color: var(--pz-surface); }
.pz-hero--koyu .pz-hero__aciklama { color: var(--pz-beyaz-85); }
.pz-hero--koyu .pz-btn--primary { background: var(--pz-surface); border-color: var(--pz-surface); color: var(--pz-text); }
.pz-hero--koyu .pz-btn--primary:hover { background: var(--pz-primary-subtle); border-color: var(--pz-primary-subtle); color: var(--pz-primary-active); }
.pz-hero--koyu .pz-hero__kontroller { left: var(--pz-space-5); right: var(--pz-space-5); bottom: var(--pz-space-5); }
.pz-hero--koyu .pz-hero__noktalar li { background: var(--pz-beyaz-40); }
.pz-hero--koyu .pz-hero__noktalar li.active { background: var(--pz-surface); }
.pz-hero--koyu .pz-hero__ok { background: transparent; border-color: var(--pz-beyaz-40); color: var(--pz-surface); }
.pz-hero--koyu .pz-hero__ok:hover { border-color: var(--pz-surface); color: var(--pz-surface); }
@media (min-width: 768px) {
.pz-hero--koyu .pz-hero__slayt { padding: 0; }
.pz-hero--koyu .pz-hero__metin { padding: var(--pz-space-8); }
.pz-hero--koyu.pz-hero--coklu .pz-hero__metin { padding-bottom: 88px; }
.pz-hero--koyu .pz-hero__medya { aspect-ratio: 16 / 9; }
.pz-hero--koyu .pz-hero__kontroller { left: var(--pz-space-8); right: var(--pz-space-8); bottom: var(--pz-space-6); }
}
@media (min-width: 992px) {
.pz-hero--koyu .pz-hero__slayt { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: stretch; gap: 0; min-height: 480px; padding: 0; }
.pz-hero--koyu .pz-hero__metin { justify-content: center; }
.pz-hero--koyu .pz-hero__medya { order: 0; aspect-ratio: auto; min-height: 100%; border-radius: 0; }
.pz-hero--koyu .pz-hero__metin,
.pz-hero--koyu.pz-hero--coklu .pz-hero__metin { padding: var(--pz-space-12) var(--pz-space-10) var(--pz-space-16) var(--pz-space-12); }
.pz-hero--koyu .pz-hero__baslik { font-size: 44px; line-height: 50px; }
.pz-hero--koyu .pz-hero__kontroller { left: var(--pz-space-12); right: auto; bottom: var(--pz-space-10); }
}
@media (min-width: 1200px) {
.pz-hero--koyu .pz-hero__metin,
.pz-hero--koyu.pz-hero--coklu .pz-hero__metin { padding: var(--pz-space-12) var(--pz-space-12) 104px 72px; }
.pz-hero--koyu .pz-hero__slayt { min-height: 520px; }
.pz-hero--koyu .pz-hero__baslik { font-size: 48px; line-height: 54px; }
.pz-hero--koyu .pz-hero__kontroller { left: 72px; }
}
.pz-hero--tam { border-radius: 0; }
.pz-hero--tam .pz-hero__slayt { position: relative; display: block; min-height: 0; padding: 0; }
.pz-hero--tam .pz-hero__medya { position: relative; aspect-ratio: 4 / 5; min-height: 0; border-radius: 0; }
.pz-hero--tam .pz-hero__medya::after {
content: ""; position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(to top, var(--pz-secondary) 0%, var(--pz-kaplama-75) 30%, transparent 62%);
}
.pz-hero--tam .pz-hero__medya img { object-position: 76% 50%; }
.pz-hero--tam .pz-hero__metin,
.pz-hero--tam.pz-hero--coklu .pz-hero__metin {
position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
padding: 0 var(--pz-gutter) 76px;
}
.pz-hero--tam .pz-hero__baslik {
max-width: 14ch; margin-bottom: var(--pz-space-3);
font-family: var(--pz-font-baslik); font-weight: var(--pz-baslik-agirlik); font-size: 38px; line-height: 1.06; letter-spacing: var(--pz-baslik-izleme);
}
.pz-hero--tam .pz-hero__aciklama { max-width: 34ch; margin-bottom: var(--pz-space-5); font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); }
.pz-hero--tam .pz-hero__eylemler .pz-btn { width: auto; }
.pz-hero--tam .pz-hero__kontroller { left: var(--pz-gutter); right: var(--pz-gutter); bottom: var(--pz-space-5); }
.pz-hero--tam .pz-hero__noktalar li { width: 28px; height: 2px; margin-right: 6px; border-radius: 0; }
.pz-hero--tam .pz-hero__noktalar li.active { width: 28px; }
.pz-hero--tam .pz-hero__ok { width: 40px; height: 40px; }
@media (max-width: 767.98px) {
.pz-hero--tam .pz-hero__slayt { display: flex; flex-direction: column; }
.pz-hero--tam .pz-hero__medya { order: -1; aspect-ratio: 4 / 3; }
.pz-hero--tam .pz-hero__medya::after { background: linear-gradient(to top, var(--pz-secondary) 0%, transparent 35%); }
.pz-hero--tam .pz-hero__metin,
.pz-hero--tam.pz-hero--coklu .pz-hero__metin { position: relative; padding: var(--pz-space-2) var(--pz-gutter) 80px; background: var(--pz-secondary); }
.pz-hero--tam .pz-hero__metin { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: no-preference) {
.pz-hero--tam .carousel-item.active .pz-hero__medya img { animation: pz-hero-yaklas 1.6s cubic-bezier(.2, .7, .2, 1) both; }
.pz-hero--tam .carousel-item.active .pz-hero__metin { animation: pz-hero-yuksel .8s cubic-bezier(.2, .7, .2, 1) both; }
}
@keyframes pz-hero-yaklas { from { transform: scale(1.05); } to { transform: none; } }
@keyframes pz-hero-yuksel { from { transform: translateY(12px); } to { transform: none; } }
@media (min-width: 768px) {
.pz-hero--tam .pz-hero__medya { aspect-ratio: 16 / 9; }
.pz-hero--tam .pz-hero__baslik { font-size: 52px; }
.pz-hero--tam .pz-hero__metin, .pz-hero--tam.pz-hero--coklu .pz-hero__metin { padding: 0 var(--pz-space-8) 96px; }
.pz-hero--tam .pz-hero__kontroller { left: var(--pz-space-8); right: var(--pz-space-8); bottom: var(--pz-space-8); }
}
@media (min-width: 992px) {
.pz-hero--tam .pz-hero__slayt { display: block; min-height: 0; }
.pz-hero--tam .pz-hero__medya { aspect-ratio: auto; height: clamp(520px, 70vh, 720px); }
.pz-hero--tam .pz-hero__medya img { object-position: right center; }
.pz-hero--tam .pz-hero__medya::after { background: linear-gradient(to right, var(--pz-secondary) 0%, var(--pz-kaplama-75) 28%, transparent 55%); }
.pz-hero--tam .pz-hero__metin,
.pz-hero--tam.pz-hero--coklu .pz-hero__metin {
top: 0; display: flex; flex-direction: column; justify-content: center;
padding: 0 0 var(--pz-space-10) max(var(--pz-space-8), calc((100% - min(97%, var(--pz-container, 1310px))) / 2 + var(--pz-gutter)));
}
.pz-hero--tam .pz-hero__baslik { font-size: 68px; line-height: 1.02; }
.pz-hero--tam .pz-hero__aciklama { font-size: var(--pz-body-lg-fs); line-height: var(--pz-body-lg-lh); }
.pz-hero--tam .pz-hero__kontroller { left: max(var(--pz-space-8), calc((100% - min(97%, var(--pz-container, 1310px))) / 2 + var(--pz-gutter))); bottom: var(--pz-space-10); }
}
.pattern-group-p-home .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title,
.pz-neden__baslik {
font-family: var(--pz-font-baslik); font-weight: var(--pz-baslik-agirlik); letter-spacing: var(--pz-baslik-izleme);
}
.pattern-group-p-home .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title { font-size: 28px; line-height: 1.15; }
@media (min-width: 768px) {
.pattern-group-p-home .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title { font-size: 40px; line-height: 1.1; }
}
.pattern-group-p-home .pz-ana-guven { gap: 0; border-top: 1px solid var(--pz-border); border-bottom: 1px solid var(--pz-border); }
.pattern-group-p-home .pz-ana-guven__oge {
flex-direction: row; align-items: center; gap: var(--pz-space-3);
padding: var(--pz-space-4) var(--pz-space-2); background: transparent; border: 0; border-radius: 0;
}
.pattern-group-p-home .pz-ana-guven__oge:nth-child(n+3) { border-top: 1px solid var(--pz-border); }
.pattern-group-p-home .pz-ana-guven__oge:nth-child(even) { border-left: 1px solid var(--pz-border); padding-left: var(--pz-space-4); }
.pattern-group-p-home .pz-ana-guven__ikon { width: auto; height: auto; background: transparent; color: var(--pz-text); }
.pattern-group-p-home .pz-ana-guven__ikon .pz-icon { width: 24px; height: 24px; stroke-width: 1.4; }
@media (min-width: 992px) {
.pattern-group-p-home .pz-ana-guven__oge { padding: var(--pz-space-5) var(--pz-space-6); }
.pattern-group-p-home .pz-ana-guven__oge:nth-child(n+3) { border-top: 0; }
.pattern-group-p-home .pz-ana-guven__oge + .pz-ana-guven__oge { border-left: 1px solid var(--pz-border); }
.pattern-group-p-home .pz-ana-guven__oge:first-child { padding-left: 0; }
}
.pattern-group-p-home .pz-kat-kart { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.pattern-group-p-home .pz-kat-kart:hover { box-shadow: none; }
.pattern-group-p-home .pz-kat-kart__medya { aspect-ratio: 1 / 1; border-radius: var(--pz-radius-sm); background: var(--pz-secondary); }
.pattern-group-p-home .pz-kat-kart__medya img { mix-blend-mode: normal; }
.pattern-group-p-home .pz-kat-kart__ad { padding: var(--pz-space-3) 0 0; }
.pattern-group-p-home .pz-kat-kart__ad .pz-icon { display: none; }
.pattern-group-p-home .pz-kat-kart__metin {
font-family: var(--pz-font-baslik); font-size: 18px; line-height: 1.25; font-weight: var(--pz-baslik-agirlik);
text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; text-decoration-thickness: 1px;
transition: text-decoration-color var(--pz-sure-hizli) ease;
}
.pattern-group-p-home .pz-kat-kart:hover .pz-kat-kart__metin { text-decoration-color: currentColor; }
@media (min-width: 768px) { .pattern-group-p-home .pz-kat-kart__metin { font-size: 22px; } }
.pz-ikili { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-8); margin: 0; padding: 0; list-style: none; }
.pz-ikili__kart { display: block; color: var(--pz-text); }
.pz-ikili__kart:hover { color: var(--pz-text); }
.pz-ikili__medya { display: block; overflow: hidden; aspect-ratio: 4 / 5; border-radius: var(--pz-radius-sm); background: var(--pz-secondary); }
.pz-ikili__oge:nth-child(2) .pz-ikili__medya { aspect-ratio: 4 / 3; }
.pz-ikili__medya img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.pz-ikili__kart:hover .pz-ikili__medya img { transform: scale(1.03); }
.pz-ikili__metin { display: flex; flex-direction: column; align-items: flex-start; gap: var(--pz-space-2); padding-top: var(--pz-space-4); max-width: 36em; }
.pz-ikili__baslik { font-family: var(--pz-font-baslik); font-size: 26px; line-height: 1.15; font-weight: var(--pz-baslik-agirlik); letter-spacing: var(--pz-baslik-izleme); }
.pz-ikili__aciklama { font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); color: var(--pz-text-secondary); }
.pz-ikili__buton {
margin-top: var(--pz-space-1); font-size: var(--pz-body-fs); font-weight: 500;
text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px;
}
.pz-ikili__kart:hover .pz-ikili__buton { color: var(--pz-primary-hover); }
@media (min-width: 768px) {
.pz-ikili--2 { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--pz-space-8); align-items: end; }
.pz-ikili__baslik { font-size: 28px; }
}
@media (min-width: 992px) {
.pz-ikili--2 { gap: var(--pz-space-12); }
.pz-ikili__baslik { font-size: 32px; }
.pz-ikili--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pz-space-8); }
}
.pz-neden__baslik { font-size: 32px; line-height: 1.1; }
.pz-neden__medya { border-radius: var(--pz-radius-sm); }
.pz-neden__liste { gap: 0; }
.pz-neden__madde {
gap: var(--pz-space-3); padding: var(--pz-space-4) 0; background: transparent;
border: 0; border-top: 1px solid var(--pz-border); border-radius: 0;
}
.pz-neden__ikon { width: auto; height: auto; background: transparent; color: var(--pz-text); }
.pz-neden__ikon .pz-icon { width: 24px; height: 24px; stroke-width: 1.4; }
.pz-neden__madde-baslik { font-family: var(--pz-font-baslik); font-size: 20px; line-height: 1.25; font-weight: var(--pz-baslik-agirlik); }
@media (min-width: 576px) { .pz-neden__liste { column-gap: var(--pz-space-8); } }
@media (min-width: 992px) {
.pz-neden__baslik { font-size: 48px; line-height: 1.05; margin-bottom: var(--pz-space-5); }
.pz-neden__madde { padding: var(--pz-space-5) 0 var(--pz-space-6); }
}
.pattern-group-p-home .pz-pyorum__kart { padding: var(--pz-space-5) 0 0; background: transparent; border: 0; border-top: 1px solid var(--pz-text); border-radius: 0; }
.pattern-group-p-home .pz-pyorum__metin p { font-family: var(--pz-font-baslik); font-size: 20px; line-height: 1.4; }
.pattern-group-p-home .pz-pyorum__alt { border-top: 0; padding-top: 0; }
.pz-sofra { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pz-space-2); margin: 0; padding: 0; list-style: none; }
.pz-sofra__oge--buyuk { grid-column: 1 / -1; }
.pz-sofra__kart {
position: relative; display: block; height: 100%; overflow: hidden;
aspect-ratio: 1 / 1; border-radius: var(--pz-radius-sm); background: var(--pz-secondary); color: var(--pz-surface);
}
.pz-sofra__kart:hover { color: var(--pz-surface); }
.pz-sofra__kart img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2, .7, .2, 1); }
.pz-sofra__kart:hover img { transform: scale(1.03); }
.pz-sofra__kart::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 45%; background: linear-gradient(to top, var(--pz-kaplama-75), transparent); pointer-events: none; }
.pz-sofra__etiket {
position: absolute; left: var(--pz-space-3); right: var(--pz-space-3); bottom: var(--pz-space-3); z-index: 1;
font-family: var(--pz-font-baslik); font-size: 17px; line-height: 1.2;
}
.pz-sofra__kart:hover .pz-sofra__etiket { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
@media (min-width: 768px) {
.pz-sofra { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--pz-space-4); }
.pz-sofra__oge--buyuk { grid-column: span 2; grid-row: span 2; }
.pz-sofra__etiket { left: var(--pz-space-5); bottom: var(--pz-space-5); font-size: 20px; }
.pz-sofra__oge--buyuk .pz-sofra__etiket { font-size: 28px; }
}
@media (prefers-reduced-motion: reduce) {
.pz-ikili__medya img, .pz-sofra__kart img { transition: none; }
.pz-hero--tam .carousel-item.active .pz-hero__medya img, .pz-hero--tam .carousel-item.active .pz-hero__metin { animation: none; }
}
.pattern-group:has(.pz-hero--tam) .col-list { padding-left: 0; padding-right: 0; }
.pattern-group-p-home .pz-yorum-kart { background: transparent; border: 0; border-top: 1px solid var(--pz-text); border-radius: 0; padding-left: 0; padding-right: 0; }
.pattern-group-p-home .pz-yorum-kart__metin { font-family: var(--pz-font-baslik); font-size: 19px; line-height: 1.4; }
.pattern-group-p-home .pz-blog-kart { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.pattern-group-p-home .pz-blog-kart:hover { box-shadow: none; }
.pattern-group-p-home .pz-blog-kart__medya { border-radius: var(--pz-radius-sm); overflow: hidden; }
.pattern-group-p-home .pz-blog-kart__govde { padding-left: 0; padding-right: 0; }
.pattern-group-p-home .pz-blog-kart__baslik { font-family: var(--pz-font-baslik); font-size: 22px; line-height: 1.2; font-weight: var(--pz-baslik-agirlik); }
.pattern-group-p-home .pz-ana-sss__sutun { gap: 0; }
.pattern-group-p-home .pz-ana-sss__oge { background: transparent; border: 0; border-bottom: 1px solid var(--pz-border); border-radius: 0; }
.pattern-group-p-home .pz-ana-sss__oge:first-child { border-top: 1px solid var(--pz-border); }
.pattern-group-p-home .pz-ana-sss__oge[open] { border-color: var(--pz-border); }
.pattern-group-p-home .pz-ana-sss__soru { padding-left: 0; padding-right: 0; border-radius: 0; }
.pattern-group-p-home .pz-ana-sss__cevap { padding-left: 0; padding-right: 0; }
.pattern-group-p-home .pz-pyorum__link .pz-icon,
.pattern-group-p-home .pz-yorum-kart__urun .pz-icon,
.pattern-group-p-home .pz-blog-kart__devam .pz-icon,
.pattern-group-p-home .pz-ana-sss__alt .pz-icon,
.pz-neden__buton .pz-icon { display: none; }
.pattern-group-p-home .pz-pyorum__link,
.pattern-group-p-home .pz-yorum-kart__urun,
.pattern-group-p-home .pz-blog-kart__devam { color: var(--pz-text); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.pattern-group-p-home .pz-urun-kart { padding: 0; background: transparent; border: 0; border-radius: 0; }
.pattern-group-p-home .pz-urun-kart:hover { box-shadow: none; }
.pattern-group-p-home .pz-urun-kart__medya { border-radius: var(--pz-radius-sm); background: var(--pz-surface); }
.pattern-group-p-home .pz-urun-kart__ad { font-size: 15px; line-height: 1.4; }
.pattern-group-p-home .pz-urun-kart:hover .pz-urun-kart__ad { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.pattern-group-p-home .pz-kat-kart__metin { font-size: 17px; font-weight: 600; }
@media (min-width: 768px) { .pattern-group-p-home .pz-kat-kart__metin { font-size: 18px; } }
.pattern-group-p-home .pz-pyorum__metin p, .pattern-group-p-home .pz-yorum-kart__metin { font-size: 17px; line-height: 1.5; }
@media (min-width: 992px) {
.pz-hero--tam .pz-hero__baslik { max-width: 11ch; font-size: 60px; line-height: 1.04; }
}
@media (min-width: 1400px) { .pz-hero--tam .pz-hero__baslik { font-size: 64px; } }
.pz-dusurme { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-6); align-items: center; }
.pz-dusurme__baslik { margin: 0 0 var(--pz-space-3); font-family: var(--pz-font-baslik); font-size: 32px; line-height: 1.08; font-weight: var(--pz-baslik-agirlik); letter-spacing: var(--pz-baslik-izleme); }
.pz-dusurme__aciklama { margin: 0 0 var(--pz-space-5); max-width: 40ch; color: var(--pz-text-secondary); font-size: var(--pz-body-lg-fs); line-height: var(--pz-body-lg-lh); }
.pz-dusurme__eylemler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pz-space-3) var(--pz-space-6); }
.pz-dusurme__dugme {
position: relative; display: inline-flex; align-items: center; gap: var(--pz-space-3); min-height: 56px; padding: 0 var(--pz-space-6) 0 var(--pz-space-2);
border: 0; border-radius: var(--pz-radius-pill); background: var(--pz-primary); color: var(--pz-on-primary);
font: inherit; font-size: var(--pz-body-lg-fs); font-weight: 700; cursor: pointer;
box-shadow: 0 5px 0 var(--pz-primary-active), 0 10px 24px -8px var(--pz-kaplama-35);
transition: transform .12s ease, box-shadow .12s ease, background var(--pz-sure-orta) ease;
}
.pz-dusurme__dugme:hover { background: var(--pz-primary-hover); }
.pz-dusurme__dugme:active, .pz-dusurme__dugme.is-basildi { transform: translateY(4px); box-shadow: 0 1px 0 var(--pz-primary-active), 0 4px 10px -6px var(--pz-kaplama-35); }
.pz-dusurme__dugme:focus-visible { outline: 3px solid var(--pz-primary-border); outline-offset: 3px; }
.pz-dusurme__dugme-ikon {
display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%;
background: var(--pz-surface); color: var(--pz-primary);
}
.pz-dusurme__dugme-ikon svg { width: 28px; height: 28px; overflow: visible; }
.pz-dusurme__dugme-tabak { fill: var(--pz-surface); stroke: currentColor; stroke-width: 2; transform-box: fill-box; transform-origin: 50% 50%; }
.pz-dusurme__dugme-iz { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; opacity: .45; }
.pz-dusurme__dugme:hover .pz-dusurme__dugme-tabak { animation: pz-dugme-salla .7s ease-in-out infinite; }
.pz-dusurme__dugme.is-basildi .pz-dusurme__dugme-tabak { animation: pz-dugme-dus .55s cubic-bezier(.3, 0, .7, 1); }
.pz-dusurme__dugme.is-basildi .pz-dusurme__dugme-iz { opacity: 0; }
@keyframes pz-dugme-salla { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } }
@keyframes pz-dugme-dus { 0% { transform: translateY(0); } 55% { transform: translateY(9px) rotate(4deg); } 75% { transform: translateY(5px); } 100% { transform: translateY(0); } }
.pz-dusurme__link { color: var(--pz-text); font-weight: 600; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.pz-dusurme__link:hover { color: var(--pz-primary); }
.pz-dusurme__ipucu { margin: var(--pz-space-4) 0 0; max-width: 42ch; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-muted); }
.pz-dusurme__sayac { min-height: 1.5em; margin: var(--pz-space-2) 0 0; color: var(--pz-text); font-weight: 600; font-variant-numeric: tabular-nums; }
.pz-dusurme__sahne {
position: relative; display: grid; grid-template-columns: 1fr 1fr; aspect-ratio: 16 / 11; overflow: hidden; border-radius: var(--pz-radius-lg);
background: linear-gradient(to bottom, var(--pz-bg) 0%, var(--pz-surface-alt) 70%, color-mix(in srgb, var(--pz-border) 70%, var(--pz-surface-alt)) 70%, var(--pz-surface-alt) 100%);
}
.pz-dusurme__serit { position: relative; min-width: 0; overflow: hidden; }
.pz-dusurme__serit + .pz-dusurme__serit { border-left: 1px dashed var(--pz-border-strong); }
.pz-dusurme__etiket {
position: absolute; top: var(--pz-space-3); left: 50%; transform: translateX(-50%); padding: 4px 10px; border-radius: var(--pz-radius-pill);
background: var(--pz-surface); border: 1px solid var(--pz-border); font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600;
letter-spacing: .04em; text-transform: uppercase; color: var(--pz-text-secondary); white-space: nowrap;
}
.pz-dusurme__serit--polikarbon .pz-dusurme__etiket { border-color: var(--pz-primary-border); color: var(--pz-primary-active); }
.pz-dusurme__tabak { position: absolute; left: 50%; bottom: 24%; width: 80%; margin-left: -40%; transform-origin: 50% 100%; }
.pz-dusurme__tabak .pz-tabak-cizim { filter: drop-shadow(0 1px 1px var(--pz-kaplama-10)); }
.pz-dusurme__tabak--porselen { aspect-ratio: 400 / 150; }
.pz-dusurme__parca { position: absolute; inset: 0; }
.pz-dusurme__parca:not(.pz-dusurme__parca--tam) { opacity: 0; }
.pz-dusurme.is-dusuyor .pz-dusurme__parca--tam { animation: pz-parca-tam 1.2s linear both; }
.pz-dusurme__parca--1 { clip-path: polygon(50% 58%, 0% 0%, 46% 0%); }
.pz-dusurme__parca--2 { clip-path: polygon(50% 58%, 46% 0%, 100% 0%, 100% 34%); }
.pz-dusurme__parca--3 { clip-path: polygon(50% 58%, 100% 34%, 100% 100%, 66% 100%); }
.pz-dusurme__parca--4 { clip-path: polygon(50% 58%, 66% 100%, 22% 100%); }
.pz-dusurme__parca--5 { clip-path: polygon(50% 58%, 22% 100%, 0% 100%, 0% 0%); }
.pz-dusurme__golge {
position: absolute; left: 50%; bottom: 24%; width: 76%; height: 9%; margin: 0 0 -2% -38%;
border-radius: 50%; background: radial-gradient(closest-side, var(--pz-kaplama-35), transparent);
}
.pz-dusurme__sonuc {
position: absolute; left: 50%; bottom: var(--pz-space-3); display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px;
border-radius: var(--pz-radius-pill); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: 700; white-space: nowrap;
opacity: 0; transform: translate(-50%, 6px); transition: opacity .3s ease, transform .3s ease;
}
.pz-dusurme__sonuc .pz-icon { width: 16px; height: 16px; stroke-width: 2.4; }
.pz-dusurme__sonuc--kirik { background: var(--pz-danger-subtle); color: var(--pz-danger); }
.pz-dusurme__sonuc--saglam { background: var(--pz-success-subtle); color: var(--pz-success); }
.pz-dusurme.is-sonuc .pz-dusurme__sonuc { opacity: 1; transform: translate(-50%, 0); }
.pz-dusurme.is-dusuyor .pz-dusurme__tabak--polikarbon { animation: pz-tabak-dus 1.2s cubic-bezier(.3, 0, .7, 1) both; }
.pz-dusurme.is-dusuyor .pz-dusurme__serit--polikarbon .pz-dusurme__golge { animation: pz-golge-dus 1.2s cubic-bezier(.3, 0, .7, 1) both; }
.pz-dusurme.is-dusuyor .pz-dusurme__tabak--porselen { animation: pz-porselen-dus 1.2s cubic-bezier(.3, 0, .7, 1) both; }
.pz-dusurme.is-dusuyor .pz-dusurme__serit--porselen .pz-dusurme__golge { animation: pz-porselen-golge 1.2s cubic-bezier(.3, 0, .7, 1) both; }
.pz-dusurme.is-dusuyor .pz-dusurme__parca:not(.pz-dusurme__parca--tam) { animation-duration: 1.2s; animation-timing-function: cubic-bezier(.2, .6, .3, 1); animation-fill-mode: both; }
.pz-dusurme.is-dusuyor .pz-dusurme__parca--1 { animation-name: pz-parca-1; }
.pz-dusurme.is-dusuyor .pz-dusurme__parca--2 { animation-name: pz-parca-2; }
.pz-dusurme.is-dusuyor .pz-dusurme__parca--3 { animation-name: pz-parca-3; }
.pz-dusurme.is-dusuyor .pz-dusurme__parca--4 { animation-name: pz-parca-4; }
.pz-dusurme.is-dusuyor .pz-dusurme__parca--5 { animation-name: pz-parca-5; }
@keyframes pz-tabak-dus {
0% { transform: translateY(-380%) rotate(-6deg); }
48% { transform: translateY(0) rotate(0); animation-timing-function: cubic-bezier(.2, .6, .4, 1); }
64% { transform: translateY(-55%) rotate(2deg); animation-timing-function: cubic-bezier(.6, 0, .8, .4); }
78% { transform: translateY(0) rotate(0); }
88% { transform: translateY(-15%) rotate(-1deg); }
100% { transform: translateY(0) rotate(0); }
}
@keyframes pz-golge-dus {
0% { transform: scale(.35); opacity: .2; }
48% { transform: scale(1.08); opacity: 1; }
64% { transform: scale(.8); opacity: .7; }
78%, 100% { transform: scale(1); opacity: 1; }
}
@keyframes pz-porselen-dus { 0% { transform: translateY(-380%) rotate(-6deg); } 48%, 100% { transform: translateY(0) rotate(0); } }
@keyframes pz-porselen-golge { 0% { transform: scale(.35); opacity: .2; } 48% { transform: scale(1.08); opacity: 1; } 100% { transform: scale(1.3, .8); opacity: .45; } }
@keyframes pz-parca-1 { 0%, 47.9% { opacity: 0; transform: none; } 48% { opacity: 1; transform: none; } 70% { transform: translate(-14%, -55%) rotate(-24deg); } 100% { opacity: 1; transform: translate(-18%, 0%) rotate(-32deg); } }
@keyframes pz-parca-2 { 0%, 47.9% { opacity: 0; transform: none; } 48% { opacity: 1; transform: none; } 70% { transform: translate(10%, -70%) rotate(20deg); } 100% { opacity: 1; transform: translate(14%, 2%) rotate(26deg); } }
@keyframes pz-parca-3 { 0%, 47.9% { opacity: 0; transform: none; } 48% { opacity: 1; transform: none; } 70% { transform: translate(16%, -28%) rotate(26deg); } 100% { opacity: 1; transform: translate(18%, 0%) rotate(38deg); } }
@keyframes pz-parca-4 { 0%, 47.9% { opacity: 0; transform: none; } 48% { opacity: 1; transform: none; } 70% { transform: translate(2%, -36%) rotate(-10deg); } 100% { opacity: 1; transform: translate(3%, 2%) rotate(-6deg); } }
@keyframes pz-parca-5 { 0%, 47.9% { opacity: 0; transform: none; } 48% { opacity: 1; transform: none; } 70% { transform: translate(-18%, -32%) rotate(-20deg); } 100% { opacity: 1; transform: translate(-20%, 0%) rotate(-26deg); } }
@keyframes pz-parca-tam { 0%, 47.9% { opacity: 1; } 48%, 100% { opacity: 0; } }
@media (min-width: 768px) {
.pz-dusurme { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--pz-space-12); }
.pz-dusurme__baslik { font-size: 48px; }
.pz-dusurme__sahne { aspect-ratio: 4 / 3; }
.pz-dusurme__etiket { top: var(--pz-space-4); }
}
.pz-tabak-olcu { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-6); align-items: center; }
.pz-tabak-olcu__sahne { position: relative; width: 100%; max-width: 460px; aspect-ratio: 1 / 1; margin: 0 auto; }
.pz-tabak-olcu__halkalar { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.pz-tabak-olcu__halka { fill: none; stroke: var(--pz-border-strong); stroke-width: 1; stroke-dasharray: 3 5; vector-effect: non-scaling-stroke; transition: stroke var(--pz-sure-orta) ease; }
.pz-tabak-olcu__halka.is-secili { stroke: var(--pz-primary); stroke-dasharray: none; stroke-width: 1.5; }
.pz-tabak-olcu__tabak { position: absolute; left: 50%; top: 50%; width: 60%; transform: translate(-50%, -50%); transition: width .5s cubic-bezier(.2, .7, .2, 1); }
.pz-tabak-olcu__tabak .pz-tabak-cizim { filter: drop-shadow(0 8px 14px var(--pz-kaplama-15)); }
.pz-tabak-olcu__deger { position: absolute; left: 0; top: 0; font-size: 28px; line-height: 1; font-weight: 600; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: var(--pz-text); }
.pz-tabak-olcu__liste { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--pz-border); }
.pz-tabak-olcu__liste li { display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3); border-bottom: 1px solid var(--pz-border); }
.pz-tabak-olcu__secenek {
display: flex; flex: 1 1 auto; align-items: baseline; gap: var(--pz-space-4); min-height: 60px; padding: var(--pz-space-3) 0;
border: 0; background: transparent; color: var(--pz-text-secondary); font: inherit; text-align: left; cursor: pointer;
}
.pz-tabak-olcu__secenek-cap { min-width: 4.2em; font-size: 20px; font-weight: 600; color: var(--pz-text); font-variant-numeric: tabular-nums; }
.pz-tabak-olcu__secenek[aria-pressed="true"] .pz-tabak-olcu__secenek-cap { color: var(--pz-primary); }
.pz-tabak-olcu__secenek[aria-pressed="true"] { color: var(--pz-text); }
.pz-tabak-olcu__secenek:hover { color: var(--pz-text); }
.pz-tabak-olcu__urunler { flex-shrink: 0; font-size: var(--pz-body-sm-fs); color: var(--pz-text); text-decoration: underline; text-underline-offset: 4px; }
.pz-tabak-olcu__urunler:hover { color: var(--pz-primary); }
.pz-tabak-olcu__rehber { display: inline-block; margin-top: var(--pz-space-5); color: var(--pz-text); font-weight: 600; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.pz-tabak-olcu:not(.is-hazir) .pz-tabak-olcu__sahne { display: none; }
.pz-tabak-olcu__deger { display: none; }
.pz-tabak-olcu__olcum { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.pz-tabak-olcu__cizgi { transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.pz-tabak-olcu__cizgi line { stroke: var(--pz-primary); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linecap: round; }
.pz-tabak-olcu__etiket rect { fill: var(--pz-primary); }
.pz-tabak-olcu__etiket text { fill: var(--pz-on-primary); font-family: inherit; font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.pz-tabak-olcu__ipucu { display: flex; align-items: center; gap: var(--pz-space-2); margin: 0 0 var(--pz-space-3); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); }
.pz-tabak-olcu:not(.is-hazir) .pz-tabak-olcu__ipucu { display: none; }
.pz-tabak-olcu__liste li { padding: 0 var(--pz-space-3) 0 0; border-radius: var(--pz-radius-md); transition: background var(--pz-sure-orta) ease; }
.pz-tabak-olcu__liste li:has(> [aria-pressed="true"]) { background: var(--pz-primary-subtle); border-bottom-color: transparent; }
.pz-tabak-olcu__liste li:hover { background: var(--pz-surface-alt); }
.pz-tabak-olcu__liste li:has(> [aria-pressed="true"]):hover { background: var(--pz-primary-subtle); }
.pz-tabak-olcu__secenek { padding-left: var(--pz-space-3); align-items: center; }
.pz-tabak-olcu__isaret {
position: relative; flex-shrink: 0; width: 22px; height: 22px; border: 2px solid var(--pz-border-strong); border-radius: 50%;
background: var(--pz-surface); transition: border-color var(--pz-sure-orta) ease;
}
.pz-tabak-olcu__isaret::after { content: ""; position: absolute; inset: 4px; border-radius: 50%; background: var(--pz-primary); transform: scale(0); transition: transform var(--pz-sure-orta) ease; }
.pz-tabak-olcu__secenek[aria-pressed="true"] .pz-tabak-olcu__isaret { border-color: var(--pz-primary); }
.pz-tabak-olcu__secenek[aria-pressed="true"] .pz-tabak-olcu__isaret::after { transform: scale(1); }
.pz-tabak-olcu__secenek:focus-visible { outline: 2px solid var(--pz-primary); outline-offset: 2px; border-radius: var(--pz-radius-sm); }
.pz-tabak-olcu:not(.is-hazir) .pz-tabak-olcu__isaret { display: none; }
@media (prefers-reduced-motion: reduce) { .pz-tabak-olcu__cizgi { transition: none; } }
@media (max-width: 575.98px) {
.pz-tabak-olcu__secenek { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--pz-space-3); row-gap: 2px; min-height: 64px; }
.pz-tabak-olcu__isaret { grid-row: 1 / span 2; align-self: center; }
.pz-tabak-olcu__secenek-cap { min-width: 0; font-size: 18px; line-height: 1.2; }
.pz-tabak-olcu__secenek-kullanim { grid-column: 2; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); }
}
.pz-tabak-olcu--kayik .pz-tabak-olcu__sahne { max-width: 560px; aspect-ratio: 400 / 260; margin-top: var(--pz-space-8); }
.pz-tabak-olcu--kayik .pz-tabak-olcu__deger { top: calc(-1 * var(--pz-space-8)); }
@media (min-width: 768px) { .pz-tabak-olcu { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: var(--pz-space-12); } }
@media (prefers-reduced-motion: reduce) {
.pz-tabak-olcu__tabak { transition: none; }
.pz-dusurme.is-dusuyor .pz-dusurme__tabak, .pz-dusurme.is-dusuyor .pz-dusurme__golge { animation: none; }
.pz-dusurme.is-dusuyor .pz-dusurme__parca { animation-duration: .01s; animation-delay: 0s; }
.pz-dusurme__dugme:hover .pz-dusurme__dugme-tabak, .pz-dusurme__dugme.is-basildi .pz-dusurme__dugme-tabak { animation: none; }
.pz-dusurme__sonuc { transition: none; }
}
.pz-ana-guven-vurgu {
display: flex; align-items: center; justify-content: center; gap: var(--pz-space-3); margin: 0;
padding: var(--pz-space-3) var(--pz-space-4); background: var(--pz-primary-subtle); border-radius: var(--pz-radius-lg);
color: var(--pz-primary-active); font-weight: 600; font-size: var(--pz-body-fs); line-height: 1.3;
}
.pz-ana-guven-vurgu__ikon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--pz-primary); color: var(--pz-on-primary); }
.pz-ana-guven-vurgu__ikon .pz-icon { width: 18px; height: 18px; }
.pz-ana-guven-alan.has-vurgu { display: grid; gap: 10px; }
.pattern-group-p-home .pz-ana-guven-alan.has-vurgu { gap: 0; border-top: 1px solid var(--pz-border); border-bottom: 1px solid var(--pz-border); }
.pattern-group-p-home .pz-ana-guven-alan.has-vurgu .pz-ana-guven { border-top: 1px solid var(--pz-border); border-bottom: 0; }
.pattern-group-p-home .pz-ana-guven-vurgu { border-radius: 0; padding: var(--pz-space-3) var(--pz-space-4); }
@media (min-width: 992px) {
.pz-ana-guven-alan.has-vurgu { grid-template-columns: minmax(0, 1fr) minmax(0, 4fr); }
.pz-ana-guven-vurgu { flex-direction: column; text-align: center; gap: var(--pz-space-2); }
.pattern-group-p-home .pz-ana-guven-alan.has-vurgu .pz-ana-guven { border-top: 0; }
.pattern-group-p-home .pz-ana-guven-alan.has-vurgu .pz-ana-guven__oge:first-child { padding-left: var(--pz-space-6); }
.pattern-group-p-home .pz-ana-guven-vurgu { padding: var(--pz-space-4) var(--pz-space-5); font-size: var(--pz-body-fs); }
}
.pz-serit {
display: flex; overflow: hidden; padding: var(--pz-space-5) 0; border-top: 1px solid var(--pz-border); border-bottom: 1px solid var(--pz-border);
-webkit-mask-image: linear-gradient(to right, transparent, var(--pz-text) 6%, var(--pz-text) 94%, transparent);
mask-image: linear-gradient(to right, transparent, var(--pz-text) 6%, var(--pz-text) 94%, transparent);
}
.pz-serit__iz { display: flex; flex-shrink: 0; align-items: center; margin: 0; padding: 0; list-style: none; animation: pz-serit-kay 38s linear infinite; }
.pz-serit:hover .pz-serit__iz, .pz-serit:focus-within .pz-serit__iz { animation-play-state: paused; }
.pz-serit__oge {
display: flex; align-items: center; gap: var(--pz-space-6); padding-right: var(--pz-space-6); white-space: nowrap;
font-family: var(--pz-font-baslik); font-size: clamp(24px, 4.2vw, 48px); line-height: 1.1; font-weight: var(--pz-baslik-agirlik); letter-spacing: var(--pz-baslik-izleme); color: var(--pz-text);
}
.pz-serit__oge a { color: inherit; text-decoration: none; }
.pz-serit__oge a:hover { color: var(--pz-primary); }
.pz-serit__oge:nth-child(even) > span, .pz-serit__oge:nth-child(even) > a { color: var(--pz-border-strong); }
.pz-serit__oge:nth-child(even) > a:hover { color: var(--pz-primary); }
.pz-serit__ayrac { flex-shrink: 0; width: .55em; height: .55em; fill: none; stroke: var(--pz-primary); stroke-width: 1.8; }
@keyframes pz-serit-kay { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) {
.pz-serit { -webkit-mask-image: none; mask-image: none; padding-left: var(--pz-space-4); padding-right: var(--pz-space-4); }
.pz-serit__iz { flex-wrap: wrap; flex-shrink: 1; row-gap: var(--pz-space-2); animation: none; }
.pz-serit__iz[aria-hidden="true"] { display: none; }
}
.pz-kesfet { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-6); align-items: center; }
.pz-kesfet__sahne { position: relative; border-radius: var(--pz-radius-lg); overflow: hidden; background: var(--pz-surface-alt); }
.pz-kesfet__gorsel { display: block; width: 100%; height: auto; }
.pz-kesfet__nokta {
position: absolute; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin: -17px 0 0 -17px; padding: 0;
border: 2px solid var(--pz-surface); border-radius: 50%; background: var(--pz-primary); color: var(--pz-on-primary);
font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; box-shadow: 0 4px 12px var(--pz-kaplama-35);
transition: transform var(--pz-sure-orta) ease, background var(--pz-sure-orta) ease;
}
.pz-kesfet__nokta::before { content: ""; position: absolute; inset: -8px; border-radius: 50%; border: 2px solid var(--pz-surface); opacity: .8; animation: pz-nokta-nabiz 2.2s ease-out infinite; }
.pz-kesfet__nokta:hover, .pz-kesfet__nokta.is-vurgu, .pz-kesfet__nokta[aria-expanded="true"] { transform: scale(1.15); background: var(--pz-secondary); }
.pz-kesfet__nokta:focus-visible { outline: 3px solid var(--pz-surface); outline-offset: 3px; }
.pz-kesfet__nokta[hidden] { display: none; }
@keyframes pz-nokta-nabiz { 0% { transform: scale(.7); opacity: .9; } 100% { transform: scale(1.4); opacity: 0; } }
.pz-kesfet__kart {
position: absolute; z-index: 3; width: min(240px, 70%); padding: var(--pz-space-3) var(--pz-space-4); border-radius: var(--pz-radius-md);
background: var(--pz-surface); box-shadow: var(--pz-shadow-overlay); transform: translate(-50%, calc(-100% - 26px));
}
.pz-kesfet__kart.is-sol { transform: translate(-12%, calc(-100% - 26px)); }
.pz-kesfet__kart.is-sag { transform: translate(-88%, calc(-100% - 26px)); }
.pz-kesfet__kart.is-alt { transform: translate(-50%, 26px); }
.pz-kesfet__kart.is-alt.is-sol { transform: translate(-12%, 26px); }
.pz-kesfet__kart.is-alt.is-sag { transform: translate(-88%, 26px); }
.pz-kesfet__kart-ad { margin: 0; font-weight: 600; line-height: 1.3; color: var(--pz-text); }
.pz-kesfet__kart-bilgi { margin: 2px 0 0; font-size: var(--pz-body-sm-fs); color: var(--pz-text-secondary); }
.pz-kesfet__kart-link { display: inline-flex; align-items: center; gap: 4px; margin-top: var(--pz-space-2); font-size: var(--pz-body-sm-fs); font-weight: 600; color: var(--pz-primary-active); }
.pz-kesfet__baslik { margin: 0 0 var(--pz-space-2); font-family: var(--pz-font-baslik); font-size: 30px; line-height: 1.1; font-weight: var(--pz-baslik-agirlik); letter-spacing: var(--pz-baslik-izleme); }
.pz-kesfet__aciklama { margin: 0 0 var(--pz-space-5); max-width: 46ch; color: var(--pz-text-secondary); }
.pz-kesfet__liste { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--pz-border); }
.pz-kesfet__oge { position: relative; display: flex; align-items: center; gap: var(--pz-space-3); min-height: 56px; border-bottom: 1px solid var(--pz-border); transition: background var(--pz-sure-orta) ease; }
.pz-kesfet__oge.is-vurgu, .pz-kesfet__oge:hover { background: var(--pz-surface-alt); }
.pz-kesfet__no { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: var(--pz-space-2); border-radius: 50%; background: var(--pz-primary); color: var(--pz-on-primary); font-size: 13px; font-weight: 700; }
.pz-kesfet__oge-ad { flex: 1 1 auto; min-width: 0; font-weight: 500; color: var(--pz-text); }
.pz-kesfet__oge-ad::after { content: ""; position: absolute; inset: 0; }
.pz-kesfet__oge-bilgi { flex-shrink: 0; font-size: var(--pz-body-sm-fs); color: var(--pz-text-muted); font-variant-numeric: tabular-nums; }
.pz-kesfet__oge-ok { flex-shrink: 0; margin-right: var(--pz-space-2); color: var(--pz-text-muted); }
.pz-kesfet__oge:hover .pz-kesfet__oge-ok { color: var(--pz-primary); }
@media (min-width: 768px) {
.pz-kesfet { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--pz-space-10); }
.pz-kesfet__baslik { font-size: 40px; }
}
@media (prefers-reduced-motion: reduce) { .pz-kesfet__nokta::before { animation: none; } }
.pz-neden .pz-neden__liste { counter-reset: pz-neden; }
.pz-neden .pz-neden__madde {
counter-increment: pz-neden; display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: start; gap: 0 var(--pz-space-3);
padding: var(--pz-space-4) 0; border: 0; border-top: 1px solid var(--pz-border); border-radius: 0; background: transparent; box-shadow: none;
}
.pz-neden .pz-neden__madde::before {
content: counter(pz-neden, decimal-leading-zero); font-family: var(--pz-font-baslik); font-size: 30px; line-height: 1; font-weight: var(--pz-baslik-agirlik);
letter-spacing: -0.03em; color: var(--pz-primary); font-variant-numeric: tabular-nums;
}
.pz-neden .pz-neden__ikon { display: none; }
@media (min-width: 992px) { .pz-neden .pz-neden__madde { padding: var(--pz-space-5) 0 var(--pz-space-6); } }

/* ---- 35-kartlar.css ---- */
.pz-urun-kart {
position: relative;
display: flex;
flex-direction: column;
gap: var(--pz-space-3);
width: 100%;
height: 100%;
padding: 10px 10px var(--pz-space-3);
background: var(--pz-surface);
border: 1px solid var(--pz-border);
border-radius: var(--pz-radius-lg);
container-type: inline-size;
container-name: pz-kart;
transition: box-shadow var(--pz-sure-orta) ease, border-color var(--pz-sure-orta) ease;
}
.pz-urun-kart:hover { box-shadow: var(--pz-shadow-hover); }
@media (min-width: 768px) { .pz-urun-kart { padding-bottom: var(--pz-space-4); } }
.pz-urun-kart__medya {
position: relative;
aspect-ratio: 4 / 5;
background: var(--pz-surface-alt);
border-radius: var(--pz-radius-md);
overflow: hidden;
}
.pz-urun-kart__gorsel { display: block; width: 100%; height: 100%; }
.pz-urun-kart__medya img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: multiply;
transition: transform .4s ease;
}
.pz-urun-kart:hover .pz-urun-kart__medya img { transform: scale(1.03); }
.pz-urun-kart__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.pz-urun-kart--tukendi .pz-urun-kart__medya img { opacity: .55; }
.pz-urun-kart__karusel, .pz-urun-kart__karusel .carousel-inner, .pz-urun-kart__karusel .carousel-item { height: 100%; }
.pz-urun-kart__ok {
top: 50%; bottom: auto; width: 32px; height: 32px; margin-top: -16px;
border-radius: var(--pz-radius-pill); background: var(--pz-surface); color: var(--pz-text); opacity: 0;
transition: opacity var(--pz-sure-hizli) ease;
}
.pz-urun-kart__ok--onceki { left: 8px; }
.pz-urun-kart__ok--sonraki { right: 8px; }
.pz-urun-kart:hover .pz-urun-kart__ok, .pz-urun-kart__ok:focus-visible { opacity: 1; color: var(--pz-text); }
.pz-urun-kart__noktalar { bottom: 6px; margin-bottom: 0; }
.pz-urun-kart__noktalar li { width: 6px; height: 6px; margin: 0 3px; border: 0; border-radius: var(--pz-radius-pill); background: var(--pz-border-strong); opacity: 1; }
.pz-urun-kart__noktalar li.active { background: var(--pz-text); }
.pz-urun-kart__rozetler {
position: absolute; top: 8px; left: 8px; right: 52px; z-index: 2;
display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--pz-space-1);
pointer-events: none;
}
.pz-urun-kart__rozetler .product-labels, .pz-liste-kart__rozetler .product-labels { display: contents; }
.pz-urun-kart__rozetler .product-label, .pz-liste-kart__rozetler .product-label {
display: inline-flex; align-items: center; height: 22px; padding: 0 8px;
border-radius: var(--pz-radius-sm); background: var(--pz-primary-subtle); color: var(--pz-primary-active);
font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600;
}
.pz-urun-kart__rozetler .product-label img, .pz-liste-kart__rozetler .product-label img { max-height: 28px; width: auto; }
.pz-urun-kart__rozetler .product-label:has(img), .pz-liste-kart__rozetler .product-label:has(img) { height: auto; padding: 0; background: transparent; }
.pz-urun-favori { position: absolute; top: 6px; right: 6px; z-index: 3; }
.pz-urun-favori__btn {
position: relative; width: 40px; height: 40px; padding: 0; border: 0;
border-radius: var(--pz-radius-pill); background: var(--pz-surface); color: var(--pz-text);
cursor: pointer; transition: color var(--pz-sure-hizli) ease;
}
.pz-urun-favori__btn::before { content: ""; position: absolute; inset: -2px; }
.pz-urun-favori__btn .pz-icon { display: block; margin: 0 auto; }
.pz-urun-favori__btn:hover { color: var(--pz-primary); }
.pz-urun-favori__btn--aktif, .pz-urun-favori__btn--aktif:hover { color: var(--pz-primary); }
.pz-icon--dolu { fill: currentColor; }
.pz-urun-kart__tukendi {
position: absolute; inset: 0; z-index: 1;
display: flex; align-items: center; justify-content: center;
pointer-events: none;
}
.pz-urun-kart__tukendi .pz-badge { height: 28px; padding: 0 12px; font-size: var(--pz-body-sm-fs); background: var(--pz-surface); }
.pz-urun-kart__hizli {
position: absolute; top: 52px; right: 6px; z-index: 3;
display: flex; flex-direction: column; gap: 6px;
opacity: 0; transform: translateX(6px);
transition: opacity var(--pz-sure-orta) ease, transform var(--pz-sure-orta) ease;
}
.pz-urun-kart:hover .pz-urun-kart__hizli, .pz-urun-kart__hizli:focus-within { opacity: 1; transform: none; }
@media (hover: none) { .pz-urun-kart__hizli { opacity: 1; transform: none; } }
.pz-urun-kart__hizli-btn {
display: inline-flex; align-items: center; justify-content: center;
width: 40px; height: 40px; padding: 0; border: 0; border-radius: var(--pz-radius-pill);
background: var(--pz-surface); color: var(--pz-text); cursor: pointer; font-size: 16px;
}
.pz-urun-kart__hizli-btn:hover { color: var(--pz-primary); }
.pz-urun-kart__hizli-btn--sepet { background: var(--add-cart-list-bg, var(--pz-primary)); color: var(--add-cart-list, var(--pz-on-primary)); }
.pz-urun-kart__hizli-btn--sepet:hover { background: var(--add-cart-list-bg-hover, var(--pz-primary-hover)); color: var(--add-cart-list-hover, var(--pz-on-primary)); }
.pz-urun-kart__alttan {
position: absolute; left: 8px; right: 8px; bottom: 8px; z-index: 3;
opacity: 0; transform: translateY(8px);
transition: opacity var(--pz-sure-orta) ease, transform var(--pz-sure-orta) ease;
}
.pz-urun-kart:hover .pz-urun-kart__alttan, .pz-urun-kart__alttan:focus-within { opacity: 1; transform: none; }
@media (hover: none) { .pz-urun-kart__alttan { opacity: 1; transform: none; } }
.pz-urun-kart__govde { display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; padding: 0 2px; }
@media (min-width: 768px) { .pz-urun-kart__govde { padding: 0 6px; gap: var(--pz-space-2); } }
.pz-urun-kart__meta {
display: flex; flex-wrap: wrap; gap: 2px var(--pz-space-2);
font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-muted);
min-width: 0;
}
.pz-urun-kart__meta > span + span::before { content: "·"; margin-right: var(--pz-space-2); }
.pz-urun-kart__marka { font-weight: 600; color: var(--pz-text-secondary); letter-spacing: var(--pz-caption-ls); }
.pz-urun-kart__baslik { margin: 0; font-size: inherit; line-height: inherit; font-weight: 400; letter-spacing: 0; }
.pz-urun-kart__ad {
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
min-height: calc(2 * 20px);
font-size: 14px; line-height: 20px; color: var(--pz-text);
}
@media (min-width: 768px) { .pz-urun-kart__ad { min-height: calc(2 * 21px); font-size: var(--pz-body-fs); line-height: 21px; } }
.pz-urun-kart__ad:hover { color: var(--pz-primary-hover); }
.pz-kart-yildizlar { display: flex; align-items: center; gap: var(--pz-space-1); min-height: 16px; }
.pz-kart-yildizlar__dizi { display: inline-flex; gap: 1px; }
.pz-kart-yildiz { position: relative; display: inline-flex; width: 14px; height: 14px; color: var(--pz-border-strong); }
.pz-kart-yildiz svg { width: 14px; height: 14px; fill: currentColor; }
.pz-kart-yildiz--dolu { color: var(--pz-star); }
.pz-kart-yildiz__yarim { position: absolute; inset: 0; color: var(--pz-star); clip-path: inset(0 50% 0 0); }
.pz-kart-yildizlar__sayi { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-muted); font-variant-numeric: tabular-nums; }
.pz-urun-fiyat { display: flex; flex-direction: column; gap: var(--pz-space-1); margin-top: auto; }
.pz-urun-fiyat .pz-price { column-gap: 6px; row-gap: 0; }
.pz-urun-fiyat .pz-price__now { font-size: 16px; line-height: 22px; }
.pz-urun-fiyat .pz-price__old { font-size: 13px; line-height: 18px; }
@media (min-width: 768px) {
.pz-urun-fiyat .pz-price__now { font-size: var(--pz-price-fs); line-height: var(--pz-price-lh); }
.pz-urun-fiyat .pz-price__old { font-size: 14px; line-height: 20px; }
}
.pz-urun-fiyat__birim { font-size: var(--pz-body-sm-fs); color: var(--pz-text-muted); }
.pz-urun-fiyat--sepette .pz-price__now { color: var(--pz-text-muted); font-weight: 400; font-size: 14px; text-decoration: line-through; }
.pz-urun-fiyat__sepette {
display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 0 6px; align-self: flex-start;
padding: 3px 8px; border-radius: var(--pz-radius-sm);
background: var(--pz-primary-subtle); color: var(--pz-primary-active);
font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 500;
font-variant-numeric: tabular-nums;
}
.pz-urun-fiyat__sepette strong { font-size: 15px; line-height: 20px; font-weight: 600; color: var(--pz-text); }
.pz-urun-fiyat__promosyon { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 500; color: var(--pz-primary-active); }
.pz-urun-eylem { display: flex; flex-direction: column; gap: var(--pz-space-2); }
.pz-urun-eylem__adet { width: 100%; justify-content: space-between; }
.pz-urun-eylem__adet .pz-qty__btn { width: 44px; flex-shrink: 0; }
.pz-urun-eylem__adet .pz-qty__input { flex: 1 1 auto; min-width: 0; width: 100%; }
.pz-urun-eylem__adet .pz-qty__btn:hover { color: var(--pz-primary); }
.pz-urun-eylem__sepet, .pz-urun-eylem__tukendi { width: 100%; padding: 0 var(--pz-space-3); white-space: normal; line-height: 18px; text-align: center; }
.pz-urun-eylem__sepet { background: var(--add-cart-list-bg, var(--pz-primary)); color: var(--add-cart-list, var(--pz-on-primary)); }
.pz-urun-eylem__sepet:hover, .pz-urun-eylem__sepet:focus { background: var(--add-cart-list-bg-hover, var(--pz-primary-hover)); color: var(--add-cart-list-hover, var(--pz-on-primary)); }
.pz-urun-eylem__haber {
display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 24px;
font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 500; color: var(--pz-primary);
}
.pz-urun-eylem__haber:hover { color: var(--pz-primary-hover); text-decoration: underline; }
.pz-urun-eylem__sepet { display: inline-flex; align-items: center; justify-content: center; gap: var(--pz-space-2); }
.pz-urun-eylem__sepet-ikon { flex-shrink: 0; }
@container pz-kart (max-width: 239.98px) {
.pz-urun-eylem--adetli { flex-direction: row; gap: var(--pz-space-2); }
.pz-urun-eylem--adetli .pz-urun-eylem__adet { flex: 1 1 auto; width: auto; min-width: 0; }
.pz-urun-eylem--adetli .pz-urun-eylem__adet .pz-qty__btn { width: 34px; }
.pz-urun-eylem--adetli .pz-urun-eylem__sepet { flex: 0 0 44px; width: 44px; padding: 0; }
.pz-urun-eylem--adetli .pz-urun-eylem__sepet .pz-icon { width: 20px; height: 20px; }
.pz-urun-eylem--adetli .pz-urun-eylem__sepet-yazi { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@container pz-kart (min-width: 240px) {
.pz-urun-eylem--adetli { flex-direction: row; }
.pz-urun-eylem--adetli .pz-urun-eylem__adet { width: 112px; flex-shrink: 0; }
.pz-urun-eylem--adetli .pz-urun-eylem__adet .pz-qty__btn { width: 36px; }
.pz-urun-eylem--adetli .pz-urun-eylem__sepet { flex: 1 1 auto; width: auto; }
}
.owl-carousel:has(.pz-urun-kart) .owl-stage,
.owl-carousel:has(.pz-blog-kart) .owl-stage,
.owl-carousel:has(.pz-yorum-kart) .owl-stage,
.owl-carousel:has(.pz-kat-kart) .owl-stage { display: flex; }
.owl-carousel:has(.pz-urun-kart) .owl-item,
.owl-carousel:has(.pz-blog-kart) .owl-item,
.owl-carousel:has(.pz-yorum-kart) .owl-item,
.owl-carousel:has(.pz-kat-kart) .owl-item { display: flex; }
.owl-carousel:has(.pz-urun-kart) .owl-carousel-item,
.owl-carousel:has(.pz-blog-kart) .owl-carousel-item,
.owl-carousel:has(.pz-yorum-kart) .owl-carousel-item,
.owl-carousel:has(.pz-kat-kart) .owl-carousel-item { display: flex; width: 100%; }
.col-list-p-v-1:has(> .pz-urun-kart) { display: flex; }
.pz-liste-kart-kap { width: 100%; container-type: inline-size; container-name: pz-liste; }
.pz-liste-kart {
display: grid;
grid-template-columns: 112px minmax(0, 1fr);
grid-template-areas: "medya govde" "eylem eylem";
gap: var(--pz-space-3);
width: 100%;
padding: 10px;
background: var(--pz-surface);
border: 1px solid var(--pz-border);
border-radius: var(--pz-radius-lg);
transition: box-shadow var(--pz-sure-orta) ease;
}
.pz-liste-kart:hover { box-shadow: var(--pz-shadow-hover); }
.pz-liste-kart__medya {
grid-area: medya; position: relative; display: block; aspect-ratio: 1 / 1;
background: var(--pz-surface-alt); border-radius: var(--pz-radius-md); overflow: hidden;
}
.pz-liste-kart__medya img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.pz-liste-kart--tukendi .pz-liste-kart__medya img { opacity: .55; }
.pz-liste-kart__tukendi { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
.pz-liste-kart__tukendi .pz-badge { background: var(--pz-surface); }
.pz-liste-kart__govde { grid-area: govde; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pz-liste-kart__rozetler { display: flex; flex-wrap: wrap; gap: var(--pz-space-1); }
.pz-liste-kart__rozetler:empty { display: none; }
.pz-liste-kart__baslik { margin: 0; font-size: inherit; line-height: inherit; font-weight: 400; letter-spacing: 0; }
.pz-liste-kart__ad {
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
font-size: var(--pz-body-fs); line-height: 21px; color: var(--pz-text);
}
.pz-liste-kart__ad:hover { color: var(--pz-primary-hover); }
.pz-liste-kart .pz-urun-fiyat { margin-top: 0; }
.pz-liste-kart__eylem { grid-area: eylem; display: flex; align-items: center; gap: var(--pz-space-2); }
.pz-liste-kart__eylem .pz-urun-favori { position: static; order: 2; }
.pz-liste-kart__eylem .pz-urun-favori__btn { width: 44px; height: 44px; border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md); }
.pz-liste-kart__eylem .pz-urun-eylem { flex: 1 1 auto; flex-direction: row; flex-wrap: wrap; }
.pz-liste-kart__eylem .pz-urun-eylem__adet { width: 120px; }
.pz-liste-kart__eylem .pz-urun-eylem__sepet { flex: 1 1 120px; width: auto; }
@container pz-liste (min-width: 620px) {
.pz-liste-kart {
grid-template-columns: 160px minmax(0, 1fr) 220px;
grid-template-areas: "medya govde eylem";
gap: var(--pz-space-5);
align-items: center;
padding: var(--pz-space-3);
}
.pz-liste-kart__eylem { flex-direction: column; align-items: stretch; }
.pz-liste-kart__eylem .pz-urun-favori { order: 0; align-self: flex-end; }
.pz-liste-kart__eylem .pz-urun-favori__btn { width: 40px; height: 40px; border: 0; }
.pz-liste-kart__eylem .pz-urun-eylem { flex-direction: column; flex-wrap: nowrap; }
.pz-liste-kart__eylem .pz-urun-eylem__adet { width: 100%; }
.pz-liste-kart__eylem .pz-urun-eylem__sepet { flex: 0 0 auto; width: 100%; }
}
.pz-kat-kart {
display: flex; flex-direction: column; width: 100%; height: 100%;
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
overflow: hidden; color: var(--pz-text);
transition: box-shadow var(--pz-sure-orta) ease;
}
.pz-kat-kart:hover { box-shadow: var(--pz-shadow-hover); color: var(--pz-text); }
.pz-kat-kart__medya { display: block; aspect-ratio: 4 / 3; background: var(--pz-surface-alt); overflow: hidden; }
.pz-kat-kart__medya img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; transition: transform .4s ease; }
.pz-kat-kart:hover .pz-kat-kart__medya img { transform: scale(1.04); }
.pz-kat-kart__medya.is-ikon { display: flex; align-items: center; justify-content: center; background: var(--pz-surface-alt); }
.pz-kat-kart__medya.is-ikon img { width: 34%; height: auto; max-height: 50%; object-fit: contain; mix-blend-mode: multiply; }
.pattern-group-p-home .pz-kat-kart__medya.is-ikon { background: var(--pz-surface-alt); }
.pz-kat-kart__ad {
display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-2);
padding: var(--pz-space-3); font-size: 14px; line-height: 20px; font-weight: 500;
}
.pz-kat-kart__metin { min-width: 0; overflow-wrap: anywhere; }
.pz-kat-kart__ad .pz-icon { color: var(--pz-primary); transition: transform var(--pz-sure-hizli) ease; }
.pz-kat-kart:hover .pz-kat-kart__ad .pz-icon { transform: translateX(3px); }
@media (min-width: 768px) { .pz-kat-kart__ad { padding: 14px var(--pz-space-4); font-size: var(--pz-body-fs); line-height: 22px; } }
.pz-blog-kart {
position: relative; display: flex; flex-direction: column; width: 100%; height: 100%;
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
overflow: hidden; transition: box-shadow var(--pz-sure-orta) ease;
}
.pz-blog-kart:hover { box-shadow: var(--pz-shadow-hover); }
.pz-blog-kart__medya { aspect-ratio: 2 / 1; background: var(--pz-surface-alt); overflow: hidden; }
.pz-blog-kart__medya img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.pz-blog-kart:hover .pz-blog-kart__medya img { transform: scale(1.03); }
.pz-blog-kart__govde { display: flex; flex-direction: column; gap: var(--pz-space-2); flex: 1 1 auto; padding: var(--pz-space-4); }
@media (min-width: 768px) { .pz-blog-kart__govde { padding: var(--pz-space-5); } }
.pz-blog-kart__tarih { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 500; color: var(--pz-text-muted); font-variant-numeric: tabular-nums; }
.pz-blog-kart__baslik { margin: 0; font-size: 17px; line-height: 24px; font-weight: 500; letter-spacing: -0.01em; }
.pz-blog-kart__link { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--pz-text); }
.pz-blog-kart__link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: var(--pz-radius-lg); }
.pz-blog-kart__link:focus-visible { box-shadow: none; }
.pz-blog-kart:focus-within { box-shadow: var(--pz-focus-ring); }
.pz-blog-kart:hover .pz-blog-kart__link { color: var(--pz-primary-hover); }
.pz-blog-kart__ozet {
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
margin: 0; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary);
}
.pz-blog-kart__devam {
display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: var(--pz-space-2);
font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: var(--pz-label-fw); color: var(--pz-primary);
}
.pz-blog-kart:hover .pz-blog-kart__devam .pz-icon { transform: translateX(3px); }
.pz-blog-kart__devam .pz-icon { transition: transform var(--pz-sure-hizli) ease; }
.pz-yorum-kart {
display: flex; flex-direction: column; gap: var(--pz-space-3); width: 100%; height: 100%;
padding: var(--pz-space-4); background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
}
@media (min-width: 768px) { .pz-yorum-kart { padding: var(--pz-space-5); } }
.pz-yorum-kart__ust { display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-2); }
.pz-yorum-kart__yildiz, .pz-pyorum__yildiz { display: inline-flex; gap: 2px; }
.pz-yorum-kart__yildiz svg, .pz-pyorum__yildiz svg { width: 16px; height: 16px; fill: var(--pz-border-strong); }
.pz-yorum-kart__yildiz svg.is-dolu, .pz-pyorum__yildiz svg.is-dolu { fill: var(--pz-star); }
.pz-yorum-kart__tarih { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-muted); font-variant-numeric: tabular-nums; }
.pz-yorum-kart__metin {
display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
margin: 0; flex: 1 1 auto; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); color: var(--pz-text);
}
.pz-yorum-kart__alt { display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3); padding-top: var(--pz-space-3); border-top: 1px solid var(--pz-border); }
.pz-yorum-kart__ad { font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: 600; color: var(--pz-text); }
.pz-yorum-kart__urun { display: inline-flex; align-items: center; gap: var(--pz-space-2); min-height: 44px; font-size: var(--pz-body-sm-fs); font-weight: 500; color: var(--pz-primary); }
.pz-yorum-kart__urun:hover { color: var(--pz-primary-hover); }
.pz-yorum-kart__gorsel { display: block; width: 40px; height: 40px; border-radius: var(--pz-radius-sm); background: var(--pz-surface-alt); overflow: hidden; flex-shrink: 0; }
.pz-yorum-kart__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; }
.pz-banner-kart {
display: flex; flex-direction: column; height: 100%;
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
overflow: hidden; color: var(--pz-text); transition: box-shadow var(--pz-sure-orta) ease;
}
a:hover > .pz-banner-kart, .pz-banner-kart:hover { box-shadow: var(--pz-shadow-hover); }
.pz-banner-kart__medya { background: var(--pz-surface-alt); overflow: hidden; }
.pz-banner-kart__medya img { display: block; width: 100%; height: auto; transition: transform .4s ease; }
a:hover > .pz-banner-kart .pz-banner-kart__medya img { transform: scale(1.02); }
.pz-banner-kart__icerik { display: flex; flex-direction: column; gap: var(--pz-space-1); padding: var(--pz-space-4); }
.pz-banner-kart__baslik { font-size: 17px; line-height: 24px; font-weight: 500; letter-spacing: -0.01em; color: var(--pz-text); }
.pz-banner-kart__aciklama { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); }
.pz-banner-kart__buton {
display: inline-flex; align-items: center; gap: 6px; margin-top: var(--pz-space-1);
font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: var(--pz-label-fw); color: var(--pz-primary);
}
@media (prefers-reduced-motion: reduce) {
.pz-urun-kart__medya img, .pz-kat-kart__medya img, .pz-blog-kart__medya img, .pz-banner-kart__medya img { transition: none; }
}
.pz-blog-one-cikan .pz-blog-kart__baslik { font-family: var(--pz-font-baslik); font-size: 24px; line-height: 1.2; font-weight: var(--pz-baslik-agirlik); letter-spacing: var(--pz-baslik-izleme); }
.pz-blog-one-cikan .pz-blog-kart__link { -webkit-line-clamp: 3; }
@media (min-width: 768px) {
.pz-blog-one-cikan .pz-blog-kart { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.pz-blog-one-cikan .pz-blog-kart__medya { aspect-ratio: auto; min-height: 320px; height: 100%; }
.pz-blog-one-cikan .pz-blog-kart__govde { justify-content: center; padding: var(--pz-space-8); }
.pz-blog-one-cikan .pz-blog-kart__baslik { font-size: 32px; }
}

/* ---- 40-liste.css ---- */
.pattern-group.pz-liste-ince-grup { margin-bottom: var(--pz-space-2); }
.pattern-group.pz-liste-baslik-grup { margin-bottom: var(--pz-space-4); }
@media (min-width: 992px) {
.pattern-group.pz-liste-ince-grup { margin-bottom: var(--pz-space-3); }
.pattern-group.pz-liste-baslik-grup { margin-bottom: var(--pz-space-6); }
}
.pz-liste-izgara.row { margin-left: -5px; margin-right: -5px; }
.pz-liste-izgara > [class*="col"] { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
@media (min-width: 768px) {
.pz-liste-izgara.row { margin-left: -10px; margin-right: -10px; }
.pz-liste-izgara > [class*="col"] { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
}
.pz-liste-urunler .category-pg-inner { padding: 0; }
.pz-count[hidden] { display: none; }
.pagination-wrapper { display: flex; justify-content: center; margin-top: var(--pz-space-6); }
.pagination-wrapper .pagination-nav { max-width: 100%; }
.pagination-wrapper .pagination { flex-wrap: wrap; justify-content: center; margin: 0; }
.pagination-wrapper .page-item.disabled .page-link { color: var(--pz-disabled-text); background: var(--pz-disabled-bg); }
.pz-liste-bos {
display: flex; flex-direction: column; align-items: center; gap: var(--pz-space-3);
padding: var(--pz-space-12) var(--pz-space-4); text-align: center;
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
}
.pz-liste-bos__ikon {
display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px;
border-radius: var(--pz-radius-pill); background: var(--pz-primary-subtle); color: var(--pz-primary);
}
.pz-liste-bos__ikon .pz-icon { width: 28px; height: 28px; }
.pz-liste-bos__baslik { margin: 0; font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); letter-spacing: var(--pz-h3-ls); }
.pz-liste-bos__aciklama { max-width: 440px; margin: 0; color: var(--pz-text-secondary); }
.pz-liste-bos__butonlar { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pz-space-3); margin-top: var(--pz-space-2); }
.pz-yazi { color: var(--pz-text); font-size: var(--pz-body-fs); line-height: 1.7; overflow-wrap: break-word; }
.pz-yazi > :first-child { margin-top: 0; }
.pz-yazi > :last-child { margin-bottom: 0; }
.pz-yazi h2 { margin: var(--pz-space-8) 0 var(--pz-space-3); font-size: 22px; line-height: 1.3; font-weight: var(--pz-h2-fw); letter-spacing: var(--pz-h2-ls); }
.pz-yazi h3 { margin: var(--pz-space-6) 0 var(--pz-space-2); font-size: 18px; line-height: 1.35; font-weight: var(--pz-h3-fw); }
.pz-yazi p, .pz-yazi ul, .pz-yazi ol { margin: 0 0 var(--pz-space-4); }
.pz-yazi ul, .pz-yazi ol { padding-left: 22px; }
.pz-yazi li { margin-bottom: 6px; }
.pz-yazi a { text-decoration: underline; text-underline-offset: 2px; }
.pz-yazi img { max-width: 100%; height: auto; border-radius: var(--pz-radius-lg); }
.pz-yazi blockquote {
margin: var(--pz-space-6) 0; padding: var(--pz-space-1) 0 var(--pz-space-1) var(--pz-space-5);
border-left: 3px solid var(--pz-primary-border); color: var(--pz-text-secondary); font-size: 17px;
}
.pz-yazi table { display: block; width: 100%; overflow-x: auto; margin: var(--pz-space-5) 0; border-collapse: collapse; }
.pz-yazi th, .pz-yazi td { padding: 10px 14px; border: 1px solid var(--pz-border); text-align: left; }
.pz-yazi th { background: var(--pz-surface-alt); font-weight: 600; }
.pz-baglanti-liste { margin: 0; padding: 0; list-style: none; }
.pz-baglanti-liste li + li { border-top: 1px solid var(--pz-border); }
.pz-baglanti-liste a {
display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3);
min-height: 44px; padding: 10px 0; color: var(--pz-text); font-size: var(--pz-body-fs); line-height: 22px;
}
.pz-baglanti-liste a:hover { color: var(--pz-primary); }
.pz-baglanti-liste .pz-icon { color: var(--pz-text-muted); }
.pz-liste-sayfa-modul { --pz-baslik-alt: var(--pz-space-4); }
.pz-liste-sayfa-modul > .p-g-mod-header { font-size: var(--pz-h1-mobile-fs); line-height: var(--pz-h1-mobile-lh); font-weight: var(--pz-h1-fw); letter-spacing: var(--pz-h1-ls); color: var(--pz-text); }
.pz-liste-sayfa-modul > .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
margin: 0; font-size: var(--pz-h1-mobile-fs); line-height: var(--pz-h1-mobile-lh); font-weight: var(--pz-h1-fw); letter-spacing: var(--pz-h1-ls);
}
@media (min-width: 768px) {
.pz-liste-sayfa-modul > .p-g-mod-header { font-size: var(--pz-h1-fs); line-height: var(--pz-h1-lh); }
.pz-liste-sayfa-modul > .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title { font-size: var(--pz-h1-fs); line-height: var(--pz-h1-lh); }
}
@media (min-width: 992px) { .pz-liste-sayfa-modul { --pz-baslik-alt: var(--pz-space-6); } }
.p-g-mod.pz-liste-urunler, .p-g-mod.pz-liste-sayfa-modul, .p-g-mod.pz-kategori-baslik-modul,
.p-g-mod.pz-kategori-aciklama-modul, .p-g-mod.pz-kategori-blog-modul {
background: transparent; border: 0; border-radius: 0;
}
.pz-liste-urunler > .p-g-mod-body, .pz-liste-sayfa-modul > .p-g-mod-body, .pz-kategori-baslik-modul > .p-g-mod-body,
.pz-kategori-aciklama-modul > .p-g-mod-body, .pz-kategori-blog-modul > .p-g-mod-body { padding: 0; }
.pz-liste-sorgu::before { content: "\201C"; }
.pz-liste-sorgu::after { content: "\201D"; }
.pz-liste-kisa-aciklama { max-width: 720px; margin: calc(-1 * var(--pz-space-2)) 0 var(--pz-space-5); color: var(--pz-text-secondary); font-size: var(--pz-body-lg-fs); line-height: var(--pz-body-lg-lh); }
.pattern-group.pz-liste-baslik-grup:not(:has(.pz-kategori-baslik)) { display: none; }
.pz-kategori-baslik__kapak {
overflow: hidden; aspect-ratio: 16 / 7;
border-radius: var(--pz-radius-xl); background: var(--pz-surface-alt);
}
.pz-kategori-baslik .pz-kategori-baslik__kapak img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 992px) {
.pz-kategori-baslik__kapak { aspect-ratio: 21 / 6; }
}
.pattern-group .p-g-mod.p-g-mod-t-cat-filter { overflow: hidden; margin: 0 0 var(--pz-space-3); padding: 0; background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.pattern-group .p-g-mod.p-g-mod-t-cat-filter:not(.p-g-mod-t-35) { display: none; }
.pattern-group .p-g-mod-t-cat-filter > .p-g-mod-header {
display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-2);
margin: 0; padding: 14px var(--pz-space-4); background: transparent; border: 0; cursor: pointer;
}
.pattern-group .p-g-mod-t-cat-filter > .p-g-mod-header::after {
content: ""; flex: 0 0 8px; width: 8px; height: 8px; margin: 0 4px 0 0;
border: solid var(--pz-text-secondary); border-width: 0 1.7px 1.7px 0; transform: rotate(-135deg) translate(-2px, -2px);
transition: transform var(--pz-sure-orta) ease;
}
.pattern-group .p-g-mod-t-cat-filter.is-kapali > .p-g-mod-header::after { transform: rotate(45deg) translate(-2px, -2px); }
.pattern-group .p-g-mod-t-cat-filter > .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
display: flex; align-items: center; gap: var(--pz-space-2);
font-size: var(--pz-body-fs); line-height: 22px; font-weight: 600; letter-spacing: 0; color: var(--pz-text);
}
.pattern-group .p-g-mod-t-cat-filter .p-g-m-h-info .p-g-m-h-i-description { display: none; }
.pattern-group .p-g-mod-t-cat-filter .count-block { display: inline-flex; align-items: center; }
.pattern-group .p-g-mod-t-cat-filter > .p-g-mod-body { padding: 0 var(--pz-space-4) var(--pz-space-3); }
.pattern-group .p-g-mod-t-cat-filter.is-kapali > .p-g-mod-body { display: none; }
.p-g-mod-t-cat-filter .category-filter-list .pz-filtre-liste {
max-height: 264px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--pz-border-strong) transparent;
}
.p-g-mod-t-cat-filter .category-filter-list .pz-filtre-liste .list { margin: 0; padding: 0; list-style: none; }
.p-g-mod-t-cat-filter .category-filter-list .pz-filtre-liste .list li { display: block; color: var(--pz-text); font-size: var(--pz-body-fs); font-weight: 400; }
.p-g-mod-t-cat-filter .category-filter-list .pz-filtre-liste .list li a {
display: flex; align-items: center; min-height: 40px; margin: 0 -10px; padding: 8px 10px;
border-radius: var(--pz-radius-md); color: var(--pz-text); font-size: var(--pz-body-fs); line-height: 22px; font-weight: 400;
}
.p-g-mod-t-cat-filter .category-filter-list .pz-filtre-liste .list li a:hover { background: var(--pz-surface-alt); color: var(--pz-text); }
.p-g-mod-t-cat-filter .category-filter-list .pz-filtre-liste .list li.active a { background: var(--pz-primary-subtle); color: var(--pz-primary-active); font-weight: 600; }
.category-filter-list .lag-checkbox { position: relative; display: flex; align-items: center; height: auto; min-height: 40px; }
.category-filter-list .lag-checkbox input {
display: block; position: absolute; z-index: 3; top: 50%; left: 0; width: 20px; height: 20px; margin: -10px 0 0; opacity: 0; cursor: pointer;
}
.category-filter-list .lag-checkbox label {
flex: 1; margin: 0; padding: 9px 0 9px 32px; color: var(--pz-text); font-size: var(--pz-body-fs); line-height: 22px; font-weight: 400; cursor: pointer;
}
.category-filter-list .lag-checkbox input:checked ~ label { font-weight: 500; }
.category-filter-list .lag-checkbox span {
box-sizing: border-box; position: absolute; z-index: 1; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px;
border: 1.5px solid var(--pz-border-strong); border-radius: var(--pz-radius-sm); background: var(--pz-surface);
transition: background-color var(--pz-sure-hizli) ease, border-color var(--pz-sure-hizli) ease;
}
.category-filter-list .lag-checkbox:hover span { border-color: var(--pz-text-secondary); }
.category-filter-list .lag-checkbox span::before {
content: ""; display: block; position: absolute; top: 2px; left: 6px; width: 5px; height: 10px;
border: solid var(--pz-on-primary); border-width: 0 2px 2px 0; background: transparent;
transform: rotate(45deg); transform-origin: center; opacity: 0; transition: opacity var(--pz-sure-hizli) ease;
}
.category-filter-list .lag-checkbox span::after { display: none; }
.category-filter-list .lag-checkbox input:checked ~ span { background: var(--pz-primary); border-color: var(--pz-primary); }
.category-filter-list .lag-checkbox input:checked ~ span::before { width: 5px; height: 10px; opacity: 1; transition-delay: 0s; }
.category-filter-list .lag-checkbox input:focus-visible ~ span { box-shadow: var(--pz-focus-ring); }
.category-filter-list .lag-checkbox input[type="radio"] ~ span { border-radius: var(--pz-radius-pill); }
.category-filter-list .lag-checkbox input[type="radio"] ~ span::before { display: none; }
.category-filter-list .lag-checkbox input[type="radio"]:checked ~ span { border-width: 6px; border-color: var(--pz-primary); background: var(--pz-surface); }
.p-g-mod-t-cat-filter .pz-fiyat-aralik {
display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) 44px; align-items: center; gap: var(--pz-space-2); margin: 0 0 var(--pz-space-3);
}
.p-g-mod-t-cat-filter .pz-fiyat-aralik input { flex: none; height: 44px; padding: 0 var(--pz-space-3); font-size: var(--pz-body-fs); font-weight: 400; }
.p-g-mod-t-cat-filter .pz-fiyat-aralik .seperator { width: auto; color: var(--pz-text-muted); }
.p-g-mod-t-cat-filter .pz-fiyat-aralik .seperator::before { content: "\2013"; }
.p-g-mod-t-cat-filter .pz-fiyat-aralik .pz-fiyat-aralik__btn {
display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; margin: 0; padding: 0;
background: var(--pz-primary); border: 1px solid var(--pz-primary); border-radius: var(--pz-radius-md); color: var(--pz-on-primary);
}
.p-g-mod-t-cat-filter .pz-fiyat-aralik .pz-fiyat-aralik__btn:hover { background: var(--pz-primary-hover); border-color: var(--pz-primary-hover); }
.pz-filtre-butonlar { display: grid; gap: 10px; }
.pz-filtre-yukleniyor { display: grid; gap: var(--pz-space-3); padding: var(--pz-space-1) 0; }
.pz-iskelet {
display: block; height: 14px; border-radius: var(--pz-radius-sm);
background: linear-gradient(90deg, var(--pz-surface-alt) 25%, var(--pz-border) 50%, var(--pz-surface-alt) 75%);
background-size: 200% 100%; animation: pz-iskelet 1.3s ease-in-out infinite;
}
.pz-iskelet--baslik { width: 45%; height: 18px; }
.pz-iskelet--kisa { width: 60%; }
@keyframes pz-iskelet { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .pz-iskelet { animation: none; } }
.pz-liste-ust { margin-bottom: var(--pz-space-4); }
.pz-liste-ust__masaustu { align-items: center; justify-content: flex-end; }
.pz-liste-ust .category-filter-order .list-wrap { padding: 0; background: transparent; border-radius: 0; }
.pz-liste-ust .category-filter-order .list-wrap .list { display: flex; align-items: center; justify-content: flex-end; gap: var(--pz-space-4); font-size: var(--pz-body-fs); }
.pz-liste-ust .category-filter-order .list-wrap .list li { flex: 0 0 auto; }
.pz-liste-ust .category-filter-order-mobile { display: none; }
.pz-liste-siralama__secici { display: flex; align-items: center; gap: var(--pz-space-2); }
.pz-liste-ust__etiket { margin: 0; color: var(--pz-text-secondary); font-size: var(--pz-label-fs); font-weight: 400; white-space: nowrap; }
.pz-liste-ust .category-filter-order-desktop {
display: inline-block; width: 232px; height: 40px; min-height: 40px; padding: 0 36px 0 var(--pz-space-3);
border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md);
background-color: var(--pz-surface); background-position: right 12px center;
color: var(--pz-text); font-size: var(--pz-label-fs); font-weight: 400;
}
.pz-liste-ust .category-filter-order-desktop:hover { border-color: var(--pz-text-secondary); }
.pz-liste-ust .category-filter-order-desktop:focus { border-color: var(--pz-primary); }
.pz-liste-ust .product-view-select { display: flex; justify-content: flex-end; gap: 6px; width: auto; height: auto; }
.product-view-select button {
display: inline-flex; align-items: center; justify-content: center; gap: 2px; width: 40px; height: 40px; padding: 0;
background: var(--pz-surface); border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md); cursor: pointer;
transition: border-color var(--pz-sure-hizli) ease, background-color var(--pz-sure-hizli) ease;
}
.product-view-select button:hover { border-color: var(--pz-text); }
.product-view-select button span { display: block; height: 14px; border-radius: 2px; background: var(--pz-border-strong); }
.product-view-select .two-view span { width: 7px; }
.product-view-select .three-view span { width: 5px; }
.product-view-select .four-view span { width: 4px; }
.product-view-select button.active { background: var(--pz-primary-subtle); border-color: var(--pz-primary); }
.product-view-select button.active span { background: var(--pz-primary); }
.pz-liste-secili:empty { display: none; }
.selected-filters-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--pz-space-2) var(--pz-space-4); margin-bottom: var(--pz-space-4); }
.selected-filters-wrapper .col-left { display: flex; flex-wrap: wrap; gap: var(--pz-space-2); }
.selected-filters-wrapper .selected-filter-item {
display: inline-flex; align-items: center; gap: var(--pz-space-1); min-height: 40px; padding: 0 var(--pz-space-1) 0 var(--pz-space-3);
background: var(--pz-primary-subtle); border: 1px solid var(--pz-primary-border); border-radius: var(--pz-radius-pill);
color: var(--pz-primary-active); font-size: 13px; font-weight: 500;
}
.selected-filters-wrapper .remove-filter {
display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0;
background: transparent; border: 0; border-radius: var(--pz-radius-pill); color: inherit; cursor: pointer;
}
.selected-filters-wrapper .remove-filter:hover { background: var(--pz-surface); }
.selected-filters-wrapper .reset-all-filters {
min-height: 40px; padding: 0 var(--pz-space-2); background: transparent; border: 0; color: var(--pz-primary);
font-size: var(--pz-label-fs); font-weight: var(--pz-label-fw); text-decoration: underline; text-underline-offset: 2px; cursor: pointer;
}
.selected-filters-wrapper .reset-all-filters:hover { color: var(--pz-primary-hover); }
.cat-responsive-buttons.pz-liste-mobil__butonlar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 var(--pz-space-4); }
.pz-liste-mobil__btn { width: 100%; }
.pz-liste-urunler .cat-responsive-popup {
display: flex; flex-direction: column; align-items: flex-start; padding: 0; overflow: hidden;
background: var(--pz-kaplama-50); z-index: var(--pz-z-cekmece);
}
.pz-liste-urunler .cat-responsive-popup .c-r-p-head,
.pz-liste-urunler .cat-responsive-popup .c-r-p-content,
.pz-liste-urunler .cat-responsive-popup .c-r-p-bar {
position: relative; left: auto; right: auto; bottom: auto; width: 100%; max-width: 380px; animation: pz-cekmece-gir var(--pz-sure-orta) ease-out;
}
.pz-liste-urunler .cat-responsive-popup .c-r-p-head {
display: flex; flex: none; align-items: center; justify-content: space-between; gap: var(--pz-space-3);
padding: var(--pz-space-2) var(--pz-space-2) var(--pz-space-2) var(--pz-space-4);
background: var(--pz-surface); border-bottom: 1px solid var(--pz-border);
}
.pz-liste-urunler .cat-responsive-popup .c-r-p-title { font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); color: var(--pz-text); }
.pz-liste-urunler .cat-responsive-popup .c-r-p-close {
display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0;
background: transparent; border: 0; border-radius: var(--pz-radius-pill); color: var(--pz-text); cursor: pointer;
}
.pz-liste-urunler .cat-responsive-popup .c-r-p-close:hover { background: var(--pz-surface-alt); }
.pz-liste-urunler .cat-responsive-popup .c-r-p-content {
flex: 1 1 auto; min-height: 0; padding: var(--pz-space-3); overflow-y: auto; background: var(--pz-bg);
}
.pz-liste-urunler .cat-responsive-popup .c-r-p-bar {
flex: none; padding: var(--pz-space-3) var(--pz-space-4); padding-bottom: calc(var(--pz-space-3) + env(safe-area-inset-bottom, 0px));
background: var(--pz-surface); border-top: 1px solid var(--pz-border);
}
.pz-liste-urunler .cat-responsive-popup .c-r-p-bar .p-g-mod { margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; }
.pz-liste-urunler .cat-responsive-popup .c-r-p-bar .p-g-mod-body { padding: 0; }
.pz-liste-urunler .cat-responsive-popup .c-r-p-bar .pz-filtre-butonlar { grid-template-columns: 1fr 1fr; }
.pz-liste-urunler .cat-responsive-popup .p-g-mod-t-cat-filter .pz-filtre-liste { max-height: none; }
@keyframes pz-cekmece-gir { from { transform: translateX(-24px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
.pz-liste-urunler .cat-responsive-popup .c-r-p-head,
.pz-liste-urunler .cat-responsive-popup .c-r-p-content,
.pz-liste-urunler .cat-responsive-popup .c-r-p-bar { animation: none; }
}
.cat-responsive-popup .category-filter-res-order { padding: 0; }
.cat-responsive-popup .category-filter-res-order .list-wrap { padding: 0 var(--pz-space-4); background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.cat-responsive-popup .category-filter-res-order .list { display: block; }
.cat-responsive-popup .category-filter-res-order .list li { display: none; }
.cat-responsive-popup .category-filter-res-order .list li.category-filter-order-mobile { display: block; }
.cat-responsive-popup .category-filter-res-order .list li.category-filter-order-mobile + li.category-filter-order-mobile { border-top: 1px solid var(--pz-border); }
.cat-responsive-popup .category-filter-res-order .lag-checkbox { min-height: 48px; }
.pz-kategori-aciklama-modul { margin-top: var(--pz-space-8); }
.pz-kategori-aciklama { padding: var(--pz-space-5) var(--pz-space-4); background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.pz-kategori-aciklama__icerik { position: relative; }
.pz-kategori-aciklama.is-kisalt .pz-kategori-aciklama__icerik { max-height: 168px; overflow: hidden; }
.pz-kategori-aciklama.is-kisalt .pz-kategori-aciklama__icerik::after {
content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 72px; pointer-events: none;
background: linear-gradient(to bottom, transparent, var(--pz-surface));
}
.pz-kategori-aciklama__btn {
display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: var(--pz-space-2); padding: 0;
background: transparent; border: 0; color: var(--pz-primary); font: inherit; font-weight: var(--pz-label-fw); cursor: pointer;
}
.pz-kategori-aciklama__btn:hover { color: var(--pz-primary-hover); text-decoration: underline; }
.pz-kategori-aciklama__btn[hidden] { display: none; }
.pz-kategori-aciklama__btn .pz-icon { transition: transform var(--pz-sure-orta) ease; }
.pz-kategori-aciklama.is-acik .pz-kategori-aciklama__btn .pz-icon { transform: rotate(180deg); }
@media (min-width: 768px) {
.pz-kategori-aciklama { padding: var(--pz-space-8); }
.pz-kategori-aciklama.is-kisalt .pz-kategori-aciklama__icerik { max-height: 200px; }
}
.pz-kategori-blog-modul { margin-top: var(--pz-space-6); }
.pz-kategori-blog { padding: var(--pz-space-5) var(--pz-space-4); background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.pz-kategori-blog__baslik { margin: 0 0 var(--pz-space-3); font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); }
.pz-kategori-blog__icerik { max-height: 360px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--pz-border-strong) transparent; }
@media (min-width: 768px) { .pz-kategori-blog { padding: var(--pz-space-6); } }
.pz-marka-kart {
display: flex; flex-direction: column; height: 100%; overflow: hidden; color: var(--pz-text);
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
transition: box-shadow var(--pz-sure-orta) ease, border-color var(--pz-sure-orta) ease;
}
.pz-marka-kart:hover { color: var(--pz-text); border-color: var(--pz-border-strong); box-shadow: var(--pz-shadow-hover); }
.pz-marka-kart__gorsel {
display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; padding: var(--pz-space-4); background: var(--pz-surface-alt);
}
.pz-marka-kart .pz-marka-kart__gorsel img { width: 100%; height: 100%; object-fit: contain; }
.pz-marka-kart__harf { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: var(--pz-font-baslik); font-size: 48px; font-weight: var(--pz-baslik-agirlik); color: var(--pz-text-muted); }
.pz-marka-kart__ad { padding: var(--pz-space-3); text-align: center; font-size: var(--pz-body-fs); line-height: 22px; font-weight: 500; }
.pz-nitelik-kart { display: flex; flex-direction: column; align-items: center; gap: var(--pz-space-2); color: var(--pz-text); text-align: center; }
.pz-nitelik-kart__gorsel { display: block; width: 100%; overflow: hidden; aspect-ratio: 1 / 1; background: var(--pz-surface-alt); border-radius: var(--pz-radius-lg); }
.pz-nitelik-kart .pz-nitelik-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.pz-nitelik-kart__ad { font-size: var(--pz-label-fs); font-weight: var(--pz-label-fw); }
@media (max-width: 991px) {
.pz-liste-ana--yan .row > [class*="col"] + [class*="col"] { margin-top: var(--pz-space-6); }
}
.pz-blog-yan { margin: 0 0 var(--pz-space-4); }
.pz-blog-yan { --pz-baslik-alt: 0; --pz-baslik-ic: var(--pz-space-4) var(--pz-space-4) 0; --pz-baslik-fs: var(--pz-h3-fs); --pz-baslik-fs-md: var(--pz-h3-fs); --pz-baslik-lh: var(--pz-h3-lh); --pz-baslik-lh-md: var(--pz-h3-lh); --pz-baslik-fw: var(--pz-h3-fw); --pz-baslik-ls: var(--pz-h3-ls); }
.pz-blog-yan > .p-g-mod-body { padding: var(--pz-space-2) var(--pz-space-4) var(--pz-space-3); }
.pz-blog-siralama { margin: 0; padding: 0; list-style: none; counter-reset: pz-sira; }
.pz-blog-siralama li { display: flex; align-items: flex-start; gap: var(--pz-space-3); padding: var(--pz-space-3) 0; counter-increment: pz-sira; }
.pz-blog-siralama li + li { border-top: 1px solid var(--pz-border); }
.pz-blog-siralama li::before {
content: counter(pz-sira); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; height: 28px;
background: var(--pz-surface-alt); border-radius: var(--pz-radius-pill); color: var(--pz-text-secondary); font-size: 13px; font-weight: 600;
}
.pz-blog-siralama a {
display: -webkit-box; overflow: hidden; color: var(--pz-text); font-size: var(--pz-label-fs); line-height: 20px;
-webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.pz-blog-siralama a:hover { color: var(--pz-primary); }
.pz-makale__tarih { display: flex; align-items: center; gap: var(--pz-space-2); margin-bottom: var(--pz-space-4); color: var(--pz-text-secondary); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); }
.pz-makale__gorsel { overflow: hidden; margin: 0 0 var(--pz-space-6); background: var(--pz-surface-alt); border-radius: var(--pz-radius-xl); }
.pz-makale .pz-makale__gorsel img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }
.pz-makale__ozet { max-width: 720px; margin: 0 0 var(--pz-space-6); color: var(--pz-text-secondary); font-size: var(--pz-body-lg-fs); line-height: var(--pz-body-lg-lh); }
.pz-makale__icerik { max-width: 720px; }
.pz-makale__paylas:empty { display: none; }
.pz-makale__paylas { max-width: 720px; margin-top: var(--pz-space-8); padding-top: var(--pz-space-5); border-top: 1px solid var(--pz-border); }
.pattern-group .p-g-mod-t-cat-filter > .p-g-mod-header.p-g-mod-header-p-0 { padding: 14px var(--pz-space-4); }
.category-filter-order .list-wrap .list li .product-view-select button span { display: block; }

/* ---- 50-urun.css ---- */
.pz-urun .pz-icon--xs, .pz-hizli .pz-icon--xs, .pz-yorumlar .pz-icon--xs { width: 14px; height: 14px; }
.pz-icon--dolu { fill: currentColor; }
.pz-secim-baslik { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px; margin: 0 0 var(--pz-space-2); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: var(--pz-label-fw); color: var(--pz-text-secondary); }
.pz-secim-baslik label { margin: 0; color: var(--pz-text-secondary); font-weight: var(--pz-label-fw); }
.pz-secim-baslik strong { color: var(--pz-text); font-weight: 600; }
.pz-galeri { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-3); }
.pz-galeri__sahne { position: relative; min-width: 0; }
.pz-galeri__sahne > .product-labels, .pz-galeri__sahne > .product-label { position: absolute; top: var(--pz-space-3); left: var(--pz-space-3); z-index: 3; pointer-events: none; }
.pz-galeri__iz {
display: flex; overflow-x: auto; overflow-y: hidden;
scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain;
scrollbar-width: none; -webkit-overflow-scrolling: touch;
background: var(--pz-surface-alt); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
}
.pz-galeri__iz::-webkit-scrollbar { display: none; }
.pz-galeri__iz:focus-visible { outline: none; box-shadow: var(--pz-focus-ring); }
.pz-galeri__kare {
position: relative; flex: 0 0 100%; aspect-ratio: 1 / 1; scroll-snap-align: start; scroll-snap-stop: always;
display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--pz-surface-alt);
}
.pz-galeri__link { display: block; width: 100%; height: 100%; cursor: zoom-in; }
.pz-galeri__resim, .pz-galeri__video { display: block; width: 100%; height: 100%; object-fit: contain; }
.pz-galeri__resim { transition: transform var(--pz-sure-orta) ease; will-change: transform; }
.pz-galeri__kare.is-zoom .pz-galeri__resim { transform: scale(2); }
.pz-galeri__kare.is-zoom .pz-galeri__link { cursor: crosshair; }
.pz-galeri__kare--bos { color: var(--pz-text-muted); }
.pz-galeri__bos-ikon { width: 56px; height: 56px; stroke-width: 1.2; }
.pz-galeri__ok {
position: absolute; top: 50%; z-index: 2; transform: translateY(-50%);
width: 44px; height: 44px; padding: 0; border: 1px solid var(--pz-border); border-radius: var(--pz-radius-pill);
background: var(--pz-surface); color: var(--pz-text); box-shadow: var(--pz-shadow-hover);
display: none; align-items: center; justify-content: center; cursor: pointer;
transition: color var(--pz-sure-hizli) ease, border-color var(--pz-sure-hizli) ease, opacity var(--pz-sure-hizli) ease;
}
.pz-galeri__ok:hover { color: var(--pz-primary); border-color: var(--pz-primary-border); }
.pz-galeri__ok:disabled { opacity: 0; pointer-events: none; }
.pz-galeri__ok--onceki { left: var(--pz-space-3); }
.pz-galeri__ok--sonraki { right: var(--pz-space-3); }
.pz-galeri__noktalar { display: flex; justify-content: center; align-items: center; gap: 6px; min-height: 8px; }
.pz-galeri__nokta { width: 6px; height: 6px; border-radius: var(--pz-radius-pill); background: var(--pz-border-strong); transition: width var(--pz-sure-orta) ease, background-color var(--pz-sure-orta) ease; }
.pz-galeri__nokta.is-aktif { width: 18px; background: var(--pz-primary); }
.pz-galeri__kucukler { display: none; gap: var(--pz-space-2); overflow-x: auto; scrollbar-width: thin; padding: 2px; }
.pz-galeri__kucuk {
position: relative; flex: 0 0 72px; width: 72px; height: 72px; padding: 0; overflow: hidden; cursor: pointer;
border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); background: var(--pz-surface-alt);
transition: border-color var(--pz-sure-hizli) ease, box-shadow var(--pz-sure-hizli) ease;
}
.pz-galeri__kucuk img { width: 100%; height: 100%; object-fit: contain; display: block; }
.pz-galeri__kucuk:hover { border-color: var(--pz-border-strong); }
.pz-galeri__kucuk.is-aktif { border-color: var(--pz-primary); box-shadow: 0 0 0 1px var(--pz-primary); }
.pz-galeri__oynat { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: var(--pz-kaplama-15); color: var(--pz-on-primary); }
.pz-galeri__oynat svg { width: 28px; height: 28px; fill: currentColor; }
@media (min-width: 768px) {
.pz-galeri__ok { display: inline-flex; }
.pz-galeri__kucukler { display: flex; }
.pz-galeri__noktalar { display: none; }
}
@media (min-width: 992px) {
.pz-galeri__kucuk { flex-basis: 80px; width: 80px; height: 80px; }
.pz-galeri--sol { grid-template-columns: 80px minmax(0, 1fr); align-items: start; }
.pz-galeri--sol .pz-galeri__sahne { grid-column: 2; grid-row: 1; }
.pz-galeri--sol .pz-galeri__kucukler { grid-column: 1; grid-row: 1; flex-direction: column; overflow-x: hidden; overflow-y: auto; height: 0; min-height: 100%; }
.pz-galeri--izgara .pz-galeri__iz { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pz-space-3); overflow: visible; scroll-snap-type: none; background: transparent; border: 0; border-radius: 0; }
.pz-galeri--izgara .pz-galeri__kare { border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.pz-galeri--izgara .pz-galeri__kare:first-child, .pz-galeri--izgara .pz-galeri__kare:last-child:nth-child(even) { grid-column: 1 / -1; }
.pz-galeri--izgara .pz-galeri__ok, .pz-galeri--izgara .pz-galeri__kucukler, .pz-galeri--izgara .pz-galeri__noktalar { display: none; }
}
.pz-galeri--hizli .pz-galeri__kucukler { display: none; }
.pz-galeri--hizli .pz-galeri__noktalar { display: flex; }
@media (prefers-reduced-motion: reduce) { .pz-galeri__iz { scroll-behavior: auto; } }
.pz-urun__duzen { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-6); }
.pz-urun__galeri, .pz-urun__bilgi { min-width: 0; }
@media (min-width: 768px) and (max-width: 991px) {
.pz-urun__galeri { width: 100%; max-width: 640px; margin: 0 auto; }
}
@media (min-width: 992px) {
.pz-urun__duzen { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--pz-space-10); align-items: start; }
.pz-urun__galeri { position: sticky; top: var(--pz-yapiskan-ust, var(--pz-space-6)); }
.pz-urun__duzen:has(.pz-galeri--izgara) .pz-urun__galeri { position: static; }
.pz-urun__duzen:has(.pz-galeri--izgara) .pz-urun__bilgi { position: sticky; top: var(--pz-yapiskan-ust, var(--pz-space-6)); }
}
@media (min-width: 1200px) { .pz-urun__duzen { gap: var(--pz-space-12); } }
.pz-urun__ust { display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3); min-height: 36px; margin-bottom: var(--pz-space-1); }
.pz-urun__ust .pz-paylas { margin-left: auto; }
.pz-urun__marka { margin: 0; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 600; color: var(--pz-text-secondary); }
a.pz-urun__marka:hover { color: var(--pz-primary); }
.pz-urun .pz-urun__bilgi h1.pz-urun__baslik {
margin: 0 0 var(--pz-space-3); padding: 0; border: 0;
font-size: var(--pz-h2-mobile-fs); line-height: 1.3; font-weight: var(--pz-h2-fw); letter-spacing: var(--pz-h2-ls); color: var(--pz-text);
}
@media (min-width: 992px) {
.pz-urun .pz-urun__bilgi h1.pz-urun__baslik { font-size: var(--pz-price-lg-fs); line-height: var(--pz-price-lg-lh); }
}
.pz-puan-satiri { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pz-space-2); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); }
.pz-puan-satiri__deger { font-weight: 600; color: var(--pz-text); font-variant-numeric: tabular-nums; }
.pz-puan-satiri__link { color: var(--pz-text-secondary); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--pz-border-strong); }
.pz-puan-satiri__link:hover { color: var(--pz-primary); text-decoration-color: currentColor; }
.pz-yildiz { position: relative; display: inline-flex; flex-shrink: 0; line-height: 0; color: var(--pz-border-strong); }
.pz-yildiz__bos, .pz-yildiz__dolu { display: inline-flex; gap: 2px; white-space: nowrap; }
.pz-yildiz__dolu { position: absolute; top: 0; left: 0; overflow: hidden; color: var(--pz-star); }
.pz-yildiz svg { width: 18px; height: 18px; flex-shrink: 0; fill: currentColor; }
.pz-yildiz--sm svg { width: 16px; height: 16px; }
.pz-yildiz--lg svg { width: 22px; height: 22px; }
.pz-urun .pz-urun__meta { display: flex; flex-wrap: wrap; gap: var(--pz-space-1) var(--pz-space-4); margin: var(--pz-space-3) 0 0; padding: 0; list-style: none; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-muted); }
.pz-urun .pz-urun__meta .value { color: var(--pz-text-secondary); }
.pz-urun .pz-urun__meta a:hover .value { color: var(--pz-primary); }
.pz-urun .pz-urun__ozet { margin-top: var(--pz-space-4); color: var(--pz-text-secondary); font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); }
.pz-urun__ozet > :last-child { margin-bottom: 0; }
.pz-urun__ozet ul { margin: 0; padding-left: var(--pz-space-5); }
.pz-urun__ozet li { margin-bottom: var(--pz-space-1); }
.pz-urun .pz-fiyat-kutu { display: block; margin-top: var(--pz-space-5); padding-top: var(--pz-space-5); border-top: 1px solid var(--pz-border); color: var(--pz-text); }
.pz-fiyat-kutu .pz-price { align-items: center; row-gap: var(--pz-space-1); }
.pz-fiyat-kutu .pz-price .pz-price__now { color: var(--pz-text); }
.pz-fiyat-kutu .pz-badge.pz-fiyat-kutu__indirim, .pz-fiyat-kutu .pz-badge.discount { width: auto; height: 24px; margin: 0; gap: 4px; flex-direction: row; font-size: var(--pz-caption-fs); }
.pz-fiyat-kutu .pz-badge .rate { font-size: inherit; }
.pz-fiyat-kutu__tutar:empty { display: none; }
.pz-fiyat-kutu__tutar:not(:empty)::before { content: "−"; }
.pz-fiyat-kutu .pz-icon--xs { width: 14px; height: 14px; }
.pz-fiyat-kutu__kargo { height: 24px; }
.pz-fiyat-kutu__not { margin: var(--pz-space-1) 0 0; font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-muted); }
.pz-fiyat-kutu .pz-sepette {
display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: var(--pz-space-2);
margin-top: var(--pz-space-3); padding: var(--pz-space-2) var(--pz-space-3);
border: 1px solid var(--pz-primary-border); border-radius: var(--pz-radius-md); background: var(--pz-primary-subtle);
font-size: var(--pz-label-fs);
}
.pz-sepette__etiket { color: var(--pz-primary-active); font-weight: 600; }
.pz-fiyat-kutu .pz-sepette .pz-sepette__fiyat { font-size: var(--pz-price-fs); line-height: var(--pz-price-lh); font-weight: var(--pz-price-fw); color: var(--pz-text); font-variant-numeric: tabular-nums; }
.pz-urun__durum { display: flex; flex-wrap: wrap; gap: var(--pz-space-2) var(--pz-space-5); margin: var(--pz-space-4) 0 0; padding: 0; list-style: none; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text-secondary); }
.pz-durum { display: inline-flex; align-items: center; gap: var(--pz-space-2); }
.pz-durum .pz-icon { color: var(--pz-text-muted); }
.pz-durum__nokta { width: 8px; height: 8px; border-radius: var(--pz-radius-pill); background: var(--pz-text-muted); }
.pz-durum--var { color: var(--pz-success); font-weight: 500; }
.pz-durum--var .pz-durum__nokta { background: var(--pz-success); box-shadow: 0 0 0 3px var(--pz-success-subtle); }
.pz-durum--yok { color: var(--pz-danger); font-weight: 500; }
.pz-durum--yok .pz-durum__nokta { background: var(--pz-danger); box-shadow: 0 0 0 3px var(--pz-danger-subtle); }
.pz-urun .pz-iliskili { margin-top: var(--pz-space-5); }
.pz-iliskili .pz-secim-baslik { margin: 0 0 var(--pz-space-2); }
.pz-iliskili .pz-iliskili__liste { display: flex; flex-wrap: wrap; gap: var(--pz-space-2); }
.pz-iliskili .pz-iliskili__oge {
display: flex; flex-direction: column; align-items: center; gap: 4px; width: 72px; height: auto; margin: 0; padding: 4px;
border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); background: var(--pz-surface);
font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 500; color: var(--pz-text-secondary); text-align: center;
}
.pz-iliskili .pz-iliskili__oge img { width: 62px; height: 62px; object-fit: contain; border: 0; border-radius: var(--pz-radius-sm); background: var(--pz-surface-alt); }
.pz-iliskili .pz-iliskili__oge:hover { border-color: var(--pz-border-strong); color: var(--pz-text); }
.pz-iliskili .pz-iliskili__oge.active { border-color: var(--pz-primary); box-shadow: 0 0 0 1px var(--pz-primary); color: var(--pz-text); }
.pz-iliskili .pz-iliskili__oge.active img { border: 0; }
.pz-urun .pz-ozellikler { margin-top: var(--pz-space-6); padding-top: var(--pz-space-5); border-top: 1px solid var(--pz-border); }
.pz-ozellikler__baslik { margin: 0 0 var(--pz-space-3); font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 600; letter-spacing: 0; }
.pz-ozellikler__liste { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0; }
.pz-ozellikler__satir { display: grid; grid-template-columns: minmax(96px, 40%) minmax(0, 1fr); gap: var(--pz-space-3); padding: var(--pz-space-2) 0; border-bottom: 1px dashed var(--pz-border); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); }
.pz-ozellikler__satir dt { font-weight: 400; color: var(--pz-text-muted); }
.pz-ozellikler__satir dd { margin: 0; color: var(--pz-text); font-weight: 500; }
.pz-ozellikler__satir dd a { display: inline-block; min-width: 24px; padding: 4px 0; margin: -4px 0; color: inherit; }
.pz-ozellikler__satir dd a:hover { color: var(--pz-primary); }
.pz-ozellikler .pz-ozellikler__tumu { margin-top: var(--pz-space-2); padding: 0; height: 40px; }
.pz-paylas { position: relative; }
.pz-paylas__ac {
display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
border: 1px solid var(--pz-border); border-radius: var(--pz-radius-pill); background: var(--pz-surface); color: var(--pz-text-secondary);
cursor: pointer; list-style: none; transition: color var(--pz-sure-hizli) ease, border-color var(--pz-sure-hizli) ease;
}
.pz-paylas__ac::-webkit-details-marker { display: none; }
.pz-paylas__ac::marker { content: ""; }
.pz-paylas__ac:hover, .pz-paylas[open] .pz-paylas__ac { color: var(--pz-primary); border-color: var(--pz-primary-border); }
.pz-paylas__menu {
position: absolute; top: calc(100% + var(--pz-space-2)); right: 0; z-index: 20; min-width: 220px; padding: var(--pz-space-2);
border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); background: var(--pz-surface); box-shadow: var(--pz-shadow-overlay);
}
.pz-paylas__oge {
display: flex; align-items: center; gap: var(--pz-space-3); width: 100%; min-height: 44px; padding: 0 var(--pz-space-3);
border: 0; border-radius: var(--pz-radius-sm); background: transparent; color: var(--pz-text);
font-family: inherit; font-size: var(--pz-label-fs); font-weight: 500; text-align: left; cursor: pointer;
}
.pz-paylas__oge:hover { background: var(--pz-surface-alt); color: var(--pz-text); }
.pz-paylas__oge .pz-icon { color: var(--pz-text-secondary); }
.pz-paylas__oge.is-kopyalandi { color: var(--pz-success); }
.pz-urun .pz-kampanyalar { margin-top: var(--pz-space-6); padding: var(--pz-space-4); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); background: var(--pz-surface); }
html:not([lang^="tr"]) .pz-kampanyalar { display: none; }
.pz-kampanyalar__baslik { margin: 0; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 600; color: var(--pz-text); }
.pz-kampanyalar__aciklama { margin: 2px 0 var(--pz-space-3); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-muted); }
.pz-kampanyalar__liste { margin: 0; padding: 0; list-style: none; }
.pz-kampanyalar__liste li + li { border-top: 1px solid var(--pz-border); }
.pz-kampanyalar__oge { display: flex; align-items: center; gap: var(--pz-space-3); min-height: 52px; padding: var(--pz-space-2) 0; color: var(--pz-text); font-size: var(--pz-label-fs); font-weight: 500; }
.pz-kampanyalar__oge:hover { color: var(--pz-primary); }
.pz-kampanyalar__resim { width: 36px; height: 36px; flex-shrink: 0; object-fit: cover; border-radius: var(--pz-radius-sm); background: var(--pz-surface-alt); }
.pz-kampanyalar__metin { flex: 1; min-width: 0; }
.pz-kampanyalar__oge .pz-icon { color: var(--pz-text-muted); }
.pz-urun__bilgi .pz-varyant, .pz-hizli__bilgi .pz-varyant { margin: var(--pz-space-5) 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; font-size: var(--pz-label-fs); }
.pz-varyant ul { margin: 0; padding: 0; list-style: none; }
.pz-varyant .pz-varyant__grup { margin: 0 0 var(--pz-space-4); }
.pz-varyant .pz-varyant__grup:last-child { margin-bottom: 0; }
.pz-varyant--kutucuk .pz-varyant__select { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.pz-varyant--liste .pz-varyant__select { max-width: 360px; }
.pz-varyant .pz-varyant__secenekler { display: flex; flex-wrap: wrap; gap: var(--pz-space-2); }
.pz-varyant .pz-varyant__secenekler .pz-varyant__kutu {
display: inline-flex; align-items: center; justify-content: center; min-width: 52px; height: 44px; margin: 0; padding: 0 var(--pz-space-4);
border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md); background: var(--pz-surface);
color: var(--pz-text); font-size: var(--pz-label-fs); font-weight: 500; text-decoration: none;
transition: border-color var(--pz-sure-hizli) ease, background-color var(--pz-sure-hizli) ease, color var(--pz-sure-hizli) ease;
}
.pz-varyant .pz-varyant__secenekler .pz-varyant__kutu:hover { border-color: var(--pz-text); color: var(--pz-text); }
.pz-varyant .pz-varyant__secenekler .pz-varyant__kutu.active { border-color: var(--pz-primary); background: var(--pz-primary-subtle); color: var(--pz-primary-active); box-shadow: inset 0 0 0 1px var(--pz-primary); }
.pz-varyant .pz-varyant__secenekler .pz-varyant__kutu.sold-out { border-style: dashed; border-color: var(--pz-border-strong); background: var(--pz-disabled-bg); color: var(--pz-disabled-text); text-decoration: line-through; box-shadow: none; }
.pz-olcu { margin-top: var(--pz-space-3); }
.pz-olcu .pz-btn { padding: 0; height: 36px; color: var(--pz-primary); }
.pz-urun .pz-satin-al, .pz-hizli .pz-satin-al { margin-top: var(--pz-space-6); }
.pz-satin-al__birim { margin: 0 0 var(--pz-space-2); font-size: var(--pz-body-sm-fs); color: var(--pz-text-secondary); }
.pz-satin-al__birim strong { color: var(--pz-text); font-weight: 600; }
.pz-satin-al__satir { display: flex; align-items: stretch; gap: var(--pz-space-2); }
.pz-satin-al__satir + .pz-satin-al__satir { margin-top: var(--pz-space-2); }
.pz-satin-al__sepet { flex: 1 1 auto; min-width: 0; }
.pz-satin-al__satir--ikincil > .pz-btn { flex: 1 1 0; min-width: 0; }
.pz-satin-al__satir--ikincil .pz-btn { white-space: normal; text-align: center; line-height: 1.2; }
.pz-satin-al__whatsapp .pz-icon { color: var(--pz-whatsapp); }
.pz-satin-al__alarm { display: inline-flex; align-items: center; gap: var(--pz-space-2); min-height: 44px; margin-top: var(--pz-space-2); font-size: var(--pz-label-fs); font-weight: 500; }
.pz-satin-al__parca { margin-top: var(--pz-space-3); }
.pz-satin-al__not { margin: var(--pz-space-3) 0; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); }
.pz-satin-al--tukendi .pz-alert { margin: var(--pz-space-3) 0 0; }
@media (max-width: 575px) {
.pz-satin-al__satir--ikincil { flex-direction: column; }
.pz-satin-al .pz-satin-al__sepet { padding: 0 var(--pz-space-3); }
.pz-satin-al .pz-qty .pz-qty__btn, .pz-satin-al .pz-qty input { width: 34px; }
}
@media (max-width: 399px) {
.pz-satin-al .pz-satin-al__sepet .pz-icon { display: none; }
}
.pz-satin-al .pz-qty { flex: 0 0 auto; height: 52px; margin: 0; align-items: center; justify-content: flex-start; }
.pz-satin-al .pz-qty .pz-qty__btn {
display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 100%;
color: var(--pz-text); border-radius: var(--pz-radius-md); text-decoration: none;
}
.pz-satin-al .pz-qty .pz-qty__btn:hover { color: var(--pz-primary); background: var(--pz-surface-alt); }
.pz-satin-al .pz-qty input {
width: 40px; height: 100%; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent;
text-align: center; font-size: var(--pz-body-fs); font-weight: 600; color: var(--pz-text); font-variant-numeric: tabular-nums;
-moz-appearance: textfield;
}
.pz-satin-al .pz-qty input:focus { outline: none; box-shadow: none; }
.pz-satin-al .pz-qty:focus-within { border-color: var(--pz-primary); }
.pz-favori { flex: 0 0 auto; }
.pz-favori .pz-favori__btn {
width: 52px; height: 52px; padding: 13px; border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md);
background: var(--pz-surface); color: var(--pz-text); line-height: 0;
transition: color var(--pz-sure-hizli) ease, border-color var(--pz-sure-hizli) ease;
}
.pz-favori .pz-favori__btn .pz-icon { display: block; width: 24px; height: 24px; }
.pz-favori .pz-favori__btn:hover { border-color: var(--pz-text); color: var(--pz-primary); }
.pz-favori .pz-favori__btn--aktif { color: var(--pz-accent); border-color: var(--pz-border-strong); }
.pz-odeme-satirlari { display: flex; flex-direction: column; gap: var(--pz-space-2); margin: var(--pz-space-4) 0 0; padding: 0; list-style: none; }
.pz-odeme-satirlari .pz-odeme-satirlari__oge {
display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--pz-space-2); width: auto; margin: 0; padding: 0;
border: 0; border-radius: 0; background: transparent;
font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text-secondary);
}
.pz-odeme-satirlari .pz-odeme-satirlari__oge.d-none { display: none; }
.pz-odeme-satirlari__oge > .pz-icon { color: var(--pz-text-muted); }
.pz-odeme-satirlari__oge strong { color: var(--pz-text); font-weight: 600; font-variant-numeric: tabular-nums; }
.pz-odeme-satirlari__link { font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.pz-odeme-satirlari__oge--promosyon { color: var(--pz-primary-active); }
.pz-odeme-satirlari__oge--promosyon > .pz-icon { color: var(--pz-primary); }
.pz-guven { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pz-space-2); margin: var(--pz-space-5) 0 0; padding: 0; list-style: none; }
.pz-guven__oge { display: flex; align-items: center; gap: var(--pz-space-2); min-height: 48px; padding: var(--pz-space-2) var(--pz-space-3); border-radius: var(--pz-radius-md); background: var(--pz-surface-alt); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 500; color: var(--pz-text); }
.pz-guven__ikon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: var(--pz-radius-pill); background: var(--pz-surface); color: var(--pz-primary); }
.pz-guven__ikon--logo { background: transparent; }
.pz-guven__ikon--logo img { width: 32px; height: 32px; object-fit: contain; }
.pz-toptan-kap { height: 100%; container-type: inline-size; }
.pz-toptan {
display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--pz-space-3) var(--pz-space-4);
height: 100%; padding: var(--pz-space-4); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); background: var(--pz-surface);
}
.pz-toptan__ikon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: var(--pz-radius-pill); background: var(--pz-primary-subtle); color: var(--pz-primary); overflow: hidden; }
.pz-toptan__ikon img { width: 100%; height: 100%; object-fit: cover; }
.pz-toptan__metin { min-width: 0; }
.pz-toptan__ust { margin: 0 0 2px; font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; letter-spacing: var(--pz-caption-ls); color: var(--pz-primary-active); }
.pz-toptan__baslik { margin: 0; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 600; color: var(--pz-text); }
.pz-toptan__aciklama { margin: 2px 0 0; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); }
.pz-toptan__eylemler { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--pz-space-2) var(--pz-space-4); }
.pz-toptan__eylemler .pz-btn--outline { flex: 1 1 auto; }
@container (min-width: 520px) {
.pz-toptan { grid-template-columns: auto minmax(0, 1fr) auto; }
.pz-toptan__eylemler { grid-column: auto; flex-direction: column; align-items: flex-end; gap: 0; }
.pz-toptan__eylemler .pz-btn--outline { flex: 0 0 auto; }
.pz-toptan__eylemler .pz-btn--ghost { height: 32px; font-size: var(--pz-body-sm-fs); }
}
.pz-urun .pz-set { margin-top: var(--pz-space-5); }
.pz-set .pd-bundle-vertical { margin-top: var(--pz-space-2); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); background: var(--pz-surface); }
.pz-set .pd-bundle-vertical .pd-bundle-row { background: var(--pz-surface); padding: var(--pz-space-3); gap: var(--pz-space-3); }
.pz-set .pd-bundle-vertical .pd-bundle-image { border-color: var(--pz-border); border-radius: var(--pz-radius-md); background: var(--pz-surface-alt); }
.pz-set .pd-bundle-vertical .pd-bundle-title { font-size: var(--pz-label-fs); color: var(--pz-text); }
.pz-set .pd-bundle-vertical .pd-bundle-title span { color: var(--pz-text-muted); }
.pz-set .pd-bundle-vertical .pd-bundle-stock-warning,
.pz-set .pd-bundle-vertical .pd-bundle-related-products,
.pz-set .pd-bundle-vertical .pd-bundle-variants { border-top-color: var(--pz-border); color: var(--pz-text-secondary); }
.pz-set .pd-bundle-vertical .pd-bundle-related-items button { border-color: var(--pz-border); border-radius: var(--pz-radius-md); background: var(--pz-surface); }
.pz-set .pd-bundle-vertical .pd-bundle-related-items button.active { border-color: var(--pz-primary); box-shadow: 0 0 0 1px var(--pz-primary); }
.pz-set .onizleme-yer-tutucu { padding: var(--pz-space-3); border: 1px dashed var(--pz-border-strong); border-radius: var(--pz-radius-md); color: var(--pz-text-muted); font-size: var(--pz-body-sm-fs); }
.product-piece-list-1 { border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); background: var(--pz-surface); overflow: hidden; }
.product-piece-list-1 .table { margin: 0; }
.product-piece-list-1 .table td { padding: var(--pz-space-3); border-color: var(--pz-border); vertical-align: middle; }
.product-piece-list-1 .piece-profile { font-size: var(--pz-label-fs); color: var(--pz-text); }
.product-piece-list-1 .piece-profile .sale-price { color: var(--pz-text); font-size: var(--pz-price-fs); font-weight: var(--pz-price-fw); font-variant-numeric: tabular-nums; }
.product-body .product-customer-actions {
display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pz-space-2); padding: var(--pz-space-2);
border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); background: var(--pz-surface);
}
.product-body .product-customer-actions .action { flex: 1 1 0; min-width: 0; border: 0; }
.product-body .product-customer-actions .action:first-child { border: 0; }
.product-body .product-customer-actions .action .button {
display: flex; align-items: center; justify-content: center; gap: var(--pz-space-2); width: 100%; min-height: 44px; padding: var(--pz-space-2);
border-radius: var(--pz-radius-md); color: var(--pz-text-secondary); font-size: var(--pz-label-fs); font-weight: 500;
}
.product-body .product-customer-actions .action .button:hover { background: var(--pz-surface-alt); color: var(--pz-text); }
.product-body .product-customer-actions .action .button i { margin: 0; font-size: 16px; color: var(--pz-text-muted); }
.product-body .product-customer-actions .action .button:hover i { color: var(--pz-primary); }
.product-body .product-customer-actions .action .button span { display: inline; text-align: center; }
@media (max-width: 991px) {
.product-body .product-customer-actions .action .button { font-size: 13px; line-height: 16px; }
.product-body .product-customer-actions .action .button i { flex-shrink: 0; font-size: 18px; }
}
.product-body .pattern-group .p-g-tab-wrapper .p-g-t-nav { display: block; height: auto; margin-bottom: 0; border: 0; border-bottom: 1px solid var(--pz-border); }
.product-body .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav { justify-content: flex-start; height: auto; gap: var(--pz-space-8); }
.product-body .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link { padding: var(--pz-space-4) 0; font-size: var(--pz-body-fs); color: var(--pz-text-secondary); }
.product-body .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link:hover { color: var(--pz-text); }
.product-body .pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link.active { color: var(--pz-text); border-bottom-color: var(--pz-primary); }
.product-body .pattern-group .p-g-tab-wrapper .tab-content { padding: var(--pz-space-6) 0 0; border: 0; }
.pz-akordeon-baslik { display: none; }
.product-body .p-g-tab-wrapper, .pz-akordeon-baslik, [data-pz-sekme] { scroll-margin-top: calc(var(--pz-yapiskan-ust, 0px) + var(--pz-space-4)); }
@media (max-width: 767px) {
.product-body .pattern-group .pz-sekme-akordeon .p-g-t-nav { display: none; }
.product-body .pattern-group .pz-sekme-akordeon .tab-content { padding: 0; border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); background: var(--pz-surface); overflow: hidden; }
.pz-sekme-akordeon .tab-content > .pz-akordeon-baslik {
display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3); width: 100%; min-height: 56px;
padding: var(--pz-space-3) var(--pz-space-4); border: 0; border-top: 1px solid var(--pz-border); background: var(--pz-surface);
color: var(--pz-text); font-family: inherit; font-size: var(--pz-body-fs); font-weight: 600; text-align: left; cursor: pointer;
}
.pz-sekme-akordeon .tab-content > .pz-akordeon-baslik:first-child { border-top: 0; }
.pz-akordeon-baslik .pz-icon { color: var(--pz-text-muted); transition: transform var(--pz-sure-orta) ease; }
.pz-akordeon-baslik[aria-expanded="true"] .pz-icon { transform: rotate(180deg); }
.product-body .pattern-group .pz-sekme-akordeon .tab-content > .tab-pane { display: none; padding: 0 var(--pz-space-4) var(--pz-space-4); opacity: 1; }
.product-body .pattern-group .pz-sekme-akordeon .tab-content > .tab-pane.pz-acik { display: block; }
}
.pz-detay { color: var(--pz-text-secondary); font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); }
.pz-detay p { margin: 0 0 var(--pz-space-3); }
.pz-detay h2, .pz-detay h3, .pz-detay h4 { margin: var(--pz-space-5) 0 var(--pz-space-2); color: var(--pz-text); font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); }
.pz-detay ul, .pz-detay ol { padding-left: var(--pz-space-5); margin: 0 0 var(--pz-space-3); }
.pz-detay li { margin-bottom: var(--pz-space-1); }
.pz-detay img { max-width: 100%; height: auto; border-radius: var(--pz-radius-md); }
.pz-detay a { text-decoration: underline; text-underline-offset: 3px; }
.pz-aciklama__icerik { max-width: 840px; }
.pz-aciklama.is-kisa .pz-aciklama__icerik { max-height: 420px; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, var(--pz-text) 55%, transparent); mask-image: linear-gradient(to bottom, var(--pz-text) 55%, transparent); }
.pz-aciklama__devami {
display: inline-flex; align-items: center; gap: var(--pz-space-2); min-height: 44px; margin-top: var(--pz-space-2); padding: 0;
border: 0; background: transparent; color: var(--pz-text); font: inherit; font-weight: 600; cursor: pointer;
text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px;
}
.pz-aciklama__devami.d-none { display: none; }
.pz-aciklama__devami:hover { color: var(--pz-primary); }
.pz-aciklama__devami:focus-visible { outline: 2px solid var(--pz-primary); outline-offset: 4px; border-radius: var(--pz-radius-sm); }
.pz-aciklama__devami .pz-icon { transition: transform var(--pz-sure-orta) ease; }
.pz-aciklama__devami[aria-expanded="true"] .pz-icon { transform: rotate(180deg); }
.pz-nitelik-tablosu { width: 100%; max-width: 640px; margin: var(--pz-space-5) 0 0; border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); border-collapse: separate; border-spacing: 0; overflow: hidden; font-size: var(--pz-label-fs); }
.pz-detay .pz-nitelik-tablosu th, .pz-detay .pz-nitelik-tablosu td { padding: var(--pz-space-3) var(--pz-space-4); border: 0; border-top: 1px solid var(--pz-border); vertical-align: top; }
.pz-detay .pz-nitelik-tablosu tr:first-child th, .pz-detay .pz-nitelik-tablosu tr:first-child td { border-top: 0; }
.pz-nitelik-tablosu th { width: 40%; background: var(--pz-surface-alt); color: var(--pz-text-muted); font-weight: 500; }
.pz-nitelik-tablosu td { color: var(--pz-text); font-weight: 500; }
.pz-nitelik-tablosu td a { color: inherit; text-decoration: none; }
.pz-taksitler #paytr_taksit_tablosu {
display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: var(--pz-space-3);
max-width: none; font-family: inherit; font-size: var(--pz-label-fs); text-align: left;
}
.pz-taksitler #paytr_taksit_tablosu::before, .pz-taksitler #paytr_taksit_tablosu::after { display: none; }
.pz-taksitler .taksit-tablosu-wrapper {
display: flex; flex-direction: column; width: auto; margin: 0; padding: var(--pz-space-4);
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); cursor: default;
}
.pz-taksitler .taksit-logo { display: flex; align-items: center; height: 32px; margin-bottom: var(--pz-space-3); }
.pz-taksitler .taksit-logo img { display: block; width: auto; max-width: 120px; max-height: 24px; padding: 0; }
.pz-taksitler .taksit-baslik, .pz-taksitler .taksit-tutar-wrapper { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--pz-space-3); }
.pz-taksitler .taksit-baslik { padding-bottom: var(--pz-space-2); border-bottom: 1px solid var(--pz-border); }
.pz-taksitler .taksit-tutari-text { float: none; width: auto; margin: 0; font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; letter-spacing: var(--pz-caption-ls); color: var(--pz-text-muted); }
.pz-taksitler .taksit-tutari-text + .taksit-tutari-text { text-align: right; }
.pz-taksitler .taksit-tutar-wrapper { background: transparent; border-bottom: 1px solid var(--pz-border); }
.pz-taksitler .taksit-tutar-wrapper:last-child { border-bottom: 0; }
.pz-taksitler .taksit-tutar-wrapper:hover { background: var(--pz-surface-alt); }
.pz-taksitler .taksit-tutari { float: none; width: auto; padding: var(--pz-space-2) 0; border: 0; color: var(--pz-text); font-weight: 500; font-variant-numeric: tabular-nums; }
.pz-taksitler .taksit-tutari + .taksit-tutari { text-align: right; color: var(--pz-text-secondary); font-weight: 400; }
.pz-taksitler .taksit-tutari-bold { font-weight: 600; }
@media (max-width: 575.98px) {
.pz-taksitler #paytr_taksit_tablosu { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 80%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: var(--pz-space-2); scrollbar-width: thin; }
.pz-taksitler .taksit-tablosu-wrapper { scroll-snap-align: start; }
}
.pz-onizleme-notu { margin: 0 0 var(--pz-space-3); font-size: var(--pz-caption-fs); color: var(--pz-text-muted); }
.pz-yorumlar__baslik { margin: 0 0 var(--pz-space-5); font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); }
.pz-yorumlar__ozet { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-5); padding: var(--pz-space-5); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); background: var(--pz-surface); }
@media (min-width: 768px) { .pz-yorumlar__ozet { grid-template-columns: auto minmax(0, 1fr); align-items: center; } .pz-yorumlar__yaz { grid-column: 1 / -1; } }
@media (min-width: 992px) { .pz-yorumlar__ozet { grid-template-columns: 220px minmax(0, 1fr) 260px; gap: var(--pz-space-8); } .pz-yorumlar__yaz { grid-column: auto; } }
.pz-yorumlar__puan { display: flex; align-items: center; gap: var(--pz-space-3); }
.pz-yorumlar__ortalama { font-size: 44px; line-height: 1; font-weight: 600; letter-spacing: -0.02em; color: var(--pz-text); font-variant-numeric: tabular-nums; }
.pz-yorumlar__sayi { display: block; margin-top: 4px; font-size: var(--pz-body-sm-fs); color: var(--pz-text-muted); }
.pz-yorumlar__dagilim { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.pz-yorumlar__dagilim-satir { display: grid; grid-template-columns: 34px minmax(0, 1fr) 36px; align-items: center; gap: var(--pz-space-2); font-size: var(--pz-body-sm-fs); color: var(--pz-text-secondary); font-variant-numeric: tabular-nums; }
.pz-yorumlar__dagilim-puan { display: inline-flex; align-items: center; gap: 2px; }
.pz-yorumlar__dagilim-yildiz { width: 13px; height: 13px; fill: var(--pz-star); }
.pz-yorumlar__cubuk { position: relative; height: 8px; border-radius: var(--pz-radius-pill); background: var(--pz-surface-alt); overflow: hidden; }
.pz-yorumlar__cubuk-dolu { position: absolute; inset: 0 auto 0 0; border-radius: var(--pz-radius-pill); background: var(--pz-star); }
.pz-yorumlar__dagilim-sayi { text-align: right; }
.pz-yorumlar__yaz { display: flex; flex-direction: column; align-items: flex-start; gap: var(--pz-space-3); }
.pz-yorumlar__yaz-metin { margin: 0; font-size: var(--pz-label-fs); color: var(--pz-text-secondary); }
.pz-yorumlar__bos { margin: var(--pz-space-5) 0 0; color: var(--pz-text-muted); }
.pz-yorumlar__alt-baslik { margin: var(--pz-space-8) 0 var(--pz-space-3); font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 600; letter-spacing: 0; }
.pz-yorumlar__foto { display: block; aspect-ratio: 1 / 1; border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); overflow: hidden; background: var(--pz-surface-alt); }
.pz-yorumlar__foto img { width: 100%; height: 100%; object-fit: cover; }
.product-comment-list-v2 .pz-yorumlar__liste { display: flex; flex-direction: column; margin-top: var(--pz-space-4); }
.pz-yorum { padding: var(--pz-space-5) 0; border-bottom: 1px solid var(--pz-border); }
.pz-yorumlar__liste .pz-yorum:last-child { border-bottom: 0; }
.pz-yorum__ust { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pz-space-1) var(--pz-space-3); }
.pz-yorum__yildizlar { display: inline-flex; gap: 2px; color: var(--pz-border-strong); line-height: 0; }
.pz-yorum__yildizlar svg { width: 15px; height: 15px; fill: currentColor; }
.pz-yorum__yildizlar .is-dolu { color: var(--pz-star); }
.pz-yorum__ad { font-size: var(--pz-label-fs); font-weight: 600; color: var(--pz-text); }
.pz-yorum__onay { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 8px; border-radius: var(--pz-radius-sm); background: var(--pz-success-subtle); color: var(--pz-success); font-size: var(--pz-caption-fs); font-weight: 600; }
.pz-yorum__tarih { font-size: var(--pz-caption-fs); color: var(--pz-text-muted); }
.pz-yorum__metin { margin: var(--pz-space-2) 0 0; max-width: 720px; color: var(--pz-text-secondary); font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); }
.pz-yorum__gorseller { display: flex; flex-wrap: wrap; gap: var(--pz-space-2); margin-top: var(--pz-space-3); }
.pz-yorum__gorsel img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--pz-radius-md); border: 1px solid var(--pz-border); }
.pz-yorum__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--pz-space-2) var(--pz-space-4); margin-top: var(--pz-space-3); font-size: var(--pz-body-sm-fs); color: var(--pz-text-muted); }
.pz-yorum__begeni { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pz-space-2); }
.pz-yorum__begeni a, .pz-yorum__bildir a { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; padding: 0 var(--pz-space-2); border-radius: var(--pz-radius-sm); color: var(--pz-text-secondary); }
.pz-yorum__begeni a { border: 1px solid var(--pz-border); }
.pz-yorum__begeni a:hover, .pz-yorum__bildir a:hover { color: var(--pz-text); background: var(--pz-surface-alt); }
.pz-yorumlar__daha { margin-top: var(--pz-space-4); text-align: center; }
.pz-yorum-foto .modal-body { position: relative; padding: var(--pz-space-4); }
.pz-yorum-foto .pz-yorum-foto__kapat { position: absolute; top: var(--pz-space-3); right: var(--pz-space-3); z-index: 3; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--pz-radius-pill); background: var(--pz-surface); opacity: 1; color: var(--pz-text); }
.pz-yorum-foto__resim { position: relative; display: flex; align-items: center; justify-content: center; background: var(--pz-surface-alt); border-radius: var(--pz-radius-md); overflow: hidden; }
.pz-yorum-foto__resim img { max-width: 100%; max-height: 70vh; }
.pz-yorum-foto__resim .controls { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 0; border: 1px solid var(--pz-border); border-radius: var(--pz-radius-pill); background: var(--pz-surface); color: var(--pz-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.pz-yorum-foto__resim .control-left { left: var(--pz-space-3); }
.pz-yorum-foto__resim .control-right { right: var(--pz-space-3); }
.pz-yorum-foto__yorum { padding-top: var(--pz-space-4); }
.pz-talimat .pz-bolum-baslik { margin-bottom: var(--pz-space-5); }
.pz-talimat__izgara { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-3); }
@media (min-width: 768px) { .pz-talimat__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pz-space-4); } }
.pz-talimat__kart { padding: var(--pz-space-5); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); background: var(--pz-surface); color: var(--pz-text-secondary); font-size: var(--pz-label-fs); line-height: 1.55; }
.pz-talimat__kart-ust { display: flex; align-items: center; gap: var(--pz-space-3); margin-bottom: var(--pz-space-3); }
.pz-talimat__ikon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: var(--pz-radius-pill); background: var(--pz-primary-subtle); color: var(--pz-primary); }
.pz-talimat__baslik { margin: 0; font-size: var(--pz-body-lg-fs); line-height: 1.35; font-weight: 600; letter-spacing: -0.01em; color: var(--pz-text); }
.pz-talimat__kart p { margin: 0 0 var(--pz-space-2); }
.pz-talimat__kart ul { margin: 0; padding-left: var(--pz-space-5); }
.pz-talimat__kart li { margin-bottom: var(--pz-space-1); }
.pz-talimat__kart li::marker { color: var(--pz-primary); }
.pz-talimat__kart strong { color: var(--pz-text); }
.product-body .p-g-mod-t-57 .p-g-mod-header { margin-bottom: var(--pz-space-5); }
.product-body .pattern-group .p-g-mod.p-g-mod-t-75 .p-g-mod-body { height: 100%; padding: 0; }
.product-body .free-shipping-limit {
display: flex; align-items: center; justify-content: flex-start; gap: var(--pz-space-4); height: 100%; min-height: 80px;
padding: var(--pz-space-4); border: 1px solid var(--pz-primary-border); border-radius: var(--pz-radius-lg); background: var(--pz-primary-subtle);
}
.product-body .free-shipping-limit .icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0; flex-shrink: 0; border-radius: var(--pz-radius-pill); background: var(--pz-surface); color: var(--pz-primary); font-size: 20px; }
.product-body .free-shipping-limit .info .name { font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 600; color: var(--pz-text); }
.product-body .free-shipping-limit .info .name span { color: var(--pz-primary-active); }
.product-body .free-shipping-limit .info .description { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 400; color: var(--pz-text-secondary); }
.product-body .free-shipping-limit .info .description span { font-weight: 600; color: var(--pz-text); }
.pz-urun-alisveris .p-g-b-c-wrapper, .pz-urun-alisveris .p-g-b-c-inner, .pz-urun-alisveris .p-g-mod, .pz-urun-alisveris .p-g-mod-body { height: 100%; }
.pz-urun-alisveris .row { row-gap: var(--pz-space-3); }
.modal .modal-dialog.hizli-sepet { max-width: 920px; }
.modal .modal-dialog.hizli-sepet .modal-content { border: 0; border-radius: var(--pz-radius-xl); overflow: hidden; }
.modal .modal-dialog.hizli-sepet .modal-body { padding: 0; }
.pz-hizli { display: grid; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .pz-hizli { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.pz-hizli__galeri { padding: var(--pz-space-4); background: var(--pz-surface-alt); }
.pz-hizli__galeri .pz-galeri__iz { border-color: transparent; }
.hizli-sepet .pz-hizli .pz-galeri__sahne .product-favourite2.pz-favori--yuzen { position: absolute; top: var(--pz-space-3); left: var(--pz-space-3); z-index: 3; width: auto; height: auto; padding: 0; background: transparent; border-radius: 0; box-shadow: none; display: block; }
.pz-favori--yuzen .pz-favori__btn { width: 44px; height: 44px; padding: 9px; border-color: var(--pz-border); border-radius: var(--pz-radius-pill); box-shadow: var(--pz-shadow-hover); }
.hizli-sepet .pz-hizli .pz-hizli__bilgi.fast-product-cart-box { display: flex; flex-direction: column; height: auto; max-height: none; overflow: visible; padding: var(--pz-space-5) var(--pz-space-4); }
@media (min-width: 768px) {
.hizli-sepet .pz-hizli .pz-hizli__bilgi.fast-product-cart-box { max-height: 640px; overflow-y: auto; padding: var(--pz-space-8) var(--pz-space-6) var(--pz-space-6); }
}
.hizli-sepet .pz-hizli .pz-hizli__bilgi .pz-hizli__baslik.fast-product-title { margin: 0 0 var(--pz-space-2); font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: 500; letter-spacing: -0.01em; color: var(--pz-text); }
.pz-hizli__bilgi .pz-urun__marka { margin-bottom: var(--pz-space-1); }
.hizli-sepet .pz-hizli .pz-hizli__bilgi .pz-fiyat-kutu { display: block; margin-top: var(--pz-space-4); padding-top: var(--pz-space-4); border-top: 1px solid var(--pz-border); }
.hizli-sepet .pz-hizli .pz-fiyat-kutu .pz-price .pz-price__old.list-price { margin: 0; font-size: 17px; font-weight: 400; color: var(--pz-text-muted); }
.hizli-sepet .pz-hizli .pz-fiyat-kutu .pz-price .pz-price__now.sale-price { font-size: var(--pz-price-lg-fs); line-height: var(--pz-price-lg-lh); font-weight: var(--pz-price-fw); }
.hizli-sepet .pz-hizli .pz-hizli__bilgi .pz-hizli__ozet.short-desc { margin: var(--pz-space-3) 0 0; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pz-hizli .pz-satin-al { margin-top: var(--pz-space-5); }
.pz-hizli__detay { align-self: flex-start; margin-top: var(--pz-space-3); padding: 0; }
.pz-yapiskan-sepet {
position: fixed; left: 0; right: 0; bottom: var(--pz-alt-nav-h); z-index: 940;
display: flex; align-items: center; gap: var(--pz-space-3);
padding: var(--pz-space-2) var(--pz-gutter);
background: var(--pz-surface); border-top: 1px solid var(--pz-border); box-shadow: var(--pz-shadow-hover);
}
.pz-yapiskan-sepet[hidden] { display: none; }
body:not(:has(.pz-alt-nav)) .pz-yapiskan-sepet { padding-bottom: calc(var(--pz-space-2) + env(safe-area-inset-bottom)); }
.pz-yapiskan-sepet__bilgi { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; }
.pz-yapiskan-sepet__ad {
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-secondary);
}
.pz-yapiskan-sepet__fiyat { font-size: var(--pz-price-fs); line-height: var(--pz-price-lh); font-weight: var(--pz-price-fw); color: var(--pz-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pz-yapiskan-sepet__btn { flex: 0 0 auto; min-height: 48px; }
@media (max-width: 991.98px) {
body.pz-yapiskan-sepet-acik .pz-bildirim-alani,
body.pz-yapiskan-sepet-acik .progress-wrap,
body.pz-yapiskan-sepet-acik .qk-app-social-impact { margin-bottom: 68px; }
body.pz-yapiskan-sepet-acik .addons-whatsapp-widget { margin-bottom: calc(70px + 68px); }
body.pz-yapiskan-sepet-acik .pz-footer { padding-bottom: 68px; }
}
.pz-urun .qk-app-social-impact:not([data-position-type="fixed"]) {
position: static; transform: none; width: auto; height: auto; margin: var(--pz-space-3) 0 0;
justify-content: flex-start; gap: var(--pz-space-2);
padding: var(--pz-space-2) var(--pz-space-3); border-radius: var(--pz-radius-md); box-shadow: none;
}
.pz-urun .qk-app-social-impact:not([data-position-type="fixed"]) i { margin-right: 0; }
.pz-sekme-sayi { font-weight: 400; color: var(--pz-text-muted); font-variant-numeric: tabular-nums; }

/* ---- 60-sepet-odeme.css ---- */
.pz-sepet-grup, .pz-odeme-grup { margin-bottom: var(--pz-space-6); }
@media (min-width: 992px) {
.pz-sepet-grup, .pz-odeme-grup { margin-bottom: var(--pz-space-8); }
}
.pz-sepet-grup:not(:has(.p-g-mod)), .pz-odeme-grup:not(:has(.p-g-mod)) { display: none; }
@media (max-width: 991.98px) {
body.cart-body, body.payment-body { padding-bottom: 88px; }
body.cart-body .progress-wrap, body.payment-body .progress-wrap { bottom: 96px; }
}
.cart-body .free-shipping-limit, .payment-body .free-shipping-limit {
display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--pz-space-2) var(--pz-space-3);
padding: var(--pz-space-4); background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg);
}
.cart-body .free-shipping-limit .icon, .payment-body .free-shipping-limit .icon {
display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; border-radius: 50%;
background: var(--pz-primary-subtle); color: var(--pz-primary); font-size: 18px;
}
.cart-body .free-shipping-limit .icon .pz-icon, .payment-body .free-shipping-limit .icon .pz-icon { width: 24px; height: 24px; }
.cart-body .free-shipping-limit .info, .payment-body .free-shipping-limit .info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cart-body .free-shipping-limit .description, .payment-body .free-shipping-limit .description {
order: -1; font-size: var(--pz-body-fs); line-height: 1.35; font-weight: 500; color: var(--pz-text);
}
.cart-body .free-shipping-limit .description span, .payment-body .free-shipping-limit .description span { font-weight: 700; color: var(--pz-primary-active); white-space: nowrap; }
.cart-body .free-shipping-limit .name, .payment-body .free-shipping-limit .name {
font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 500; letter-spacing: .02em; color: var(--pz-text-muted);
}
.cart-body .free-shipping-limit .name span, .payment-body .free-shipping-limit .name span { color: var(--pz-text-secondary); font-weight: 600; }
.pz-kargo-bar { grid-column: 1 / -1; display: flex; align-items: center; gap: var(--pz-space-3); margin-top: var(--pz-space-2); }
.pz-kargo-bar__ray { position: relative; flex: 1 1 auto; height: 10px; border-radius: var(--pz-radius-pill); background: var(--pz-surface-alt); box-shadow: inset 0 0 0 1px var(--pz-border); }
.pz-kargo-bar__dolgu {
position: absolute; left: 0; top: 0; bottom: 0; width: var(--pz-kargo-oran, 0%); border-radius: inherit;
background-color: var(--pz-primary);
background-image: repeating-linear-gradient(-45deg, color-mix(in srgb, var(--pz-surface) 22%, transparent) 0 6px, transparent 6px 12px);
background-size: 17px 17px;
transition: width .9s cubic-bezier(.2, .7, .2, 1);
animation: pz-kargo-serit 1.2s linear infinite;
}
.pz-kargo-bar__arac {
position: absolute; top: 50%; left: var(--pz-kargo-oran, 0%); display: inline-flex; align-items: center; justify-content: center;
width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%;
background: var(--pz-surface); border: 2px solid var(--pz-primary); color: var(--pz-primary); box-shadow: 0 2px 6px var(--pz-kaplama-15);
transition: left .9s cubic-bezier(.2, .7, .2, 1);
}
.pz-kargo-bar__arac .pz-icon { width: 16px; height: 16px; }
.pz-kargo-bar__hedef {
display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%;
background: var(--pz-surface-alt); color: var(--pz-text-muted); border: 1px dashed var(--pz-border-strong);
}
.pz-kargo-bar__hedef .pz-icon { width: 18px; height: 18px; }
@keyframes pz-kargo-serit { to { background-position: 17px 0; } }
.free-shipping-limit.is-az-kaldi .pz-kargo-bar__hedef { border-style: solid; border-color: var(--pz-success); color: var(--pz-success); background: var(--pz-success-subtle); }
.cart-body .free-shipping-limit.is-tamam, .payment-body .free-shipping-limit.is-tamam { background: var(--pz-success-subtle); border-color: color-mix(in srgb, var(--pz-success) 30%, transparent); }
.free-shipping-limit.is-tamam .icon { background: var(--pz-success); color: var(--pz-on-primary); }
.cart-body .free-shipping-limit.is-tamam .name, .payment-body .free-shipping-limit.is-tamam .name { font-size: var(--pz-body-fs); line-height: 1.35; color: var(--pz-success); font-weight: 600; letter-spacing: 0; }
.free-shipping-limit.is-tamam .pz-kargo-bar__dolgu { background-color: var(--pz-success); background-image: none; animation: none; }
.free-shipping-limit.is-tamam .pz-kargo-bar__arac { display: none; }
.free-shipping-limit.is-tamam .pz-kargo-bar__hedef { border: 0; background: var(--pz-success); color: var(--pz-on-primary); }
@media (min-width: 768px) {
.cart-body .free-shipping-limit, .payment-body .free-shipping-limit { padding: var(--pz-space-5) var(--pz-space-6); column-gap: var(--pz-space-4); }
.cart-body .free-shipping-limit .description, .payment-body .free-shipping-limit .description { font-size: var(--pz-body-lg-fs); }
.pz-kargo-bar { margin-top: var(--pz-space-3); }
}
@media (prefers-reduced-motion: reduce) {
.pz-kargo-bar__dolgu { animation: none; transition: none; }
.pz-kargo-bar__arac { transition: none; }
}
.pz-sepet-ozet__kampanya {
display: flex; align-items: flex-start; gap: var(--pz-space-3); margin: 0 0 var(--pz-space-4); padding: var(--pz-space-3) var(--pz-space-4);
border-radius: var(--pz-radius-md); background: var(--pz-success-subtle); color: var(--pz-success);
}
.pz-sepet-ozet__kampanya > .pz-icon { flex-shrink: 0; width: 22px; height: 22px; margin-top: 1px; }
.pz-sepet-ozet__kampanya p { margin: 0; }
.pz-sepet-ozet__kampanya-ad { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 600; color: var(--pz-text); }
.pz-sepet-ozet__kampanya-kazanc { margin-top: 2px; font-size: var(--pz-body-fs); line-height: 1.35; font-weight: 700; color: var(--pz-success); }
.pz-sepet-liste { background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.pz-sepet-liste__ust { display: flex; align-items: baseline; justify-content: space-between; gap: var(--pz-space-4); padding: var(--pz-space-4); border-bottom: 1px solid var(--pz-border); }
.pz-sepet-liste__baslik { margin: 0; font-size: var(--pz-h2-mobile-fs); line-height: 1.25; font-weight: var(--pz-h2-fw); letter-spacing: var(--pz-h2-ls); }
.pz-sepet-liste__adet { flex-shrink: 0; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); }
.pz-sepet-liste__urunler { list-style: none; margin: 0; padding: 0; }
.pz-sepet-liste__alt { padding: var(--pz-space-2) var(--pz-space-4); border-top: 1px solid var(--pz-border); }
.pz-sepet-liste__alt .pz-btn--ghost { padding-left: 0; }
.pz-sepet-satir {
display: grid;
grid-template-columns: 72px minmax(0, 1fr) auto 44px;
grid-template-areas: "gorsel bilgi bilgi sil" "adet adet tutar tutar";
gap: var(--pz-space-2) var(--pz-space-3);
padding: var(--pz-space-4);
border-top: 1px solid var(--pz-border);
align-items: start;
}
.pz-sepet-satir:first-child { border-top: 0; }
.pz-sepet-satir__gorsel { grid-area: gorsel; display: block; aspect-ratio: 1 / 1; background: var(--pz-surface-alt); border-radius: var(--pz-radius-md); overflow: hidden; }
.pz-sepet-satir__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pz-sepet-satir__bilgi { grid-area: bilgi; min-width: 0; }
.pz-sepet-satir__ad {
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 500; color: var(--pz-text);
}
.pz-sepet-satir__ad:hover { color: var(--pz-primary); }
.pz-sepet-satir__varyant { list-style: none; margin: var(--pz-space-1) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 var(--pz-space-3); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); }
.pz-sepet-satir__varyant span { color: var(--pz-text); }
.pz-sepet-satir__birim, .pz-sepet-satir__kargo { margin-top: var(--pz-space-1); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); font-variant-numeric: tabular-nums; }
.pz-sepet-satir__birim s { margin-right: var(--pz-space-1); color: var(--pz-text-muted); }
.pz-sepet-satir__kargo span { color: var(--pz-text); font-weight: 500; }
.pz-sepet-satir__adet { grid-area: adet; align-self: center; }
.pz-sepet-satir__adet .pz-qty input { width: 44px; }
.pz-sepet-satir__adet .pz-qty button { width: 40px; }
.pz-sepet-satir__tutar { grid-area: tutar; align-self: center; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pz-sepet-satir__tutar strong { display: block; font-size: var(--pz-price-fs); line-height: var(--pz-price-lh); font-weight: var(--pz-price-fw); color: var(--pz-text); }
.pz-sepet-satir__eski { display: block; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-muted); }
.pz-sepet-satir__sil {
grid-area: sil; justify-self: end; margin: calc(var(--pz-space-2) * -1) calc(var(--pz-space-2) * -1) 0 0;
width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--pz-radius-pill); background: transparent; color: var(--pz-text-muted);
display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
transition: color var(--pz-sure-hizli) ease, background-color var(--pz-sure-hizli) ease;
}
.pz-sepet-satir__sil:hover { color: var(--pz-danger); background: var(--pz-danger-subtle); }
.pz-sepet-set { margin-top: var(--pz-space-2); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); }
.pz-sepet-set summary { min-height: 32px; cursor: pointer; color: var(--pz-primary); font-weight: 500; list-style: none; display: inline-flex; align-items: center; gap: var(--pz-space-1); }
.pz-sepet-set summary::-webkit-details-marker { display: none; }
.pz-sepet-set summary::after { content: ""; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1.7px 1.7px 0; transform: rotate(45deg) translateY(-2px); transition: transform var(--pz-sure-hizli) ease; }
.pz-sepet-set[open] summary::after { transform: rotate(-135deg) translateY(-2px); }
.pz-sepet-set__liste { list-style: none; margin: var(--pz-space-2) 0 0; padding: 0 0 0 var(--pz-space-3); border-left: 1px solid var(--pz-border); display: grid; gap: var(--pz-space-2); }
.pz-sepet-set__oge { display: flex; align-items: center; gap: var(--pz-space-2); }
.pz-sepet-set__gorsel { flex: 0 0 40px; width: 40px; aspect-ratio: 1 / 1; border-radius: var(--pz-radius-sm); background: var(--pz-surface-alt); overflow: hidden; }
.pz-sepet-set__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pz-sepet-set__bilgi { display: flex; flex-direction: column; min-width: 0; }
.pz-sepet-set__ad { color: var(--pz-text); }
.pz-sepet-set__miktar, .pz-sepet-set__varyant { color: var(--pz-text-secondary); }
@media (min-width: 768px) and (max-width: 991.98px), (min-width: 1200px) {
.pz-sepet-liste__ust { padding: var(--pz-space-5) var(--pz-space-6); }
.pz-sepet-liste__baslik { font-size: var(--pz-h2-fs); line-height: var(--pz-h2-lh); }
.pz-sepet-liste__alt { padding: var(--pz-space-2) var(--pz-space-6); }
.pz-sepet-satir {
grid-template-columns: 96px minmax(0, 1fr) 148px 128px 44px;
grid-template-areas: "gorsel bilgi adet tutar sil";
gap: var(--pz-space-4);
padding: var(--pz-space-5) var(--pz-space-6);
align-items: center;
}
.pz-sepet-satir__sil { margin: 0; }
.pz-sepet-satir__tutar strong { font-size: 18px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
.pz-sepet-satir__gorsel img { object-fit: contain; }
}
.pz-sepet-ozet, .pz-odeme-ozet { display: flex; flex-direction: column; gap: var(--pz-space-4); }
.pz-sepet-ozet__baslik, .pz-odeme-ozet__baslik { margin: 0; font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); letter-spacing: var(--pz-h3-ls); }
.pz-sepet-ozet__liste, .pz-odeme-ozet__liste { margin: 0; padding: 0; }
.pz-sepet-ozet__satir, .pz-odeme-ozet__satir { display: flex; justify-content: space-between; align-items: baseline; gap: var(--pz-space-3); padding: var(--pz-space-2) 0; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); }
.pz-sepet-ozet__satir dt, .pz-odeme-ozet__satir dt { font-weight: 400; color: var(--pz-text-secondary); }
.pz-sepet-ozet__satir dd, .pz-odeme-ozet__satir dd { margin: 0; text-align: right; font-weight: 500; color: var(--pz-text); font-variant-numeric: tabular-nums; }
.pz-sepet-ozet__satir--indirim dd { color: var(--pz-success); }
.pz-sepet-ozet__kod { display: inline-flex; align-items: center; gap: var(--pz-space-1); padding: 2px 4px 2px var(--pz-space-3); border-radius: var(--pz-radius-pill); background: var(--pz-success-subtle); color: var(--pz-success); font-size: var(--pz-body-sm-fs); font-weight: 600; letter-spacing: var(--pz-caption-ls); }
.pz-sepet-ozet__kod a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin: -4px -2px -4px 0; border-radius: var(--pz-radius-pill); color: var(--pz-success); }
.pz-sepet-ozet__kod a:hover { background: var(--pz-success-subtle); color: var(--pz-danger); }
.pz-sepet-ozet__toplam, .pz-odeme-ozet__toplam { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--pz-space-3); padding-top: var(--pz-space-4); border-top: 1px solid var(--pz-border); }
.pz-sepet-ozet__toplam-etiket, .pz-odeme-ozet__toplam-etiket { display: flex; flex-direction: column; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: var(--pz-label-fw); color: var(--pz-text); }
.pz-sepet-ozet__toplam-etiket small, .pz-odeme-ozet__toplam-etiket small { font-weight: 400; color: var(--pz-text-muted); }
.pz-sepet-ozet__toplam-tutar, .pz-odeme-ozet__toplam-tutar { font-size: var(--pz-price-lg-fs); line-height: var(--pz-price-lg-lh); font-weight: var(--pz-price-fw); color: var(--pz-text); font-variant-numeric: tabular-nums; }
.pz-sepet-ozet__not { margin: calc(var(--pz-space-2) * -1) 0 0; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-muted); }
.pz-sepet-kod { margin-top: var(--pz-space-4); display: flex; flex-direction: column; gap: 6px; }
.pz-sepet-kod__alan { display: flex; gap: var(--pz-space-2); }
.pz-sepet-kod__alan .pz-input { flex: 1 1 auto; min-width: 0; }
.pz-sepet-kod__alan .pz-btn { flex: 0 0 auto; }
.pz-aksiyon { display: flex; align-items: center; gap: var(--pz-space-4); margin-top: var(--pz-space-4); }
.pz-aksiyon .pz-btn { flex: 1 1 auto; width: 100%; }
.pz-aksiyon .pz-btn--success { background: var(--complete-payment-bg, var(--pz-success)); color: var(--complete-payment, var(--pz-on-primary)); }
.pz-aksiyon .pz-btn--success:hover, .pz-aksiyon .pz-btn--success:focus { background: var(--complete-payment-bg-hover, var(--pz-success-hover)); color: var(--complete-payment-hover, var(--pz-on-primary)); }
.pz-aksiyon__toplam { display: none; }
.pz-aksiyon-geri { margin-top: var(--pz-space-2); text-align: center; }
@media (max-width: 991.98px) {
.pz-aksiyon, .payment-final-buttons-1.pz-aksiyon {
position: fixed; left: 0; right: 0; bottom: 0; z-index: 900; height: auto; margin-top: 0;
padding: var(--pz-space-3) var(--pz-gutter) calc(var(--pz-space-3) + env(safe-area-inset-bottom));
background: var(--pz-surface); border-top: 1px solid var(--pz-border);
}
.pz-aksiyon__toplam { display: flex; flex-direction: column; flex: 0 0 auto; min-width: 0; }
.pz-aksiyon__etiket { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-secondary); }
.pz-aksiyon__tutar { font-size: var(--pz-price-fs); line-height: var(--pz-price-lh); font-weight: var(--pz-price-fw); color: var(--pz-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pz-aksiyon .pz-btn { height: auto; min-height: 52px; padding: var(--pz-space-2) var(--pz-space-4); white-space: normal; text-align: center; line-height: 1.2; }
}
.pz-sepet-bos { max-width: 640px; margin: 0 auto; padding-top: var(--pz-space-10); padding-bottom: var(--pz-space-10); display: flex; flex-direction: column; align-items: center; text-align: center; }
.pz-sepet-bos__ikon { width: 72px; height: 72px; margin-bottom: var(--pz-space-4); border-radius: var(--pz-radius-pill); background: var(--pz-surface-alt); color: var(--pz-text-secondary); display: inline-flex; align-items: center; justify-content: center; }
.pz-sepet-bos__ikon .pz-icon { width: 32px; height: 32px; }
.pz-sepet-bos__baslik { margin: 0 0 var(--pz-space-2); font-size: var(--pz-h2-mobile-fs); line-height: 1.25; font-weight: var(--pz-h2-fw); letter-spacing: var(--pz-h2-ls); }
.pz-sepet-bos__metin { margin: 0 0 var(--pz-space-6); color: var(--pz-text-secondary); max-width: 440px; }
.pz-sepet-bos__kategoriler { margin-top: var(--pz-space-8); padding-top: var(--pz-space-6); border-top: 1px solid var(--pz-border); width: 100%; }
.pz-sepet-bos__kategoriler ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pz-space-3); margin: 0; padding: 0; list-style: none; }
@media (min-width: 576px) { .pz-sepet-bos__kategoriler ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pz-sepet-bos__kategori { display: flex; flex-direction: column; gap: var(--pz-space-2); color: var(--pz-text); text-decoration: none; text-align: center; }
.pz-sepet-bos__kategori-medya {
display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; overflow: hidden;
border-radius: var(--pz-radius-md); background: var(--pz-surface-alt);
}
.pz-sepet-bos__kategori-medya img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s cubic-bezier(.2, .7, .2, 1); }
.pz-sepet-bos__kategori-medya.is-ikon img { width: 40%; height: 40%; object-fit: contain; }
.pz-sepet-bos__kategori:hover .pz-sepet-bos__kategori-medya img { transform: scale(1.04); }
.pz-sepet-bos__kategori-ad { font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: 500; }
.pz-sepet-bos__kategori:hover .pz-sepet-bos__kategori-ad { color: var(--pz-primary); }
.pz-sepet-bos__kategori-baslik { display: block; margin-bottom: var(--pz-space-3); font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; letter-spacing: var(--pz-caption-ls); color: var(--pz-text-secondary); }
@media (min-width: 768px) {
.pz-sepet-bos { padding-top: var(--pz-space-16); padding-bottom: var(--pz-space-16); }
.pz-sepet-bos__baslik { font-size: var(--pz-h2-fs); line-height: var(--pz-h2-lh); }
}
.pz-odeme-baslik { margin: 0 0 var(--pz-space-5); text-align: center; font-size: var(--pz-h2-mobile-fs); line-height: 1.25; font-weight: var(--pz-h2-fw); letter-spacing: var(--pz-h2-ls); }
@media (min-width: 768px) { .pz-odeme-baslik { font-size: var(--pz-h2-fs); line-height: var(--pz-h2-lh); } }
.pz-adimlar { display: flex; max-width: 640px; margin: 0 auto; padding: 0; list-style: none; }
.pz-adim { position: relative; flex: 1 1 0; min-width: 0; text-align: center; }
.pz-adim + .pz-adim::before { content: ""; position: absolute; top: 19px; right: 50%; width: 100%; height: 2px; background: var(--pz-border-strong); }
.pz-adim.is-aktif::before, .pz-adim.is-bitti::before { background: var(--pz-primary); }
.pz-adim__baglanti { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: var(--pz-space-2); padding: 3px var(--pz-space-1); color: var(--pz-text-secondary); }
a.pz-adim__baglanti:hover { color: var(--pz-primary); }
.pz-adim__daire { width: 32px; height: 32px; border: 2px solid var(--pz-border-strong); border-radius: var(--pz-radius-pill); background: var(--pz-surface); color: var(--pz-text-muted); font-size: var(--pz-label-fs); line-height: 28px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; }
.pz-adim.is-bitti .pz-adim__daire { border-color: var(--pz-primary); background: var(--pz-primary-subtle); color: var(--pz-primary-active); }
.pz-adim.is-aktif .pz-adim__daire { border-color: var(--pz-primary); background: var(--pz-primary); color: var(--pz-on-primary); }
.pz-adim__ad { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: var(--pz-label-fw); overflow-wrap: anywhere; }
.pz-adim.is-aktif .pz-adim__ad { color: var(--pz-text); font-weight: 600; }
@media (min-width: 768px) { .pz-adim__ad { font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); } }
.pz-odeme-grup .p-g-b-c-0 .p-g-mod + .p-g-mod { margin-top: var(--pz-space-4); }
.pz-odeme-grup .p-g-b-c-0 .p-g-mod:not(.p-g-mod-trans) > .p-g-mod-header { margin-bottom: 0; padding: var(--pz-space-4) var(--pz-space-4) 0; }
.pz-odeme-grup .p-g-b-c-0 .p-g-mod:not(.p-g-mod-trans) > .p-g-mod-body { padding: var(--pz-space-4); }
@media (min-width: 768px) {
.pz-odeme-grup .p-g-b-c-0 .p-g-mod:not(.p-g-mod-trans) > .p-g-mod-header { padding: var(--pz-space-6) var(--pz-space-6) 0; }
.pz-odeme-grup .p-g-b-c-0 .p-g-mod:not(.p-g-mod-trans) > .p-g-mod-body { padding: var(--pz-space-6); }
}
.pz-odeme-kart__baslik { display: flex; align-items: center; gap: var(--pz-space-3); margin-bottom: var(--pz-space-4); }
.pz-odeme-kart__baslik .pz-icon { box-sizing: content-box; width: 20px; height: 20px; padding: 8px; border-radius: var(--pz-radius-pill); background: var(--pz-surface-alt); color: var(--pz-text-secondary); }
.pz-odeme-kart__baslik h2 { margin: 0; font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); letter-spacing: var(--pz-h3-ls); }
.pz-odeme-giris { margin: 0 0 var(--pz-space-4); padding: var(--pz-space-3) var(--pz-space-4); border-radius: var(--pz-radius-md); background: var(--pz-surface-alt); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); color: var(--pz-text-secondary); }
.pz-odeme-giris a { font-weight: 600; }
.pz-odeme-form { font-size: var(--pz-body-fs); }
.pz-odeme-form .form-group { margin-bottom: var(--pz-space-4); }
.pz-odeme-form .form-group label { display: block; margin-bottom: 6px; font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: var(--pz-label-fw); color: var(--pz-text); }
.pz-odeme-form textarea.form-control { height: auto; min-height: 96px; resize: vertical; }
.pz-odeme-form .iti { display: block; width: 100%; }
.pz-zorunlu { color: var(--pz-danger); }
.pz-odeme-not { font-weight: 400; color: var(--pz-text-muted); }
.pz-odeme-form .pz-dosya { height: auto; padding: var(--pz-space-2) var(--pz-space-3); }
.pz-odeme-grup [data-payment-input] span.error, .pz-odeme-grup .payment-form-group-1 .form-group span.error { display: block; margin-top: 4px; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 500; color: var(--pz-danger); }
.pz-odeme-grup .form-control.error { border-color: var(--pz-danger); }
.invoice-info-description { margin: var(--pz-space-2) 0 var(--pz-space-4); }
.invoice-info { padding-top: var(--pz-space-4); border-top: 1px solid var(--pz-border); }
.pz-odeme-grup .invoice-type { display: flex; gap: var(--pz-space-2); margin-bottom: var(--pz-space-4); }
.pz-odeme-grup .invoice-type .form-check.form-check-inline { position: relative; flex: 1 1 0; display: block; margin: 0; padding: 0; }
.pz-odeme-grup .invoice-type .form-check-input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.pz-odeme-grup .invoice-type .form-check-label { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin: 0; padding: 0 var(--pz-space-4); border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md); background: var(--pz-surface); font-weight: var(--pz-label-fw); color: var(--pz-text); cursor: pointer; }
.pz-odeme-grup .invoice-type .form-check-input:hover + .form-check-label { border-color: var(--pz-text-secondary); }
.pz-odeme-grup .invoice-type .form-check-input:checked + .form-check-label { border-color: var(--pz-primary); background: var(--pz-primary-subtle); color: var(--pz-primary-active); }
.pz-odeme-grup .invoice-type .form-check-input:focus-visible + .form-check-label { box-shadow: var(--pz-focus-ring); }
.pz-check__aciklama { display: block; margin-top: 2px; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 400; color: var(--pz-text-secondary); }
.gift-pack-price { color: var(--pz-danger); font-weight: 500; }
.pz-secenekler { display: flex; flex-direction: column; gap: var(--pz-space-2); }
.pz-secenek,
.pz-odeme-yontemler .door-payment-methods .method,
.pz-odeme-yontemler .bill-payment-methods .method {
display: flex; align-items: center; gap: var(--pz-space-3); justify-content: flex-start;
padding: var(--pz-space-3) var(--pz-space-4); margin: 0; border: 1px solid var(--pz-border-strong); border-bottom: 1px solid var(--pz-border-strong);
border-radius: var(--pz-radius-md); background: var(--pz-surface); cursor: pointer;
transition: border-color var(--pz-sure-hizli) ease, background-color var(--pz-sure-hizli) ease;
}
.pz-secenek:hover, .pz-odeme-yontemler .door-payment-methods .method:hover, .pz-odeme-yontemler .bill-payment-methods .method:hover { border-color: var(--pz-text-secondary); background: var(--pz-surface); }
.pz-secenek.active, .pz-secenek:has(input:checked) { border-color: var(--pz-primary); background: var(--pz-primary-subtle); box-shadow: inset 0 0 0 1px var(--pz-primary); }
.pz-secenek__sec { display: flex; flex: 0 0 auto; margin: 0; }
.pz-secenek__sec .form-check { margin: 0; padding: 0; min-height: 0; }
.pz-secenek__sec input { width: 20px; height: 20px; margin: 0; position: static; accent-color: var(--pz-primary); }
.pz-secenek__ad { display: flex; align-items: center; gap: var(--pz-space-3); flex: 1 1 auto; min-width: 0; }
.pz-secenek__logo { display: flex; align-items: center; justify-content: center; flex: 0 0 64px; height: 40px; padding: var(--pz-space-1); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-sm); background: var(--pz-surface); }
.pz-secenek__logo img { max-width: 100%; max-height: 28px; }
.pz-secenek__bilgi { display: flex; flex-direction: column; min-width: 0; }
.pz-secenek__baslik { font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: 600; color: var(--pz-text); }
.pz-secenek__bilgi small { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); }
.pz-secenek__sure { font-size: var(--pz-body-sm-fs); color: var(--pz-primary-active); font-weight: 500; }
.pz-secenek__fiyat { flex: 0 0 auto; font-size: var(--pz-label-fs); font-weight: 600; color: var(--pz-text); font-variant-numeric: tabular-nums; text-align: right; }
.pz-secenek__fiyat .text-success { font-weight: 600; }
.pz-odeme-yontemler .payment-form-methods .nav-tabs { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: var(--pz-space-2); height: auto; margin: 0 0 var(--pz-space-4); padding: 0; background: transparent; border: 0; }
.pz-odeme-yontemler .payment-form-methods .nav-tabs .nav-item { flex: 1 1 auto; margin: 0; }
@media (min-width: 768px) { .pz-odeme-yontemler .payment-form-methods .nav-tabs .nav-item { flex: 0 0 auto; } }
.pz-odeme-yontemler .payment-form-methods .nav-tabs .nav-link {
display: flex; align-items: center; justify-content: center;
height: 44px; margin: 0; padding: 0 var(--pz-space-4); border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md);
background: var(--pz-surface); color: var(--pz-text); font-size: var(--pz-label-fs); font-weight: var(--pz-label-fw); white-space: nowrap;
}
.pz-odeme-yontemler .payment-form-methods .nav-tabs .nav-link:hover { background: var(--pz-surface); border-color: var(--pz-text-secondary); }
.pz-odeme-yontemler .payment-form-methods .nav-tabs .nav-link.active { height: 44px; margin: 0; border-color: var(--pz-primary); background: var(--pz-primary-subtle); color: var(--pz-primary-active); }
.pz-odeme-yontemler .payment-form-methods .tab-content { min-height: 0; }
.pz-odeme-yontemler .payment-method-form { padding: 0; }
.pz-odeme-yontemler .payment-method-form .alert { margin-top: 0; padding: var(--pz-space-3) var(--pz-space-4); border: 0; border-radius: var(--pz-radius-md); text-align: left; font-size: var(--pz-label-fs); font-weight: 500; color: inherit; }
.pz-odeme-yontemler .cc-installments { margin-top: var(--pz-space-4); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); overflow: hidden; }
.pz-odeme-yontemler .cc-installments .head { background: var(--pz-surface-alt); border-bottom: 1px solid var(--pz-border); font-weight: 600; }
.pz-odeme-yontemler .cc-installments .method { border-bottom: 1px solid var(--pz-border); background: var(--pz-surface); }
.pz-odeme-yontemler .cc-installments .method:hover { background: var(--pz-surface-alt); }
.pz-odeme-yontemler .cc-installments .method.active { background: var(--pz-primary-subtle); color: var(--pz-primary-active); }
.pz-odeme-yontemler .cc-installments .method:last-child { border-bottom: 0; }
.pz-odeme-urunler { border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); background: var(--pz-surface); }
.pz-odeme-urunler summary { display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3); min-height: 44px; padding: 0 var(--pz-space-4); font-size: var(--pz-label-fs); font-weight: var(--pz-label-fw); color: var(--pz-text); cursor: pointer; list-style: none; }
.pz-odeme-urunler summary::-webkit-details-marker { display: none; }
.pz-odeme-urunler summary::after { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border: solid currentColor; border-width: 0 1.7px 1.7px 0; transform: rotate(45deg) translateY(-2px); transition: transform var(--pz-sure-hizli) ease; }
.pz-odeme-urunler[open] summary::after { transform: rotate(-135deg) translateY(-2px); }
.pz-odeme-urunler summary > span:first-child { margin-right: auto; }
.pz-odeme-urunler__adet { min-width: 22px; height: 22px; padding: 0 6px; border-radius: var(--pz-radius-pill); background: var(--pz-surface-alt); color: var(--pz-text-secondary); font-size: var(--pz-caption-fs); line-height: 22px; font-weight: 600; text-align: center; }
.pz-odeme-urunler__liste { list-style: none; margin: 0; padding: 0 var(--pz-space-4); border-top: 1px solid var(--pz-border); }
.pz-odeme-urun { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: var(--pz-space-3); align-items: start; padding: var(--pz-space-3) 0; border-top: 1px solid var(--pz-border); }
.pz-odeme-urun:first-child { border-top: 0; }
.pz-odeme-urun__gorsel { display: block; aspect-ratio: 1 / 1; border-radius: var(--pz-radius-sm); background: var(--pz-surface-alt); overflow: hidden; }
.pz-odeme-urun__gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pz-odeme-urun__bilgi { display: flex; flex-direction: column; min-width: 0; font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); }
.pz-odeme-urun__ad { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--pz-text); font-weight: 500; }
.pz-odeme-urun__varyant span + span::before { content: " · "; }
.pz-odeme-urun__varyant, .pz-odeme-urun__adet { color: var(--pz-text-secondary); }
.pz-odeme-urun__tutar { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 600; color: var(--pz-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.pz-odeme-ozet__icerik:empty { min-height: 112px; border-radius: var(--pz-radius-md); background: var(--pz-surface-alt); animation: pz-nabiz 1.2s ease-in-out infinite; }
@keyframes pz-nabiz { 0%, 100% { opacity: 1; } 50% { opacity: .5; } }
.pz-onaylar { display: flex; flex-direction: column; gap: var(--pz-space-3); margin-top: var(--pz-space-4); }
.pz-onaylar .pz-check { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); font-weight: 400; color: var(--pz-text-secondary); }
.pz-onaylar .pz-check a { font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.payment-agreement-text, .user-agreement-text { font-size: var(--pz-label-fs); line-height: 1.6; color: var(--pz-text); }
.modal-body .payment-agreement-text { max-height: 60vh; overflow-y: auto; }
.pz-onay { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: var(--pz-space-8); padding-bottom: var(--pz-space-8); }
.pz-onay__ikon { width: 72px; height: 72px; margin-bottom: var(--pz-space-4); border-radius: var(--pz-radius-pill); background: var(--pz-success-subtle); color: var(--pz-success); display: inline-flex; align-items: center; justify-content: center; }
.pz-onay__ikon .pz-icon { width: 36px; height: 36px; stroke-width: 2; }
.pz-onay__baslik { margin: 0 0 var(--pz-space-4); font-size: var(--pz-h2-mobile-fs); line-height: 1.25; font-weight: var(--pz-h2-fw); letter-spacing: var(--pz-h2-ls); }
.pz-onay__numara { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; margin: 0 0 var(--pz-space-6); padding: var(--pz-space-3) var(--pz-space-6); border-radius: var(--pz-radius-md); background: var(--pz-surface-alt); font-size: var(--pz-label-fs); color: var(--pz-text-secondary); }
.pz-onay__numara strong { font-size: var(--pz-price-lg-fs); line-height: var(--pz-price-lg-lh); font-weight: var(--pz-price-fw); letter-spacing: .02em; color: var(--pz-text); font-variant-numeric: tabular-nums; }
.pz-onay__aciklama { width: 100%; margin-bottom: var(--pz-space-6); padding: var(--pz-space-4); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); text-align: left; font-size: var(--pz-label-fs); line-height: 1.6; color: var(--pz-text); overflow-x: auto; }
.pz-onay__aciklama > :last-child { margin-bottom: 0; }
.pz-onay__aciklama table { width: 100%; margin: var(--pz-space-3) 0; border-collapse: collapse; }
.pz-onay__aciklama th, .pz-onay__aciklama td { padding: var(--pz-space-2) var(--pz-space-2) var(--pz-space-2) 0; border-bottom: 1px solid var(--pz-border); text-align: left; vertical-align: top; }
.pz-onay__aciklama th { font-weight: 600; color: var(--pz-text-secondary); white-space: nowrap; }
.pz-onay__butonlar { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pz-space-3); width: 100%; }
@media (max-width: 575.98px) { .pz-onay__butonlar .pz-btn { width: 100%; } }
@media (min-width: 768px) {
.pz-onay { padding-top: var(--pz-space-12); padding-bottom: var(--pz-space-12); }
.pz-onay__baslik { font-size: var(--pz-h2-fs); line-height: var(--pz-h2-lh); }
}
.pz-hediye-baslik { display: block; margin: 0 auto var(--pz-space-6); max-width: 640px; text-align: center; font-size: var(--pz-h2-mobile-fs); line-height: 1.25; font-weight: var(--pz-h2-fw); letter-spacing: var(--pz-h2-ls); }
@media (min-width: 768px) { .pz-hediye-baslik { font-size: var(--pz-h2-fs); line-height: var(--pz-h2-lh); } }
.pz-hediye { max-width: 640px; margin: 0 auto; display: flex; flex-direction: column; gap: var(--pz-space-6); }
.pz-hediye__kupon { padding: var(--pz-space-5); border: 1.5px dashed var(--pz-primary-border); border-radius: var(--pz-radius-lg); background: var(--pz-primary-subtle); text-align: center; }
.pz-hediye__etiket { display: block; margin-bottom: var(--pz-space-2); font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; letter-spacing: var(--pz-caption-ls); color: var(--pz-primary-active); }
.pz-hediye__kod-satir { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--pz-space-3); }
.pz-hediye__kod { font-size: var(--pz-h2-mobile-fs); line-height: 1.25; font-weight: 600; letter-spacing: .08em; color: var(--pz-text); overflow-wrap: anywhere; user-select: all; }
.pz-hediye__tarihler { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pz-space-3); margin: 0; }
.pz-hediye__tarihler > div { padding: var(--pz-space-3) var(--pz-space-4); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); }
.pz-hediye__tarihler dt { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; letter-spacing: var(--pz-caption-ls); color: var(--pz-text-secondary); }
.pz-hediye__tarihler dd { margin: 2px 0 0; font-size: var(--pz-label-fs); font-weight: 500; color: var(--pz-text); font-variant-numeric: tabular-nums; }
.pz-hediye__icerik { color: var(--pz-text-secondary); }
.pz-hediye__icerik > :last-child { margin-bottom: 0; }
.pz-hediye__butonlar { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--pz-space-3); }
@media (max-width: 575.98px) { .pz-hediye__butonlar .pz-btn { width: 100%; } }
@media (min-width: 768px) { .pz-hediye__kod { font-size: var(--pz-h2-fs); line-height: var(--pz-h2-lh); } }
.pz-onay--havale { max-width: 760px; }
.pz-onay--havale .pz-onay__ikon { background: var(--pz-warning-subtle); color: var(--pz-warning); }
.pz-onay--havale .pz-onay__ikon .pz-icon { stroke-width: 1.6; }
.pz-onay__uyari {
display: flex; align-items: flex-start; gap: var(--pz-space-3); width: 100%; margin: 0 0 var(--pz-space-6); padding: var(--pz-space-4) var(--pz-space-5);
border: 1px solid var(--pz-warning); border-radius: var(--pz-radius-md); background: var(--pz-warning-subtle); text-align: left;
}
.pz-onay__uyari .pz-icon { flex-shrink: 0; width: 22px; height: 22px; margin-top: 1px; color: var(--pz-warning); }
.pz-onay__uyari p { margin: 0; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 600; color: var(--pz-text); }
.pz-onay__durum { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-3); width: 100%; margin: 0 0 var(--pz-space-8); padding: 0; list-style: none; text-align: left; }
.pz-onay__durum li { display: flex; align-items: center; gap: var(--pz-space-3); font-size: var(--pz-body-sm-fs); line-height: 1.4; color: var(--pz-text-muted); }
.pz-onay__durum-isaret { flex-shrink: 0; width: 14px; height: 14px; border: 2px solid var(--pz-border-strong); border-radius: var(--pz-radius-pill); background: var(--pz-surface); }
.pz-onay__durum li.is-bitti { color: var(--pz-text-secondary); }
.pz-onay__durum li.is-bitti .pz-onay__durum-isaret { border-color: var(--pz-success); background: var(--pz-success); }
.pz-onay__durum li.is-aktif { color: var(--pz-text); font-weight: 600; }
.pz-onay__durum li.is-aktif .pz-onay__durum-isaret { border-color: var(--pz-warning); background: var(--pz-warning-subtle); box-shadow: 0 0 0 4px var(--pz-warning-subtle); }
@media (min-width: 768px) {
.pz-onay__durum { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pz-space-4); }
.pz-onay__durum li { flex-direction: column; align-items: flex-start; gap: var(--pz-space-2); padding-top: var(--pz-space-3); border-top: 2px solid var(--pz-border); }
.pz-onay__durum li.is-bitti { border-top-color: var(--pz-success); }
.pz-onay__durum li.is-aktif { border-top-color: var(--pz-warning); }
}
.pz-onay__odeme { display: flex; flex-direction: column; gap: var(--pz-space-4); width: 100%; margin-bottom: var(--pz-space-8); text-align: left; }
.pz-onay__odeme-baslik { margin: 0; font-size: var(--pz-body-lg-fs); font-weight: 600; }
.pz-onay__not { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pz-space-2); padding: var(--pz-space-3) var(--pz-space-4); border-radius: var(--pz-radius-md); background: var(--pz-surface-alt); font-size: var(--pz-body-sm-fs); }
.pz-onay__not-no { padding: 2px 8px; border-radius: var(--pz-radius-sm); background: var(--pz-surface); font-family: inherit; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--pz-text); }
.pz-onay__not .pz-iban__kopyala { margin-left: 0; }
.pz-onay__talimat summary { cursor: pointer; font-size: var(--pz-body-sm-fs); font-weight: 500; color: var(--pz-text-secondary); }
.pz-onay__talimat[open] summary { margin-bottom: var(--pz-space-3); }
.pz-onay__talimat .pz-onay__aciklama { margin-bottom: 0; }
.pz-onay--havale .pz-banka-satir__kopyala { white-space: nowrap; }
@media (min-width: 720px) { .pz-onay--havale .pz-banka-satir { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr) auto; gap: var(--pz-space-5); } }
.pz-adim.is-bekliyor .pz-adim__daire { background: var(--pz-warning-subtle); border-color: var(--pz-warning); color: var(--pz-warning); }

/* ---- 70-uyelik-icerik.css ---- */
.pz-form { display: flex; flex-direction: column; gap: var(--pz-space-4); container-type: inline-size; }
.pz-form__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-4); }
.pz-form__grid .pz-field--tam { grid-column: 1 / -1; }
@container (min-width: 440px) {
.pz-form__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.pz-form__not { margin: 0; }
.pz-form__onaylar { display: flex; flex-direction: column; gap: var(--pz-space-3); }
.pz-form__onaylar .pz-check { font-weight: 400; color: var(--pz-text-secondary); }
.pz-form__onaylar .pz-check a, .pz-check a { color: var(--pz-primary); text-decoration: underline; }
.pz-form__grup { border: 0; margin: 0 0 var(--pz-space-6); padding: 0; min-width: 0; }
.pz-form__grup-baslik {
display: block; width: 100%; margin: 0 0 var(--pz-space-4); padding: 0 0 var(--pz-space-2);
border-bottom: 1px solid var(--pz-border);
font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 600; color: var(--pz-text);
}
.pz-textarea { width: 100%; min-height: 120px; padding: var(--pz-space-3) var(--pz-space-4); border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-md); background: var(--pz-surface); color: var(--pz-text); font-family: inherit; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); resize: vertical; }
.pz-textarea:hover { border-color: var(--pz-text-secondary); }
.pz-textarea:focus { border-color: var(--pz-primary); outline: none; }
.pz-input[type="search"] { -webkit-appearance: none; appearance: none; }
.pz-form .pz-field__label .text-danger { margin-left: 2px; }
.login-body .p-g-mod-t-4 { padding: 0; }
.pz-auth { max-width: 520px; margin: 0 auto; padding: var(--pz-space-4) 0 var(--pz-space-8); }
.pz-auth__baslik { margin: 0 0 var(--pz-space-6); text-align: center; }
.pz-auth__kart { padding: var(--pz-space-5); }
@media (min-width: 768px) { .pz-auth__kart { padding: var(--pz-space-8); } }
.pz-auth__misafir { margin-bottom: var(--pz-space-4); }
.pz-auth__aciklama { margin: 0 0 var(--pz-space-5); color: var(--pz-text-secondary); }
.pz-auth__alt { margin: var(--pz-space-5) 0 0; text-align: center; color: var(--pz-text-secondary); }
.pz-auth__alt a { font-weight: 500; }
.pz-auth__sekmeler { display: flex; flex-wrap: nowrap; margin: 0 0 var(--pz-space-6); border-bottom: 1px solid var(--pz-border); }
.pz-auth__sekme.nav-link {
flex: 1; padding: var(--pz-space-3) var(--pz-space-2); margin-bottom: -1px; text-align: center;
border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent;
color: var(--pz-text-secondary); font-size: var(--pz-body-fs); line-height: var(--pz-label-lh); font-weight: var(--pz-label-fw);
}
.pz-auth__sekme.nav-link:hover { color: var(--pz-text); }
.pz-auth__sekme.nav-link.active { color: var(--pz-text); border-bottom-color: var(--pz-primary); background: transparent; }
.pz-auth__unuttum { align-self: flex-end; height: 36px; margin-top: calc(var(--pz-space-2) * -1); }
.pz-auth__ayrac { display: flex; align-items: center; gap: var(--pz-space-3); color: var(--pz-text-muted); font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); }
.pz-auth__ayrac::before, .pz-auth__ayrac::after { content: ""; flex: 1; height: 1px; background: var(--pz-border); }
.pz-auth__sosyal { display: flex; flex-direction: column; gap: var(--pz-space-3); }
.pz-auth__sosyal img { flex-shrink: 0; }
.pz-auth-yan { display: flex; flex-direction: column; gap: var(--pz-space-4); }
.pz-auth-yan__baslik { margin: 0 0 var(--pz-space-2); font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); }
.pz-auth-yan__kutu p { color: var(--pz-text-secondary); }
#sifremiunuttum .modal-title { margin: 0; font-size: var(--pz-h3-fs); }
#sifremiunuttum .modal-p { display: block; margin-top: var(--pz-space-1); color: var(--pz-text-secondary); font-size: var(--pz-body-sm-fs); }
#sifremiunuttum .close { padding: var(--pz-space-2); color: var(--pz-text-secondary); opacity: 1; }
.pattern-group-p-account .p-g-mod, .pattern-group-p-hesabim .p-g-mod { background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.pattern-group-p-account .list-group-item, .pattern-group-p-hesabim .list-group-item { border-color: var(--pz-border); color: var(--pz-text); background: transparent; }
.pattern-group-p-account .list-group-item.active, .pattern-group-p-hesabim .list-group-item.active,
.pattern-group-p-account .nav-pills .nav-link.active, .pattern-group-p-hesabim .nav-pills .nav-link.active { background: var(--pz-primary-subtle); border-color: var(--pz-primary-subtle); color: var(--pz-primary-active); font-weight: 600; }
.pattern-group-p-account .list-group-item:hover, .pattern-group-p-hesabim .list-group-item:hover { background: var(--pz-surface-alt); }
.pattern-group-p-account .table-responsive, .pattern-group-p-hesabim .table-responsive { border-radius: var(--pz-radius-md); }
.onizleme-yer-tutucu { padding: var(--pz-space-8); text-align: center; color: var(--pz-text-muted); border: 1px dashed var(--pz-border-strong); border-radius: var(--pz-radius-lg); background: var(--pz-surface); }
.pz-statik { container-type: inline-size; min-width: 0; }
.pz-statik__baslik { display: block; margin: 0 0 var(--pz-space-5); }
@media (min-width: 992px) { .pz-statik__baslik { margin-bottom: var(--pz-space-6); } }
.pz-statik-menu__baslik { display: none; margin: 0 0 var(--pz-space-2); padding: 0 var(--pz-space-3); font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; letter-spacing: var(--pz-caption-ls); text-transform: uppercase; color: var(--pz-text-muted); }
.pz-statik-menu__liste, .pz-yardim-menu__liste {
position: relative; display: flex; gap: var(--pz-space-2); margin: 0; padding: 0 0 var(--pz-space-1); list-style: none;
overflow-x: auto; scrollbar-width: none;
}
.pz-statik-menu__liste::-webkit-scrollbar, .pz-yardim-menu__liste::-webkit-scrollbar { display: none; }
.pz-statik-menu__link, .pz-yardim-menu__link {
display: flex; align-items: center; gap: var(--pz-space-2); min-height: 44px; padding: 0 var(--pz-space-4);
border: 1px solid var(--pz-border); border-radius: var(--pz-radius-pill); background: var(--pz-surface);
color: var(--pz-text-secondary); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); font-weight: var(--pz-label-fw); white-space: nowrap;
}
.pz-statik-menu__link:hover, .pz-yardim-menu__link:hover { color: var(--pz-text); border-color: var(--pz-border-strong); }
.pz-statik-menu__link[aria-current="page"], .pz-yardim-menu__link[aria-current="page"] {
background: var(--pz-primary-subtle); border-color: var(--pz-primary-subtle); color: var(--pz-primary-active); font-weight: 600;
}
.pz-yardim-menu__resim { width: 24px; height: 24px; flex-shrink: 0; }
.pz-yardim-menu__resim img { width: 100%; height: 100%; object-fit: contain; }
@media (min-width: 992px) {
.pz-statik-menu, .pz-yardim-menu { padding: var(--pz-space-3); background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); }
.pz-statik-menu__baslik { display: block; }
.pz-statik-menu__liste, .pz-yardim-menu__liste { flex-direction: column; gap: var(--pz-space-1); overflow: visible; padding: 0; }
.pz-statik-menu__link, .pz-yardim-menu__link { min-height: 40px; padding: 0 var(--pz-space-3); border: 0; border-radius: var(--pz-radius-md); background: transparent; white-space: normal; }
.pz-statik-menu__link:hover, .pz-yardim-menu__link:hover { background: var(--pz-surface-alt); }
}
.pz-prose { max-width: 78ch; color: var(--pz-text); font-size: var(--pz-body-fs); line-height: 1.7; overflow-wrap: anywhere; }
.pz-prose.pz-yuzey-kart { padding: var(--pz-space-5); }
@media (min-width: 768px) { .pz-prose.pz-yuzey-kart { padding: var(--pz-space-8); } }
.pz-prose > :first-child { margin-top: 0; }
.pz-prose > :last-child { margin-bottom: 0; }
.pz-prose h2 { margin: var(--pz-space-8) 0 var(--pz-space-3); font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); letter-spacing: var(--pz-h3-ls); }
.pz-prose h3 { margin: var(--pz-space-6) 0 var(--pz-space-2); font-size: var(--pz-body-lg-fs); line-height: var(--pz-body-lg-lh); font-weight: 600; }
.pz-prose h4, .pz-prose h5, .pz-prose h6 { margin: var(--pz-space-5) 0 var(--pz-space-2); font-weight: 600; }
.pz-prose p, .pz-prose ul, .pz-prose ol, .pz-prose table, .pz-prose blockquote { margin: 0 0 var(--pz-space-4); }
.pz-prose ul, .pz-prose ol { padding-left: var(--pz-space-6); }
.pz-prose li { margin-bottom: var(--pz-space-2); }
.pz-prose li::marker { color: var(--pz-primary); }
.pz-prose a { color: var(--pz-primary); text-decoration: underline; text-underline-offset: 2px; }
.pz-prose a:hover { color: var(--pz-primary-hover); }
.pz-prose strong { font-weight: 600; }
.pz-prose img { max-width: 100%; height: auto; border-radius: var(--pz-radius-md); }
.pz-prose .lead { font-size: var(--pz-body-lg-fs); line-height: var(--pz-body-lg-lh); color: var(--pz-text-secondary); }
.pz-prose blockquote { padding: var(--pz-space-3) var(--pz-space-4); border-left: 3px solid var(--pz-primary); border-radius: 0 var(--pz-radius-md) var(--pz-radius-md) 0; background: var(--pz-surface-alt); color: var(--pz-text-secondary); }
.pz-prose table { width: 100%; border-collapse: collapse; font-size: var(--pz-label-fs); }
.pz-prose th, .pz-prose td { padding: var(--pz-space-2) var(--pz-space-3); border: 1px solid var(--pz-border); text-align: left; vertical-align: top; }
.pz-prose th { background: var(--pz-surface-alt); font-weight: 600; }
.pz-prose hr { margin: var(--pz-space-6) 0; }
.pz-hakkimizda { display: flex; flex-direction: column; gap: var(--pz-space-8); }
.pz-hakkimizda__baslik { margin: 0 0 var(--pz-space-4); font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); letter-spacing: var(--pz-h3-ls); }
.pz-hakkimizda__kategoriler { display: flex; flex-wrap: wrap; gap: var(--pz-space-3); margin: 0; padding: 0; list-style: none; }
.pz-hakkimizda__kategori {
display: flex; align-items: center; gap: var(--pz-space-3); min-height: 56px; padding: var(--pz-space-2) var(--pz-space-4) var(--pz-space-2) var(--pz-space-2);
border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); background: var(--pz-surface);
color: var(--pz-text); font-size: var(--pz-label-fs); font-weight: var(--pz-label-fw);
transition: border-color var(--pz-sure-hizli) ease;
}
.pz-hakkimizda__kategori:hover { border-color: var(--pz-primary-border); color: var(--pz-text); }
.pz-hakkimizda__kategori img { width: 44px; height: 44px; object-fit: cover; border-radius: var(--pz-radius-md); background: var(--pz-surface-alt); }
.pz-hakkimizda__kurumsal, .pz-sss__destek {
display: flex; flex-direction: column; gap: var(--pz-space-4); padding: var(--pz-space-5);
border-radius: var(--pz-radius-xl); background: var(--pz-primary-subtle);
}
.pz-hakkimizda__kurumsal p, .pz-sss__destek p { margin: 0; color: var(--pz-text-secondary); }
.pz-hakkimizda__eylemler, .pz-sss__destek-eylemler { display: flex; flex-wrap: wrap; gap: var(--pz-space-3); }
@container (min-width: 640px) {
.pz-hakkimizda__kurumsal, .pz-sss__destek { flex-direction: row; align-items: center; justify-content: space-between; padding: var(--pz-space-8); }
}
.pz-iletisim { display: flex; flex-direction: column; gap: var(--pz-space-6); }
.pz-iletisim__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-6); }
@container (min-width: 720px) {
.pz-iletisim__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--pz-space-8); align-items: start; }
}
.pz-iletisim__baslik { margin: 0 0 var(--pz-space-2); font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); letter-spacing: var(--pz-h3-ls); }
.pz-iletisim__aciklama { margin: 0 0 var(--pz-space-5); color: var(--pz-text-secondary); }
.pz-iletisim__liste { display: flex; flex-direction: column; gap: var(--pz-space-4); margin: 0; padding: 0; list-style: none; }
.pz-iletisim__liste li { display: flex; align-items: center; gap: var(--pz-space-4); }
.pz-iletisim__liste li > div { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; }
.pz-iletisim__ikon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: var(--pz-radius-pill); background: var(--pz-primary-subtle); color: var(--pz-primary-active); }
.pz-iletisim__etiket { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); font-weight: 600; letter-spacing: var(--pz-caption-ls); text-transform: uppercase; color: var(--pz-text-muted); }
.pz-iletisim__liste a { color: var(--pz-text); font-weight: 500; }
.pz-iletisim__liste a:hover { color: var(--pz-primary); }
.pz-iletisim__sosyal { display: flex; gap: var(--pz-space-3); margin-top: var(--pz-space-5); }
.pz-iletisim__sosyal a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--pz-border); border-radius: var(--pz-radius-pill); background: var(--pz-surface); color: var(--pz-text); }
.pz-iletisim__sosyal a:hover { color: var(--pz-primary); border-color: var(--pz-primary-border); }
.pz-iletisim__gonder { width: 100%; }
@container (min-width: 480px) { .pz-iletisim__gonder { width: auto; align-self: flex-start; } }
.pz-iletisim__harita { aspect-ratio: 16 / 9; max-height: 420px; overflow: hidden; border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); background: var(--pz-surface-alt); }
.pz-iletisim__harita iframe { display: block; width: 100%; height: 100%; border: 0; }
.pz-sorgu { max-width: 560px; }
.pz-sorgu__kart { padding: var(--pz-space-5); }
@media (min-width: 768px) { .pz-sorgu__kart { padding: var(--pz-space-8); } }
.pz-sorgu__aciklama { margin: 0 0 var(--pz-space-5); color: var(--pz-text-secondary); }
.pz-sorgu__sonuc { margin-top: var(--pz-space-4); }
.pz-sorgu__sonuc:empty { display: none; }
.pz-havale { display: flex; flex-direction: column; gap: var(--pz-space-8); max-width: 760px; }
.pz-havale__baslik { margin: 0 0 var(--pz-space-4); font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); letter-spacing: var(--pz-h3-ls); }
.pz-havale__giris { margin: calc(-1 * var(--pz-space-2)) 0 var(--pz-space-4); max-width: 60ch; color: var(--pz-text-secondary); }
.pz-havale__form { padding: var(--pz-space-5); }
@media (min-width: 768px) { .pz-havale__form { padding: var(--pz-space-8); } }
.pz-sss { display: flex; flex-direction: column; gap: var(--pz-space-6); max-width: 860px; }
.pz-sss__liste { background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); overflow: hidden; }
.pz-sss__madde + .pz-sss__madde { border-top: 1px solid var(--pz-border); }
.pz-sss__baslik, .pz-yardim-madde__baslik { margin: 0; padding: 0; background: transparent; border: 0; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); letter-spacing: 0; }
.pz-sss__soru, .pz-yardim-madde__dugme {
display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-4); width: 100%; min-height: 56px;
padding: var(--pz-space-3) var(--pz-space-5); border: 0; background: transparent; text-align: left;
color: var(--pz-text); font-family: inherit; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); font-weight: 500; cursor: pointer;
}
.pz-sss__soru:hover, .pz-yardim-madde__dugme:hover { background: var(--pz-surface-alt); }
.pz-sss__ok { transition: transform var(--pz-sure-orta) ease; color: var(--pz-text-muted); }
.pz-sss__soru:not(.collapsed) .pz-sss__ok, .pz-yardim-madde__dugme:not(.collapsed) .pz-sss__ok { transform: rotate(180deg); color: var(--pz-primary); }
.pz-sss__cevap, .pz-yardim-madde__govde { padding: 0 var(--pz-space-5) var(--pz-space-5); color: var(--pz-text-secondary); }
.pz-sss__destek-baslik { margin: 0 0 var(--pz-space-1); font-size: var(--pz-h3-fs); line-height: var(--pz-h3-lh); font-weight: var(--pz-h3-fw); }
.pz-yardim-ara { padding: var(--pz-space-8) var(--pz-space-4); border-radius: var(--pz-radius-xl); background: var(--pz-gradient-hero); text-align: center; }
@media (min-width: 768px) { .pz-yardim-ara { padding: var(--pz-space-16) var(--pz-space-8); } }
.pz-yardim-ara__baslik { margin: 0 0 var(--pz-space-5); }
.pz-yardim-ara__form { position: relative; display: flex; gap: var(--pz-space-2); max-width: 640px; margin: 0 auto; }
.pz-yardim-ara__ikon { position: absolute; left: var(--pz-space-4); top: 12px; color: var(--pz-text-muted); pointer-events: none; }
.pz-yardim-ara__input { flex: 1; min-width: 0; padding-left: var(--pz-space-12); }
.pz-yardim-detay__ara { max-width: none; margin: 0 0 var(--pz-space-6); }
.pz-yardim-detay__baslik { display: block; margin: 0 0 var(--pz-space-5); font: inherit; letter-spacing: inherit; color: inherit; }
.pz-yardim-vitrin > [class*="col"] { margin-bottom: var(--pz-gutter); }
.pz-yardim-kart { display: flex; flex-direction: column; height: 100%; padding: var(--pz-space-5); transition: border-color var(--pz-sure-hizli) ease; }
.pz-yardim-kart:hover { border-color: var(--pz-primary-border); }
.pz-yardim-kart__baslik { display: flex; align-items: center; gap: var(--pz-space-3); color: var(--pz-text); font-size: var(--pz-body-lg-fs); line-height: var(--pz-body-lg-lh); font-weight: 600; }
.pz-yardim-kart__baslik:hover { color: var(--pz-primary); }
.pz-yardim-kart__resim { width: 40px; height: 40px; flex-shrink: 0; }
.pz-yardim-kart__resim img { width: 100%; height: 100%; object-fit: contain; }
.pz-yardim-kart__maddeler { margin: var(--pz-space-4) 0 0; padding: var(--pz-space-3) 0 0; border-top: 1px solid var(--pz-border); list-style: none; }
.pz-yardim-kart__maddeler a { display: block; padding: var(--pz-space-2) 0; color: var(--pz-text-secondary); font-size: var(--pz-label-fs); line-height: var(--pz-label-lh); }
.pz-yardim-kart__maddeler a:hover { color: var(--pz-primary); }
.pz-yardim-yol .breadcrumb { margin: 0; padding: 0; background: transparent; font-size: var(--pz-body-sm-fs); }
.pz-yardim-yol .breadcrumb-item + .breadcrumb-item::before { color: var(--pz-text-muted); }
.pz-yardim-yol .breadcrumb-item a { color: var(--pz-text-secondary); }
.pz-yardim-yol .breadcrumb-item.active a { color: var(--pz-text); font-weight: 500; }
.pz-yardim-akordeon .accordion { background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); overflow: hidden; }
.pz-yardim-madde + .pz-yardim-madde { border-top: 1px solid var(--pz-border); }
.pz-yardim-madde__govde { max-width: 78ch; }
.pz-bayilik { max-width: 760px; margin: 0 auto; padding: var(--pz-space-4) 0 var(--pz-space-8); }
.pz-bayilik__ust { margin-bottom: var(--pz-space-6); text-align: center; }
.pz-bayilik__baslik { margin: 0 0 var(--pz-space-2); }
.pz-bayilik__aciklama { max-width: 560px; margin: 0 auto; color: var(--pz-text-secondary); }
.pz-bayilik__kart { padding: var(--pz-space-5); }
@media (min-width: 768px) { .pz-bayilik__kart { padding: var(--pz-space-8); } }
.pz-bayilik .pz-form__grup:last-of-type { margin-bottom: var(--pz-space-6); }
.static-body .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info h1.p-g-m-h-i-title { font-weight: 600; letter-spacing: var(--pz-baslik-izleme); }
.pz-statik-menu__baslik { text-transform: none; letter-spacing: 0; font-size: var(--pz-body-sm-fs); font-weight: 600; color: var(--pz-text); }
.pz-statik-menu ul.pz-statik-menu__liste a.pz-statik-menu__link { padding: 0 var(--pz-space-4); border-bottom-width: 1px; }
@media (min-width: 992px) {
.pz-statik-menu { position: sticky; top: var(--pz-space-6); padding: 0; background: transparent; border: 0; border-radius: 0; }
.pz-statik-menu__baslik { padding: 0 0 0 var(--pz-space-4); margin-bottom: var(--pz-space-3); }
.pz-statik-menu__liste { gap: 0; border-left: 1px solid var(--pz-border); }
.pz-statik-menu ul.pz-statik-menu__liste a.pz-statik-menu__link {
display: flex; align-items: center; min-height: 38px; margin-left: -1px; padding: 6px var(--pz-space-4); border: 0; border-left: 2px solid transparent; border-radius: 0;
color: var(--pz-text-secondary); font-weight: 400;
}
.pz-statik-menu ul.pz-statik-menu__liste a.pz-statik-menu__link:hover { background: transparent; color: var(--pz-text); border-left-color: var(--pz-border-strong); }
.pz-statik-menu ul.pz-statik-menu__liste a.pz-statik-menu__link[aria-current="page"] { background: var(--pz-surface); border-left-width: 3px; border-left-color: var(--pz-primary); color: var(--pz-text); font-weight: 600; }
}
.pz-belge { display: flex; flex-direction: column; gap: var(--pz-space-6); }
.pz-belge__arac {
display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-4);
padding-bottom: var(--pz-space-4); border-bottom: 1px solid var(--pz-border);
font-size: var(--pz-body-sm-fs); color: var(--pz-text-muted);
}
.pz-belge__yazdir {
display: inline-flex; align-items: center; gap: var(--pz-space-2); min-height: 40px; margin-left: auto; padding: 0;
border: 0; background: transparent; color: var(--pz-text); font: inherit; font-weight: 500; cursor: pointer;
}
.pz-belge__yazdir:hover { color: var(--pz-primary); text-decoration: underline; text-underline-offset: 4px; }
.pz-belge__govde { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-6); align-items: start; }
.pz-belge__icindekiler { border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); background: var(--pz-surface); }
.pz-belge__icindekiler-baslik {
display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 var(--pz-space-4);
font-weight: 600; cursor: pointer; list-style: none;
}
.pz-belge__icindekiler-baslik::-webkit-details-marker { display: none; }
.pz-belge__icindekiler-baslik::after { content: "+"; font-weight: 400; color: var(--pz-text-muted); }
.pz-belge__icindekiler[open] .pz-belge__icindekiler-baslik::after { content: "–"; }
.pz-belge__icindekiler-liste { margin: 0; padding: 0 var(--pz-space-4) var(--pz-space-4); list-style: none; font-size: var(--pz-body-sm-fs); line-height: 1.4; }
.pz-belge__icindekiler-liste li { margin: 0; }
.pz-belge__icindekiler-liste li.is-alt { padding-left: var(--pz-space-3); }
.pz-belge__icindekiler-liste a { display: block; padding: 6px 0 6px var(--pz-space-3); border-left: 2px solid transparent; color: var(--pz-text-secondary); }
.pz-belge__icindekiler-liste a:hover { color: var(--pz-text); }
.pz-belge__icindekiler-liste a[aria-current] { border-left-color: var(--pz-primary); color: var(--pz-text); font-weight: 500; }
.pz-belge__metin { max-width: 68ch; font-size: var(--pz-body-fs); line-height: 1.75; }
.pz-belge__metin h2 { scroll-margin-top: var(--pz-space-16); margin-top: var(--pz-space-10); font-size: 22px; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }
.pz-belge__metin h3 { scroll-margin-top: var(--pz-space-16); margin-top: var(--pz-space-8); font-size: 17px; line-height: 1.4; font-weight: 600; }
.pz-belge__no { display: inline-block; min-width: 2.2em; margin-right: var(--pz-space-2); color: var(--pz-text-muted); font-weight: 500; font-variant-numeric: tabular-nums; }
.pz-belge__yardim {
display: flex; flex-direction: column; gap: var(--pz-space-1);
padding-top: var(--pz-space-6); border-top: 1px solid var(--pz-border);
}
.pz-belge__yardim p { margin: 0; }
.pz-belge__yardim-baslik { font-size: var(--pz-body-lg-fs); font-weight: 600; }
.pz-belge__yardim-metin { color: var(--pz-text-secondary); }
.pz-belge__yardim .pz-belge__yardim-eylem { display: flex; flex-wrap: wrap; gap: var(--pz-space-2) var(--pz-space-6); margin-top: var(--pz-space-2); }
.pz-belge__yardim-eylem a { color: var(--pz-text); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.pz-belge__yardim-eylem a:hover { color: var(--pz-primary); }
@container (min-width: 880px) {
.pz-belge__govde { grid-template-columns: minmax(0, 1fr) 232px; gap: var(--pz-space-12); }
.pz-belge__icindekiler { order: 2; position: sticky; top: var(--pz-space-6); max-height: calc(100vh - 48px); overflow: auto; border: 0; background: transparent; }
.pz-belge__icindekiler-baslik { min-height: 0; padding: 0 0 var(--pz-space-3); pointer-events: none; font-size: var(--pz-body-sm-fs); }
.pz-belge__icindekiler-baslik::after { content: none; }
.pz-belge__icindekiler-liste { padding: 0; border-left: 1px solid var(--pz-border); }
.pz-belge__icindekiler-liste a { margin-left: -1px; }
.pz-belge__metin { font-size: 17px; }
.pz-belge__metin { padding-left: 3.2em; }
.pz-belge__numarali { position: relative; }
.pz-belge__no { position: absolute; left: -3.2em; width: 2.6em; min-width: 0; margin: 0; text-align: right; }
}
.pz-iban { padding: 2px 6px; border-radius: var(--pz-radius-sm); background: var(--pz-surface-alt); color: var(--pz-text); font-family: inherit; font-size: .95em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pz-iban__kopyala {
margin-left: var(--pz-space-2); padding: 2px 10px; min-height: 28px; vertical-align: baseline;
border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-sm); background: var(--pz-surface);
color: var(--pz-text); font: inherit; font-size: var(--pz-caption-fs); font-weight: 600; cursor: pointer;
}
.pz-iban__kopyala:hover { border-color: var(--pz-primary); color: var(--pz-primary); }
.pz-bankalar__liste { display: flex; flex-direction: column; gap: var(--pz-space-3); margin: 0; padding: 0; list-style: none; }
.pz-banka-satir {
display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-3); align-items: center;
padding: var(--pz-space-5); background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md);
}
.pz-banka-satir p { margin: 0; }
.pz-banka-satir__ad { font-size: var(--pz-body-lg-fs); font-weight: 600; }
.pz-banka-satir__sahip { font-size: var(--pz-body-sm-fs); color: var(--pz-text-secondary); }
.pz-banka-satir__sahip span { display: block; color: var(--pz-text-muted); }
.pz-banka-satir__iban { font-family: inherit; font-size: 17px; font-weight: 500; letter-spacing: .02em; font-variant-numeric: tabular-nums; color: var(--pz-text); overflow-wrap: anywhere; }
@container (min-width: 720px) {
.pz-banka-satir { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr) auto; gap: var(--pz-space-6); }
}
.pz-bankalar { display: flex; flex-direction: column; gap: var(--pz-space-5); container-type: inline-size; }
.pz-bankalar__giris { margin: 0; max-width: 64ch; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); color: var(--pz-text-secondary); }
.pz-banka-satir__iban-alan { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pz-banka-satir__etiket { font-size: var(--pz-caption-fs); line-height: var(--pz-caption-lh); color: var(--pz-text-muted); text-transform: uppercase; letter-spacing: .06em; }
.pz-bankalar .pz-banka-satir__iban { font-size: min(17px, 4.1vw); white-space: nowrap; overflow-wrap: normal; }
.pz-bankalar .pz-banka-satir__kopyala { width: 100%; white-space: nowrap; }
@container (min-width: 720px) { .pz-bankalar .pz-banka-satir__kopyala { width: auto; } }
.pz-bankalar__bildir {
display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--pz-space-3) var(--pz-space-4); align-items: center;
padding: var(--pz-space-5); background: var(--pz-primary-subtle); border: 1px solid var(--pz-primary-border); border-radius: var(--pz-radius-md);
}
.pz-bankalar__bildir-ikon {
display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px;
border-radius: var(--pz-radius-pill); background: var(--pz-surface); color: var(--pz-primary);
}
.pz-bankalar__bildir-metin { margin: 0; font-size: var(--pz-body-fs); line-height: var(--pz-body-lh); color: var(--pz-text); }
.pz-bankalar__bildir-btn { grid-column: 1 / -1; width: 100%; }
@container (min-width: 720px) {
.pz-bankalar__bildir { grid-template-columns: auto minmax(0, 1fr) auto; }
.pz-bankalar__bildir-btn { grid-column: auto; width: auto; }
}
@container (min-width: 480px) {
.pz-havale .pz-banka-satir { grid-template-columns: minmax(0, 1fr) auto; gap: var(--pz-space-3) var(--pz-space-4); }
.pz-havale .pz-banka-satir__bilgi { grid-column: 1 / -1; }
.pz-havale .pz-banka-satir__iban { white-space: nowrap; overflow-wrap: normal; }
}
.pz-hakkimizda { gap: var(--pz-space-12); }
.pz-hakkimizda__icerik { max-width: 68ch; }
.pz-hakkimizda__icerik > p:first-child, .pz-hakkimizda__icerik > .lead:first-child {
font-size: 19px; line-height: 1.5; font-weight: 500; letter-spacing: -0.01em; color: var(--pz-text);
}
@media (min-width: 768px) { .pz-hakkimizda__icerik > p:first-child, .pz-hakkimizda__icerik > .lead:first-child { font-size: 22px; } }
.pz-hakkimizda__baslik { font-size: 24px; line-height: 1.25; font-weight: 600; letter-spacing: var(--pz-baslik-izleme); }
.pz-kunye__liste { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0; border-top: 2px solid var(--pz-text); }
.pz-kunye__liste > div { display: grid; grid-template-columns: 9em minmax(0, 1fr); gap: var(--pz-space-4); padding: var(--pz-space-4) 0; border-bottom: 1px solid var(--pz-border); }
.pz-kunye__liste dt { font-weight: 400; color: var(--pz-text-muted); }
.pz-kunye__liste dd { margin: 0; font-weight: 500; color: var(--pz-text); }
.pz-kunye__liste dd a { color: var(--pz-text); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.pz-kunye__liste dd a:hover { color: var(--pz-primary); }
.pz-hakkimizda__kategoriler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pz-space-5) var(--pz-space-4); }
@container (min-width: 640px) { .pz-hakkimizda__kategoriler { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pz-hakkimizda__kategori {
display: flex; flex-direction: column; align-items: stretch; gap: var(--pz-space-3); min-height: 0; padding: 0;
border: 0; border-radius: 0; background: transparent; font-size: var(--pz-body-fs); font-weight: 600;
}
.pz-hakkimizda__kategori-medya { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--pz-radius-sm); background: var(--pz-surface-alt); }
.pz-hakkimizda__kategori img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; background: transparent; }
.pz-hakkimizda__kategori:hover .pz-hakkimizda__kategori-ad { text-decoration: underline; text-underline-offset: 4px; }
.pz-hakkimizda__kurumsal { padding: var(--pz-space-6) 0 0; border-radius: 0; background: transparent; border-top: 1px solid var(--pz-border); }
@container (min-width: 640px) { .pz-hakkimizda__kurumsal { padding: var(--pz-space-6) 0 0; } }
.pz-iletisim__etiket { text-transform: none; letter-spacing: 0; }
.pz-iletisim__yollar { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-3); margin: 0 0 var(--pz-space-6); padding: 0; list-style: none; }
@container (min-width: 420px) { .pz-iletisim__yollar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.pz-iletisim__yol {
display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 14px; row-gap: 2px; align-items: center; height: 100%; min-height: 72px; padding: var(--pz-space-3) var(--pz-space-4);
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-md); color: var(--pz-text);
transition: border-color var(--pz-sure-hizli) ease;
}
.pz-iletisim__yol:hover { border-color: var(--pz-primary); color: var(--pz-text); }
.pz-iletisim__yol .pz-icon { grid-row: span 2; width: 22px; height: 22px; color: var(--pz-primary); }
@container (min-width: 420px) {
.pz-iletisim__yol { display: flex; flex-direction: column; align-items: stretch; gap: var(--pz-space-1); min-height: 112px; padding: var(--pz-space-4); }
.pz-iletisim__yol .pz-icon { margin-bottom: var(--pz-space-2); }
}
.pz-iletisim__yol-eylem { font-size: var(--pz-body-fs); font-weight: 600; }
.pz-iletisim__yol-deger { font-size: var(--pz-body-sm-fs); color: var(--pz-text-secondary); overflow-wrap: anywhere; }
.pz-iletisim__saatler { padding-top: var(--pz-space-5); border-top: 1px solid var(--pz-border); }
.pz-iletisim__saatler-baslik { display: flex; align-items: center; justify-content: space-between; gap: var(--pz-space-3); margin: 0 0 var(--pz-space-3); font-weight: 600; }
.pz-iletisim__durum { padding: 2px 10px; border-radius: var(--pz-radius-pill); font-size: var(--pz-caption-fs); font-weight: 600; }
.pz-iletisim__durum.is-acik { background: var(--pz-success-subtle); color: var(--pz-success); }
.pz-iletisim__durum.is-kapali { background: var(--pz-surface-alt); color: var(--pz-text-secondary); }
.pz-iletisim__saat-listesi { margin: 0; }
.pz-iletisim__saat-listesi > div { display: flex; justify-content: space-between; gap: var(--pz-space-4); padding: 6px 0; font-size: var(--pz-body-sm-fs); }
.pz-iletisim__saat-listesi dt { font-weight: 400; color: var(--pz-text-secondary); }
.pz-iletisim__saat-listesi dd { margin: 0; font-weight: 500; font-variant-numeric: tabular-nums; }
.pz-iletisim__saat-listesi .is-kapali dd { color: var(--pz-text-muted); font-weight: 400; }
.pz-iletisim__form-baslik { margin: 0 0 var(--pz-space-5); font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }
.pz-iletisim__ek { max-width: 68ch; }
@container (min-width: 720px) {
.pz-iletisim__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--pz-space-10); }
}
.pz-sss__ara { display: flex; flex-direction: column; gap: var(--pz-space-2); }
.pz-sss__ara-etiket { font-weight: 600; }
.pz-sss__ara-alan { height: 52px; font-size: var(--pz-body-lg-fs); }
.pz-sss__sonuc-yok { margin: var(--pz-space-2) 0 0; color: var(--pz-text-secondary); }
.pz-sss__madde[hidden] { display: none; }
.pz-sss__destek { border-radius: var(--pz-radius-md); background: var(--pz-surface); border: 1px solid var(--pz-border); }
.pz-sorgu--adimli { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-6); max-width: none; }
.pz-takip-adimlar { display: flex; flex-direction: column; gap: var(--pz-space-4); margin: 0; padding: 0; list-style: none; counter-reset: takip-adim; }
.pz-takip-adimlar li { display: flex; gap: var(--pz-space-3); align-items: baseline; counter-increment: takip-adim; color: var(--pz-text); }
.pz-takip-adimlar li::before {
content: counter(takip-adim); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
width: 28px; height: 28px; border: 1px solid var(--pz-border-strong); border-radius: var(--pz-radius-pill);
font-size: var(--pz-body-sm-fs); font-weight: 600; font-variant-numeric: tabular-nums;
}
@container (min-width: 720px) {
.pz-sorgu--adimli { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--pz-space-10); align-items: start; }
.pz-sorgu--adimli .pz-sorgu__sonuc { grid-column: 1 / -1; }
}
@media print {
.pz-header-kapsam, .pz-footer, .pz-statik-menu, .pz-belge__arac, .pz-belge__icindekiler, .pz-belge__yardim,
.breadcrumb, .pz-alt-nav, .addons-mobile-menu, .addons-whatsapp-widget, .progress-wrap, .pz-iban__kopyala { display: none; }
.pz-belge__metin { max-width: none; padding-left: 0; font-size: 11pt; }
.pz-belge__no { position: static; }
}
.pz-yardim-ara { padding: var(--pz-space-8) 0 var(--pz-space-6); border-radius: 0; background: transparent; border-bottom: 1px solid var(--pz-border); }
@media (min-width: 768px) { .pz-yardim-ara { padding: var(--pz-space-12) 0 var(--pz-space-10); } }
.pz-yardim-ara__baslik { font-weight: 600; letter-spacing: var(--pz-baslik-izleme); text-wrap: balance; }
.pz-yardim-ara__input { height: 56px; font-size: var(--pz-body-lg-fs); }
.pz-yardim-ara__form .pz-btn { height: 56px; padding: 0 var(--pz-space-6); }
.pz-yardim-ara__ikon { top: 16px; }
.pz-yardim-kart { padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.pz-yardim-kart__baslik { padding-bottom: var(--pz-space-3); border-bottom: 2px solid var(--pz-text); font-size: 18px; }
.pz-yardim-kart__maddeler { margin-top: 0; padding-top: 0; border-top: 0; }
.pz-yardim-kart__maddeler li { border-bottom: 1px solid var(--pz-border); }
.pz-yardim-kart__maddeler a { padding: var(--pz-space-3) 0; color: var(--pz-text); font-size: var(--pz-body-fs); }
.pz-yardim-kart__maddeler a:hover { color: var(--pz-primary); text-decoration: underline; text-underline-offset: 4px; }
.pattern-group .p-g-mod-t-63 .p-g-mod-body { display: block; height: auto; margin-top: 0; background: transparent; }
@media (max-width: 991.98px) {
.p-g-mod:has(> .p-g-mod-body .pz-statik-menu--mobil-gizli), .pz-statik-menu--mobil-gizli { display: none; }
}
@media (min-width: 992px) {
.pz-statik-menu__baslik { margin: 0; padding: 0 0 var(--pz-space-3); border-bottom: 1px solid var(--pz-border-strong); font-size: var(--pz-body-fs); color: var(--pz-text); }
.pz-statik-menu__liste { border-left: 0; }
.pz-statik-menu ul.pz-statik-menu__liste a.pz-statik-menu__link {
min-height: 46px; margin-left: 0; padding: var(--pz-space-3) 0; border-left: 0; border-bottom: 1px solid var(--pz-border);
color: var(--pz-text-secondary); font-size: var(--pz-label-fs);
}
.pz-statik-menu ul.pz-statik-menu__liste a.pz-statik-menu__link:hover { color: var(--pz-text); background: transparent; }
.pz-statik-menu ul.pz-statik-menu__liste a.pz-statik-menu__link[aria-current="page"] { background: transparent; border-left: 0; color: var(--pz-primary); font-weight: 600; }
}
@media (max-width: 991.98px) {
.pz-yardim-menu { margin-bottom: var(--pz-space-2); border-bottom: 1px solid var(--pz-border); }
.pz-yardim-menu ul.pz-yardim-menu__liste {
gap: var(--pz-space-6); padding: 0;
-webkit-mask-image: linear-gradient(to right, var(--pz-text) 88%, transparent); mask-image: linear-gradient(to right, var(--pz-text) 88%, transparent);
}
.pz-yardim-menu ul.pz-yardim-menu__liste li:last-child { padding-right: var(--pz-space-8); }
.pz-yardim-menu ul.pz-yardim-menu__liste a.pz-yardim-menu__link {
min-height: 48px; padding: 0; border: 0; border-radius: 0; background: transparent;
color: var(--pz-text-secondary); font-size: var(--pz-body-fs); font-weight: 500;
box-shadow: inset 0 -2px 0 transparent; transition: color var(--pz-sure-orta) ease, box-shadow var(--pz-sure-orta) ease;
}
.pz-yardim-menu ul.pz-yardim-menu__liste a.pz-yardim-menu__link:hover { color: var(--pz-text); box-shadow: inset 0 -2px 0 var(--pz-border-strong); }
.pz-yardim-menu ul.pz-yardim-menu__liste a.pz-yardim-menu__link[aria-current] { background: transparent; color: var(--pz-text); font-weight: 600; box-shadow: inset 0 -2px 0 var(--pz-primary); }
}
@media (min-width: 992px) {
.pz-yardim-menu { padding: 0; background: transparent; border: 0; border-radius: 0; }
.pz-yardim-menu ul.pz-yardim-menu__liste { gap: 0; border-top: 1px solid var(--pz-border-strong); }
.pz-yardim-menu ul.pz-yardim-menu__liste a.pz-yardim-menu__link {
min-height: 48px; padding: var(--pz-space-3) 0; border-bottom: 1px solid var(--pz-border); border-radius: 0;
color: var(--pz-text-secondary); font-size: var(--pz-label-fs);
}
.pz-yardim-menu ul.pz-yardim-menu__liste a.pz-yardim-menu__link:hover { background: transparent; color: var(--pz-text); }
.pz-yardim-menu ul.pz-yardim-menu__liste a.pz-yardim-menu__link[aria-current] { background: transparent; color: var(--pz-primary); font-weight: 600; }
}
.pz-belgeler { display: flex; flex-direction: column; gap: var(--pz-space-6); }
.pz-belgeler__icerik { max-width: none; }
.pz-belgeler__icerik > :not(.pz-belgeler__izgara) { max-width: 68ch; }
.pz-belgeler__icerik > p:first-child { font-size: var(--pz-body-lg-fs); line-height: var(--pz-body-lg-lh); color: var(--pz-text-secondary); }
.pz-belgeler__izgara {
display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--pz-space-5);
margin: var(--pz-space-6) 0 var(--pz-space-8); padding: 0; list-style: none;
}
@container (min-width: 560px) { .pz-belgeler__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (min-width: 960px) { .pz-belgeler__izgara:not(.is-tek) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.pz-belgeler__izgara.is-tek { max-width: 480px; }
.pz-belgeler__izgara > li { margin: 0; padding: 0; }
.pz-belgeler__izgara > li::before { display: none; }
.pz-belge-kart {
display: flex; flex-direction: column; width: 100%; height: 100%; padding: 0; overflow: hidden; text-align: left; cursor: zoom-in;
background: var(--pz-surface); border: 1px solid var(--pz-border); border-radius: var(--pz-radius-lg); color: var(--pz-text); font: inherit;
transition: border-color var(--pz-sure-orta) ease, box-shadow var(--pz-sure-orta) ease;
}
.pz-belge-kart:hover { border-color: var(--pz-border-strong); box-shadow: 0 12px 28px -12px var(--pz-kaplama-15); }
.pz-belge-kart:focus-visible { outline: 2px solid var(--pz-primary); outline-offset: 3px; }
.pz-belge-kart__kagit {
display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 5; padding: var(--pz-space-6);
background: var(--pz-surface-alt); border-bottom: 1px solid var(--pz-border);
}
.pz-belge-kart__kagit img {
display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; border-radius: 2px;
box-shadow: 0 1px 2px var(--pz-kaplama-10), 0 10px 24px -8px var(--pz-kaplama-15);
transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease;
}
.pz-belge-kart:hover .pz-belge-kart__kagit img { transform: translateY(-4px) rotate(-.6deg); box-shadow: 0 2px 4px var(--pz-kaplama-10), 0 18px 32px -10px var(--pz-kaplama-35); }
.pz-belge-kart__metin { display: flex; flex-direction: column; gap: var(--pz-space-1); padding: var(--pz-space-4) var(--pz-space-5) var(--pz-space-5); }
.pz-belge-kart__ad { font-size: var(--pz-body-lg-fs); line-height: 1.35; font-weight: 600; color: var(--pz-text); }
.pz-belge-kart__aciklama { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); }
.pz-belge-kart__buyut { display: inline-flex; align-items: center; gap: var(--pz-space-1); margin-top: var(--pz-space-2); font-size: var(--pz-body-sm-fs); font-weight: 600; color: var(--pz-primary-active); }
.pz-belge-kart:hover .pz-belge-kart__buyut { color: var(--pz-primary); }
.pz-belge-buyuk {
width: min(96vw, 960px); max-width: none; max-height: 94vh; margin: auto; padding: 0; overflow: visible;
border: 0; background: transparent; color: var(--pz-on-primary);
}
.pz-belge-buyuk::backdrop { background: color-mix(in srgb, var(--pz-secondary) 88%, transparent); }
.pz-belge-buyuk__cerceve { display: flex; flex-direction: column; align-items: center; gap: var(--pz-space-3); margin: 0; }
.pz-belge-buyuk__gorsel { display: block; max-width: 100%; max-height: calc(94vh - 64px); width: auto; height: auto; border-radius: var(--pz-radius-sm); background: var(--pz-surface); box-shadow: 0 24px 60px var(--pz-kaplama-35); }
.pz-belge-buyuk__ad { font-weight: 600; text-align: center; }
.pz-belge-buyuk__kapat {
position: absolute; top: calc(-1 * var(--pz-space-3)); right: calc(-1 * var(--pz-space-3)); display: inline-flex; align-items: center; justify-content: center;
width: 44px; height: 44px; border: 0; border-radius: 50%; background: var(--pz-surface); color: var(--pz-text); cursor: pointer; box-shadow: 0 4px 12px var(--pz-kaplama-35);
}
.pz-belge-buyuk__kapat:focus-visible { outline: 2px solid var(--pz-primary); outline-offset: 2px; }
@media (max-width: 575.98px) { .pz-belge-buyuk__kapat { top: var(--pz-space-2); right: var(--pz-space-2); } }
@media (prefers-reduced-motion: reduce) { .pz-belge-kart__kagit img { transition: none; } .pz-belge-kart:hover .pz-belge-kart__kagit img { transform: none; } }
.pz-rakamlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--pz-border-strong); border-bottom: 1px solid var(--pz-border); }
.pz-rakamlar__oge { display: flex; flex-direction: column; gap: var(--pz-space-1); padding: var(--pz-space-5) var(--pz-space-3); }
.pz-rakamlar__oge + .pz-rakamlar__oge { border-left: 1px solid var(--pz-border); }
.pz-rakamlar__deger { font-family: var(--pz-font-baslik); font-size: clamp(32px, 6vw, 56px); line-height: 1; font-weight: var(--pz-baslik-agirlik); letter-spacing: var(--pz-baslik-izleme); color: var(--pz-text); font-variant-numeric: tabular-nums; }
.pz-rakamlar__etiket { font-size: var(--pz-body-sm-fs); line-height: var(--pz-body-sm-lh); color: var(--pz-text-secondary); }
@container (min-width: 640px) { .pz-rakamlar__oge { padding: var(--pz-space-6) var(--pz-space-6); } }
.pz-kunye__kanal-listesi { display: flex; flex-wrap: wrap; align-items: center; gap: var(--pz-space-2) var(--pz-space-5); margin: 0; padding: 0; list-style: none; }
.pz-kunye__site { font-weight: 600; color: var(--pz-text); text-decoration: underline; text-underline-offset: 4px; }
.pz-kunye__logo { display: inline-flex; align-items: center; min-height: 44px; }
.pz-kunye__logo img { display: block; width: auto; height: auto; max-width: 96px; max-height: 24px; transition: filter .3s ease; }
@media (hover: hover) {
.pz-kunye__logo img { filter: brightness(0) invert(38%); }
.pz-kunye__logo:hover img, .pz-kunye__logo:focus-visible img { filter: none; }
}
.pz-okuma { position: fixed; top: 0; left: 0; right: 0; z-index: 1100; height: 3px; pointer-events: none; }
.pz-okuma__dolgu { display: block; height: 100%; width: 100%; background: var(--pz-primary); transform: scaleX(0); transform-origin: left; }
@media print { .pz-okuma { display: none; } }