/*!
 * Bootstrap Icons Only - v3.0.0
 * Sadece icon'lar için gerekli stiller
 * Container ve grid sistemleri kaldırıldı
 */

/* Bootstrap Icon Font */
@font-face{
  font-family:'Glyphicons Halflings';
  src:url('../fonts/glyphicons-halflings-regular.html');
  src:url('../fonts/glyphicons-halflings-regulard41d.html?#iefix') format('embedded-opentype'),
      url('../fonts/glyphicons-halflings-regular-2.html') format('woff'),
      url('../fonts/glyphicons-halflings-regular-3.html') format('truetype'),
      url('../fonts/glyphicons-halflings-regular-4.html#glyphicons-halflingsregular') format('svg')
}

.glyphicon{
  position:relative;
  top:1px;
  display:inline-block;
  font-family:'Glyphicons Halflings';
  -webkit-font-smoothing:antialiased;
  font-style:normal;
  font-weight:normal;
  line-height:1;
}

/* Bootstrap Icons */
.glyphicon-asterisk:before{content:"\2a"}
.glyphicon-plus:before{content:"\2b"}
.glyphicon-euro:before{content:"\20ac"}
.glyphicon-minus:before{content:"\2212"}
.glyphicon-cloud:before{content:"\2601"}
.glyphicon-envelope:before{content:"\2709"}
.glyphicon-pencil:before{content:"\270f"}
.glyphicon-glass:before{content:"\e001"}
.glyphicon-music:before{content:"\e002"}
.glyphicon-search:before{content:"\e003"}
.glyphicon-heart:before{content:"\e005"}
.glyphicon-star:before{content:"\e006"}
.glyphicon-star-empty:before{content:"\e007"}
.glyphicon-user:before{content:"\e008"}
.glyphicon-film:before{content:"\e009"}
.glyphicon-th-large:before{content:"\e010"}
.glyphicon-th:before{content:"\e011"}
.glyphicon-th-list:before{content:"\e012"}
.glyphicon-ok:before{content:"\e013"}
.glyphicon-remove:before{content:"\e014"}
.glyphicon-zoom-in:before{content:"\e015"}
.glyphicon-zoom-out:before{content:"\e016"}
.glyphicon-off:before{content:"\e017"}
.glyphicon-signal:before{content:"\e018"}
.glyphicon-cog:before{content:"\e019"}
.glyphicon-trash:before{content:"\e020"}
.glyphicon-home:before{content:"\e021"}
.glyphicon-file:before{content:"\e022"}
.glyphicon-time:before{content:"\e023"}
.glyphicon-road:before{content:"\e024"}
.glyphicon-download-alt:before{content:"\e025"}
.glyphicon-download:before{content:"\e026"}
.glyphicon-upload:before{content:"\e027"}
.glyphicon-inbox:before{content:"\e028"}
.glyphicon-play-circle:before{content:"\e029"}
.glyphicon-repeat:before{content:"\e030"}
.glyphicon-refresh:before{content:"\e031"}
.glyphicon-list-alt:before{content:"\e032"}
.glyphicon-flag:before{content:"\e034"}
.glyphicon-headphones:before{content:"\e035"}
.glyphicon-volume-off:before{content:"\e036"}
.glyphicon-volume-down:before{content:"\e037"}
.glyphicon-volume-up:before{content:"\e038"}
.glyphicon-qrcode:before{content:"\e039"}
.glyphicon-barcode:before{content:"\e040"}
.glyphicon-tag:before{content:"\e041"}
.glyphicon-tags:before{content:"\e042"}
.glyphicon-book:before{content:"\e043"}
.glyphicon-print:before{content:"\e045"}
.glyphicon-font:before{content:"\e047"}
.glyphicon-bold:before{content:"\e048"}
.glyphicon-italic:before{content:"\e049"}
.glyphicon-text-height:before{content:"\e050"}
.glyphicon-text-width:before{content:"\e051"}
.glyphicon-align-left:before{content:"\e052"}
.glyphicon-align-center:before{content:"\e053"}
.glyphicon-align-right:before{content:"\e054"}
.glyphicon-align-justify:before{content:"\e055"}
.glyphicon-list:before{content:"\e056"}
.glyphicon-indent-left:before{content:"\e057"}
.glyphicon-indent-right:before{content:"\e058"}
.glyphicon-facetime-video:before{content:"\e059"}
.glyphicon-picture:before{content:"\e060"}
.glyphicon-map-marker:before{content:"\e062"}
.glyphicon-adjust:before{content:"\e063"}
.glyphicon-tint:before{content:"\e064"}
.glyphicon-edit:before{content:"\e065"}
.glyphicon-share:before{content:"\e066"}
.glyphicon-check:before{content:"\e067"}
.glyphicon-move:before{content:"\e068"}
.glyphicon-step-backward:before{content:"\e069"}
.glyphicon-fast-backward:before{content:"\e070"}
.glyphicon-backward:before{content:"\e071"}
.glyphicon-play:before{content:"\e072"}
.glyphicon-pause:before{content:"\e073"}
.glyphicon-stop:before{content:"\e074"}
.glyphicon-forward:before{content:"\e075"}
.glyphicon-fast-forward:before{content:"\e076"}
.glyphicon-step-forward:before{content:"\e077"}
.glyphicon-eject:before{content:"\e078"}
.glyphicon-chevron-left:before{content:"\e079"}
.glyphicon-chevron-right:before{content:"\e080"}
.glyphicon-plus-sign:before{content:"\e081"}
.glyphicon-minus-sign:before{content:"\e082"}
.glyphicon-remove-sign:before{content:"\e083"}
.glyphicon-ok-sign:before{content:"\e084"}
.glyphicon-question-sign:before{content:"\e085"}
.glyphicon-info-sign:before{content:"\e086"}
.glyphicon-screenshot:before{content:"\e087"}
.glyphicon-remove-circle:before{content:"\e088"}
.glyphicon-ok-circle:before{content:"\e089"}
.glyphicon-ban-circle:before{content:"\e090"}
.glyphicon-arrow-left:before{content:"\e091"}
.glyphicon-arrow-right:before{content:"\e092"}
.glyphicon-arrow-up:before{content:"\e093"}
.glyphicon-arrow-down:before{content:"\e094"}
.glyphicon-share-alt:before{content:"\e095"}
.glyphicon-resize-full:before{content:"\e096"}
.glyphicon-resize-small:before{content:"\e097"}
.glyphicon-exclamation-sign:before{content:"\e101"}
.glyphicon-gift:before{content:"\e102"}
.glyphicon-leaf:before{content:"\e103"}
.glyphicon-eye-open:before{content:"\e105"}
.glyphicon-eye-close:before{content:"\e106"}
.glyphicon-warning-sign:before{content:"\e107"}
.glyphicon-plane:before{content:"\e108"}
.glyphicon-random:before{content:"\e110"}
.glyphicon-comment:before{content:"\e111"}
.glyphicon-magnet:before{content:"\e112"}
.glyphicon-chevron-up:before{content:"\e113"}
.glyphicon-chevron-down:before{content:"\e114"}
.glyphicon-retweet:before{content:"\e115"}
.glyphicon-shopping-cart:before{content:"\e116"}
.glyphicon-folder-close:before{content:"\e117"}
.glyphicon-folder-open:before{content:"\e118"}
.glyphicon-resize-vertical:before{content:"\e119"}
.glyphicon-resize-horizontal:before{content:"\e120"}
.glyphicon-hdd:before{content:"\e121"}
.glyphicon-bullhorn:before{content:"\e122"}
.glyphicon-certificate:before{content:"\e124"}
.glyphicon-thumbs-up:before{content:"\e125"}
.glyphicon-thumbs-down:before{content:"\e126"}
.glyphicon-hand-right:before{content:"\e127"}
.glyphicon-hand-left:before{content:"\e128"}
.glyphicon-hand-up:before{content:"\e129"}
.glyphicon-hand-down:before{content:"\e130"}
.glyphicon-circle-arrow-right:before{content:"\e131"}
.glyphicon-circle-arrow-left:before{content:"\e132"}
.glyphicon-circle-arrow-up:before{content:"\e133"}
.glyphicon-circle-arrow-down:before{content:"\e134"}
.glyphicon-globe:before{content:"\e135"}
.glyphicon-tasks:before{content:"\e137"}
.glyphicon-filter:before{content:"\e138"}
.glyphicon-fullscreen:before{content:"\e140"}
.glyphicon-dashboard:before{content:"\e141"}
.glyphicon-heart-empty:before{content:"\e143"}
.glyphicon-link:before{content:"\e144"}
.glyphicon-phone:before{content:"\e145"}
.glyphicon-usd:before{content:"\e148"}
.glyphicon-gbp:before{content:"\e149"}
.glyphicon-sort:before{content:"\e150"}
.glyphicon-sort-by-alphabet:before{content:"\e151"}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}
.glyphicon-sort-by-order:before{content:"\e153"}
.glyphicon-sort-by-order-alt:before{content:"\e154"}
.glyphicon-sort-by-attributes:before{content:"\e155"}
.glyphicon-sort-by-attributes-alt:before{content:"\e156"}
.glyphicon-unchecked:before{content:"\e157"}
.glyphicon-expand:before{content:"\e158"}
.glyphicon-collapse-down:before{content:"\e159"}
.glyphicon-collapse-up:before{content:"\e160"}
.glyphicon-log-in:before{content:"\e161"}
.glyphicon-flash:before{content:"\e162"}
.glyphicon-log-out:before{content:"\e163"}
.glyphicon-new-window:before{content:"\e164"}
.glyphicon-record:before{content:"\e165"}
.glyphicon-save:before{content:"\e166"}
.glyphicon-open:before{content:"\e167"}
.glyphicon-saved:before{content:"\e168"}
.glyphicon-import:before{content:"\e169"}
.glyphicon-export:before{content:"\e170"}
.glyphicon-send:before{content:"\e171"}
.glyphicon-floppy-disk:before{content:"\e172"}
.glyphicon-floppy-saved:before{content:"\e173"}
.glyphicon-floppy-remove:before{content:"\e174"}
.glyphicon-floppy-save:before{content:"\e175"}
.glyphicon-floppy-open:before{content:"\e176"}
.glyphicon-credit-card:before{content:"\e177"}
.glyphicon-transfer:before{content:"\e178"}
.glyphicon-cutlery:before{content:"\e179"}
.glyphicon-header:before{content:"\e180"}
.glyphicon-compressed:before{content:"\e181"}
.glyphicon-earphone:before{content:"\e182"}
.glyphicon-phone-alt:before{content:"\e183"}
.glyphicon-tower:before{content:"\e184"}
.glyphicon-stats:before{content:"\e185"}
.glyphicon-sd-video:before{content:"\e186"}
.glyphicon-hd-video:before{content:"\e187"}
.glyphicon-subtitles:before{content:"\e188"}
.glyphicon-sound-stereo:before{content:"\e189"}
.glyphicon-sound-dolby:before{content:"\e190"}
.glyphicon-sound-5-1:before{content:"\e191"}
.glyphicon-sound-6-1:before{content:"\e192"}
.glyphicon-sound-7-1:before{content:"\e193"}
.glyphicon-copyright-mark:before{content:"\e194"}
.glyphicon-registration-mark:before{content:"\e195"}
.glyphicon-cloud-download:before{content:"\e197"}
.glyphicon-cloud-upload:before{content:"\e198"}
.glyphicon-tree-conifer:before{content:"\e199"}
.glyphicon-tree-deciduous:before{content:"\e200"}
.glyphicon-briefcase:before{content:"\1f4bc"}
.glyphicon-calendar:before{content:"\1f4c5"}
.glyphicon-pushpin:before{content:"\1f4cc"}
.glyphicon-paperclip:before{content:"\1f4ce"}
.glyphicon-camera:before{content:"\1f4f7"}
.glyphicon-lock:before{content:"\1f512"}
.glyphicon-bell:before{content:"\1f514"}
.glyphicon-bookmark:before{content:"\1f516"}
.glyphicon-fire:before{content:"\1f525"}
.glyphicon-wrench:before{content:"\1f527"}
/*!
 * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

/* Import Google Fonts - Must be at the top */
/* Font import moved to layout.blade.php for dynamic loading */
/*-----------------------------------------------*/
/*------------------ Base Colors ----------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------ Typography -----------------*/
/*-----------------------------------------------*/
/*------------------ Page Title -----------------*/
/*---------------- Section Title ----------------*/
/*----------------- Block Title -----------------*/
/*------------------ Tab Title ------------------*/
/*----------------- Text content ----------------*/
/*----------------- Blockquote ------------------*/
/*------------------ List style -----------------*/
/*-----------------------------------------------*/
/*-------------------- Layout -------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------ Compontents ----------------*/
/*-----------------------------------------------*/
/*-------------------- Table --------------------*/
/*-------------------- Alert --------------------*/
/*-------------------- Buttons --------------------*/
/*---------------------- List ---------------------*/
/*---------------------- Form ---------------------*/
/*------------------ Accordions -----------------*/
/*--------------------- Tabs --------------------*/
/*----------------- Range Slider ----------------*/
/*----------------- Progressbar -----------------*/
/*-----------------------------------------------*/
/*-------------------- Header -------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*--------------------- Menu --------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-------------------- Footer -------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*----------------- Aside Popup -----------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-------------------- Modal --------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*----------------- Text content ----------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------- Swatches ------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------- Rating Stars --------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------ Shop Checkout --------------*/
/*-----------------------------------------------*/
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #dc3545;
  --bs-teal: #e11d48;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #222222;
  --bs-secondary: #767676;
  --bs-success: #fce8e8;
  --bs-info: #cde9f6;
  --bs-warning: #f7f3d7;
  --bs-danger: #ecc8c5;
  --bs-light: #e4e4e4;
  --bs-lighter: #faf9f8;
  --bs-dark: #222222;
  --bs-red: #c32929;
  --bs-beige: #383735;
  --bs-font-sans-serif: var(--dynamic-google-font, "Roboto"), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: rgba(255, 255, 255, 0.15); }

/* Global Font Family - Dynamic Google Font Implementation */



/* All text elements - but not icons */
p, span, div, a, li, td, th, input, textarea, select, button, label, h1, h2, h3, h4, h5, h6 {
  font-family: var(--dynamic-google-font, "Roboto"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400 !important;
}

/* Bootstrap components */
.btn, .form-control, .form-select, .card, .modal, .navbar, .nav-link {
  font-family: var(--dynamic-google-font, "Roboto"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400 !important;
}

/* Specific overrides for common elements */
.text, .content, .description, .title, .subtitle, .heading {
  font-family: var(--dynamic-google-font, "Roboto"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 500 !important;
}

/* Icon Font Protection - Ensure icon fonts work properly */
/* Remove this rule as it conflicts with icon font definitions */

/* LineIcons Pro specific */
.lnir, [class^="lnir"], [class*=" lnir"] {
  font-family: 'LineIconsPro Regular' !important;
}

/* FontAwesome specific */
.fa, .fas, .far, .fab, .fal, .fad {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Pro', 'FontAwesome' !important;
}

/* Themify specific */
.ti {
  font-family: 'themify' !important;
}

*,
*::before,
*::after {
  box-sizing: border-box; }

  /* Jost Font Family - Import moved to top of file */

  @font-face {
    font-family: 'LineIconsPro Regular';
    src: url("../fonts/LineIconsPro%20Regular.eot");
    src: url("../fonts/LineIconsPro%20Regular.eot") format("embedded-opentype"), url("../fonts/LineIconsPro%20Regular.woff2") format("woff2"), url("../fonts/LineIconsPro%20Regular.woff") format("woff"), url("../fonts/LineIconsPro%20Regular.ttf") format("truetype"), url("../fonts/LineIconsPro%20Regular.svg") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap; }

  .lnir {
    display: inline-block;
    font: normal normal normal 1em/1 'LineIconsPro Regular' !important;
    font-family: 'LineIconsPro Regular' !important;
    speak: none;
    text-transform: none;
    /* Better Font Rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  
  /*------------------------
    change icon size
  -------------------------*/
  /* relative units */
  .lnir-sm {
    font-size: 0.8em; }
  
  .lnir-lg {
    font-size: 1.2em; }
  
  /* absolute units */
  .lnir-16 {
    font-size: 16px; }
  
  .lnir-32 {
    font-size: 32px; }
  
  /*----------------------------------
    add a square/circle background
  -----------------------------------*/
  .lnir-bg-square,
  .lnir-bg-circle {
    padding: 0.35em;
    background-color: #eee; }
  
  .lnir-bg-circle {
    border-radius: 50%; }
  
  /*------------------------------------
    use icons as list item markers
  -------------------------------------*/
  .lnir-ul {
    padding-left: 0;
    list-style-type: none; }
  
  .lnir-ul > li {
    display: flex;
    align-items: flex-start;
    line-height: 1.4; }
  
  .lnir-ul > li > .lnir {
    margin-right: 0.4em;
    line-height: inherit; }
  
  /*------------------------
    spinning icons
  -------------------------*/
  .lnir-is-spinning {
    -webkit-animation: lnir-spin 2s infinite linear;
    -moz-animation: lnir-spin 2s infinite linear;
    animation: lnir-spin 2s infinite linear; }


@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth; } }

body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important; }

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25; }

hr:not([size]) {
  height: 1px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  font-family: var(--dynamic-google-font, "Roboto"), sans-serif !important; }

h1, .h1 {
  font-size: calc(1.5625rem + 3.75vw); }
  @media (min-width: 1200px) {
    h1, .h1 {
      font-size: 4.375rem; } }

h2, .h2 {
  font-size: calc(1.3rem + 0.6vw); }
  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 1.75rem; } }

h3, .h3 {
  font-size: calc(1.2875rem + 0.45vw); }
  @media (min-width: 1200px) {
    h3, .h3 {
      font-size: 1.625rem; } }

h4, .h4 {
  font-size: 1.25rem; }

h5, .h5 {
  font-size: 1.125rem; }

h6, .h6 {
  font-size: 1rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-bs-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul {
  padding-left: 2rem; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small, .small {
  font-size: 0.875em; }

mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #222222 !important;
  text-decoration: none;
  cursor: pointer; }
  a:hover {
    color: #383735; }

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none; }

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word; }
  a > code {
    color: inherit; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #222222;
  border-radius: 0.2rem; }
  kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700; }

figure {
  margin: 0 0 1rem; }

img,
svg {
  vertical-align: middle; }

table {
  caption-side: bottom;
  border-collapse: collapse; }

caption {
  padding-top: 1.53125rem;
  padding-bottom: 1.53125rem;
  color: #6c757d;
  text-align: left; }

th {
  font-weight: 500;
  text-align: inherit;
  text-align: -webkit-match-parent; }

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  padding: 5px; }

label {
  display: inline-block; }

button {
  border-radius: 0;
  cursor: pointer; }

button:focus {
  outline: 0; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
select {
  text-transform: none; }

[role="button"] {
  cursor: pointer; }

select {
  word-wrap: normal; }

[list]::-webkit-calendar-picker-indicator {
  display: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }
  button:not(:disabled),
  [type="button"]:not(:disabled),
  [type="reset"]:not(:disabled),
  [type="submit"]:not(:disabled) {
    cursor: pointer; }

::-moz-focus-inner {
  padding: 0;
  border-style: none; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit; }
  @media (min-width: 1200px) {
    legend {
      font-size: 1.5rem; } }
  legend + * {
    clear: left; }

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0; }

::-webkit-inner-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield; }

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-color-swatch-wrapper {
  padding: 0; }

::file-selector-button {
  font: inherit; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

iframe {
  border: 0; }

summary {
  display: list-item;
  cursor: pointer; }

progress {
  vertical-align: baseline; }

[hidden] {
  display: none !important; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-1 {
      font-size: 5rem; } }

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-2 {
      font-size: 4.5rem; } }

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-3 {
      font-size: 4rem; } }

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-4 {
      font-size: 3.5rem; } }

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-5 {
      font-size: 3rem; } }

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-6 {
      font-size: 2.5rem; } }

.list-unstyled {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

/* Mega menü için özel list-unstyled stilleri */
.mega-menu .list-unstyled {
  padding-left: 0;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mega-menu .list-unstyled li {
  margin: 0;
  padding: 0;
}

.mega-menu .list-unstyled a {
  display: block;
  padding: 6px 0;
  color: #5a6c7d;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
  border-radius: 4px;
}

.mega-menu .list-unstyled a:hover {
  color: #007bff;
  background-color: rgba(0, 123, 255, 0.05);
  padding-left: 8px;
  transform: translateX(4px);
}

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 0.875em;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1rem; }
  .blockquote > :last-child {
    margin-bottom: 0; }

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: #6c757d; }
  .blockquote-footer::before {
    content: "\2014\00A0"; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 0.875em;
  color: #6c757d; }

  .container,
  .container-fluid,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.9375rem);
    padding-left: var(--bs-gutter-x, 0.9375rem);
    margin-right: auto;
    margin-left: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  
  @media (min-width: 576px) {
    .container, .container-sm {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container, .container-sm, .container-md {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
      max-width: 1140px; } }
  @media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
      max-width: 1360px !important; } }
  @media (min-width: 1500px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
      max-width: 1500px; } }
  @media (min-width: 1800px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
      max-width: 1720px; } }


.fade {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      transition: none; } }

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative; }

.dropdown-toggle {
  white-space: nowrap; }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent; }
  .dropdown-toggle:empty::after {
    margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #222222;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }
  .dropdown-menu[style] {
    right: auto !important; }

.dropdown-menu-start {
  --bs-position: start;
  right: auto /* rtl:ignore */;
  left: 0 /* rtl:ignore */; }

.dropdown-menu-end {
  --bs-position: end;
  right: 0 /* rtl:ignore */;
  left: auto /* rtl:ignore */; }

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
    right: auto /* rtl:ignore */;
    left: 0 /* rtl:ignore */; }

  .dropdown-menu-sm-end {
    --bs-position: end;
    right: 0 /* rtl:ignore */;
    left: auto /* rtl:ignore */; } }
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
    right: auto /* rtl:ignore */;
    left: 0 /* rtl:ignore */; }

  .dropdown-menu-md-end {
    --bs-position: end;
    right: 0 /* rtl:ignore */;
    left: auto /* rtl:ignore */; } }
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
    right: auto /* rtl:ignore */;
    left: 0 /* rtl:ignore */; }

  .dropdown-menu-lg-end {
    --bs-position: end;
    right: 0 /* rtl:ignore */;
    left: auto /* rtl:ignore */; } }
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
    right: auto /* rtl:ignore */;
    left: 0 /* rtl:ignore */; }

  .dropdown-menu-xl-end {
    --bs-position: end;
    right: 0 /* rtl:ignore */;
    left: auto /* rtl:ignore */; } }
@media (min-width: 1500px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
    right: auto /* rtl:ignore */;
    left: 0 /* rtl:ignore */; }

  .dropdown-menu-xxl-end {
    --bs-position: end;
    right: 0 /* rtl:ignore */;
    left: auto /* rtl:ignore */; } }
@media (min-width: 1700px) {
  .dropdown-menu-xxxl-start {
    --bs-position: start;
    right: auto /* rtl:ignore */;
    left: 0 /* rtl:ignore */; }

  .dropdown-menu-xxxl-end {
    --bs-position: end;
    right: 0 /* rtl:ignore */;
    left: auto /* rtl:ignore */; } }
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }
.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropend .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }
.dropend .dropdown-toggle:empty::after {
  margin-left: 0; }
.dropend .dropdown-toggle::after {
  vertical-align: 0; }

.dropstart .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }
.dropstart .dropdown-toggle::after {
  display: none; }
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0; }
.dropstart .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #222222;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #1f1f1f;
    background-color: #f8f9fa; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #222222; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #222222; }

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15); }
  .dropdown-menu-dark .dropdown-item {
    color: #dee2e6; }
    .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
      color: #fff;
      background-color: rgba(255, 255, 255, 0.15); }
    .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
      color: #fff;
      background-color: #222222; }
    .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
      color: #adb5bd; }
  .dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0, 0, 0, 0.15); }
  .dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6; }
  .dropdown-menu-dark .dropdown-header {
    color: #adb5bd; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto; }
  .btn-group > .btn-check:checked + .btn,
  .btn-group > .btn-check:focus + .btn,
  .btn-group > .btn:hover,
  .btn-group > .btn:focus,
  .btn-group > .btn:active,
  .btn-group > .btn.active,
  .btn-group-vertical > .btn-check:checked + .btn,
  .btn-group-vertical > .btn-check:focus + .btn,
  .btn-group-vertical > .btn:hover,
  .btn-group-vertical > .btn:focus,
  .btn-group-vertical > .btn:active,
  .btn-group-vertical > .btn.active {
    z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

    .mobilsearch.container {
      display: none !important;
      padding: 0 !important;
      margin: 0 !important;
      height: 0 !important;
      max-height: 0 !important;
      overflow: hidden !important;
  }


.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px; }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 2.34375rem;
  padding-left: 2.34375rem; }
  .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropstart .dropdown-toggle-split::before {
    margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn ~ .btn,
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }
  /* Navbar container override - Bootstrap responsive boyutları kaldırıldı */
  .navbar > .container,
  .navbar > .container-fluid,
  .navbar > .container-sm,
  .navbar > .container-md,
  .navbar > .container-lg,
  .navbar > .container-xl,
  .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  white-space: nowrap; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static; }

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  align-items: center;
  width: 100%; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
      transition: none; } }
  .navbar-toggler:hover {
    text-decoration: none; }
  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.25rem; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; }

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }
@media (min-width: 1500px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xxl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xxl .navbar-collapse {
      display: flex !important; }
    .navbar-expand-xxl .navbar-toggler {
      display: none; } }
@media (min-width: 1700px) {
  .navbar-expand-xxxl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xxxl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xxxl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xxxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xxxl .navbar-collapse {
      display: flex !important; }
    .navbar-expand-xxxl .navbar-toggler {
      display: none; } }
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand .navbar-collapse {
    display: flex !important; }
  .navbar-expand .navbar-toggler {
    display: none; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); }
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55); }
  .navbar-light .navbar-text a,
  .navbar-light .navbar-text a:hover,
  .navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55); }
  .navbar-dark .navbar-text a,
  .navbar-dark .navbar-text a:hover,
  .navbar-dark .navbar-text a:focus {
    color: #fff; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group {
    border-top: inherit;
    border-bottom: inherit; }
    .card > .list-group:first-child {
      border-top-width: 0;
      border-top-left-radius: calc(0.25rem - 1px);
      border-top-right-radius: calc(0.25rem - 1px); }
    .card > .list-group:last-child {
      border-bottom-width: 0;
      border-bottom-right-radius: calc(0.25rem - 1px);
      border-bottom-left-radius: calc(0.25rem - 1px); }
  .card > .card-header + .list-group,
  .card > .list-group + .card-footer {
    border-top: 0; }

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem; }

.card-title {
  margin-bottom: 0.5rem; }

.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }
.card-link + .card-link {
  margin-left: 1rem /* rtl:ignore */; }

.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }

.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.25rem - 1px); }

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%; }

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-group > .card {
  margin-bottom: 0.75rem; }
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap; }
    .card-group > .card {
      flex: 1 0 0%;
      margin-bottom: 0; }
      .card-group > .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group > .card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-top,
        .card-group > .card:not(:last-child) .card-header {
          border-top-right-radius: 0; }
        .card-group > .card:not(:last-child) .card-img-bottom,
        .card-group > .card:not(:last-child) .card-footer {
          border-bottom-right-radius: 0; }
      .card-group > .card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-top,
        .card-group > .card:not(:first-child) .card-header {
          border-top-left-radius: 0; }
        .card-group > .card:not(:first-child) .card-img-bottom,
        .card-group > .card:not(:first-child) .card-footer {
          border-bottom-left-radius: 0; } }

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .accordion-button {
      transition: none; } }
  .accordion-button::after {
    flex-shrink: 0;
    margin-left: auto;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(90deg);
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .accordion-button::after {
        transition: none; } }
  .accordion-button.collapsed {
    border-bottom-width: 0; }
  .accordion-button:hover {
    z-index: 2; }
  .accordion-button:focus {
    z-index: 3;
    outline: 0; }

.accordion-header {
  margin-bottom: 0; }

  .header-bottom {
    border-top: 1px solid #ddd;
}

.category-image {
  width: 100vw;
  max-height: 420px;
  background-color: #ffffff;
  border-top: 1px solid #e4e4e4;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.category-image__img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0;
  padding: 0;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-width: 1px; }
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-width: 1px; }

.accordion-collapse {
  border: solid #eeeeee;
  border-width: 0 1px; }

.accordion-flush .accordion-button {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }
.accordion-flush .accordion-collapse {
  border-width: 0; }
.accordion-flush .accordion-item:first-of-type .accordion-button {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; }
.breadcrumb-item.active {
  color: #6c757d; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none; }

.page-link {
  position: relative;
  display: block;
  color: #222222;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .page-link {
      transition: none; } }
  .page-link:hover {
    z-index: 2;
    color: #1b1b1b;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .page-link:focus {
    z-index: 3;
    color: #1b1b1b;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: none; }

.page-item:not(:first-child) .page-link {
  margin-left: -1px; }
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #222222;
  border-color: #222222; }
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6; }

.page-link {
  padding: 0.375rem 0.75rem; }

.page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem; }
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem; }
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem; }

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem; }
  .badge:empty {
    display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem; } }
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: #e9ecef;
  border-radius: 0.25rem; }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #222222;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }

.progress-bar-striped {
  background-image: rgba(255, 255, 255, 0.15);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      animation: none; } }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem; }

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa; }
  .list-group-item-action:active {
    color: #222222;
    background-color: #e9ecef; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125); }
  .list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit; }
  .list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #222222;
    border-color: #222222; }
  .list-group-item + .list-group-item {
    border-top-width: 0; }
    .list-group-item + .list-group-item.active {
      margin-top: -1px;
      border-top-width: 1px; }

.list-group-horizontal {
  flex-direction: row; }
  .list-group-horizontal > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0; }
  .list-group-horizontal > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0; }
  .list-group-horizontal > .list-group-item.active {
    margin-top: 0; }
  .list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0; }
    .list-group-horizontal > .list-group-item + .list-group-item.active {
      margin-left: -1px;
      border-left-width: 1px; }

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0; }
    .list-group-horizontal-sm > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0; }
    .list-group-horizontal-sm > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; } }
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0; }
    .list-group-horizontal-md > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0; }
    .list-group-horizontal-md > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; } }
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0; }
    .list-group-horizontal-lg > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0; }
    .list-group-horizontal-lg > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; } }
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0; }
    .list-group-horizontal-xl > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0; }
    .list-group-horizontal-xl > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; } }
@media (min-width: 1500px) {
  .list-group-horizontal-xxl {
    flex-direction: row; }
    .list-group-horizontal-xxl > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0; }
    .list-group-horizontal-xxl > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0; }
    .list-group-horizontal-xxl > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; } }
@media (min-width: 1700px) {
  .list-group-horizontal-xxxl {
    flex-direction: row; }
    .list-group-horizontal-xxxl > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0; }
    .list-group-horizontal-xxxl > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0; }
    .list-group-horizontal-xxxl > .list-group-item.active {
      margin-top: 0; }
    .list-group-horizontal-xxxl > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .list-group-horizontal-xxxl > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; } }
.list-group-flush {
  border-radius: 0; }
  .list-group-flush > .list-group-item {
    border-width: 0 0 1px; }
    .list-group-flush > .list-group-item:last-child {
      border-bottom-width: 0; }

.list-group-item-primary {
  color: #141414;
  background-color: lightgray; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #141414;
    background-color: #bebebe; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #141414;
    border-color: #141414; }

.list-group-item-secondary {
  color: #474747;
  background-color: #e4e4e4; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #474747;
    background-color: #cdcdcd; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #474747;
    border-color: #474747; }

.list-group-item-success {
  color: #596156;
  background-color: #f8fcf7; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #596156;
    background-color: #dfe3de; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #596156;
    border-color: #596156; }

.list-group-item-info {
  color: #525d62;
  background-color: #f5fbfd; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #525d62;
    background-color: #dde2e4; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #525d62;
    border-color: #525d62; }

.list-group-item-warning {
  color: #636156;
  background-color: #fdfdf7; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #636156;
    background-color: #e4e4de; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #636156;
    border-color: #636156; }

.list-group-item-danger {
  color: #5e504f;
  background-color: #fbf4f3; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #5e504f;
    background-color: #e2dcdb; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #5e504f;
    border-color: #5e504f; }

.list-group-item-light {
  color: #5b5b5b;
  background-color: #fafafa; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #5b5b5b;
    background-color: #e1e1e1; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #5b5b5b;
    border-color: #5b5b5b; }

.list-group-item-lighter {
  color: #646463;
  background-color: #fefefe; }
  .list-group-item-lighter.list-group-item-action:hover, .list-group-item-lighter.list-group-item-action:focus {
    color: #646463;
    background-color: #e5e5e5; }
  .list-group-item-lighter.list-group-item-action.active {
    color: #fff;
    background-color: #646463;
    border-color: #646463; }

.list-group-item-dark {
  color: #141414;
  background-color: lightgray; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #141414;
    background-color: #bebebe; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141414;
    border-color: #141414; }

.list-group-item-red {
  color: #751919;
  background-color: #f3d4d4; }
  .list-group-item-red.list-group-item-action:hover, .list-group-item-red.list-group-item-action:focus {
    color: #751919;
    background-color: #dbbfbf; }
  .list-group-item-red.list-group-item-action.active {
    color: #fff;
    background-color: #751919;
    border-color: #751919; }

.list-group-item-beige {
  color: #6f6140;
  background-color: #f1ece1; }
  .list-group-item-beige.list-group-item-action:hover, .list-group-item-beige.list-group-item-action:focus {
    color: #6f6140;
    background-color: #d9d4cb; }
  .list-group-item-beige.list-group-item-action.active {
    color: #fff;
    background-color: #6f6140;
    border-color: #6f6140; }

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }
  .toast:not(.showing):not(.show) {
    opacity: 0; }
  .toast.hide {
    display: none; }

.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none; }
  .toast-container > :not(:last-child) {
    margin-bottom: 0.75rem; }

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }
  .toast-header .btn-close {
    margin-right: -0.375rem;
    margin-left: 0.75rem; }

.toast-body {
  padding: 0.75rem; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }
  .modal.modal-static .modal-dialog {
    transform: scale(1.02); }

.modal-dialog-scrollable {
  height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem); }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2.5rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }
  .modal-header .btn-close {
    padding: 0.75rem 1.25rem;
    margin: -0.75rem -1.25rem -0.75rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0.875rem 1.5rem; }

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 1.875rem 2.5rem-0.25rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px); }
  .modal-footer > * {
    margin: 0.25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem); }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }

  .modal-sm {
    max-width: 300px; } }
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0; }
  .modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0; }
  .modal-fullscreen .modal-header {
    border-radius: 0; }
  .modal-fullscreen .modal-body {
    overflow-y: auto; }
  .modal-fullscreen .modal-footer {
    border-radius: 0; }

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; 
  
  
  }

  .slideshow {
    height: 21.5rem;
}
.slideshow-bg__img {
  width: 100%;
  max-height: 300px;
}

    .modal-fullscreen-sm-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-sm-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-sm-down .modal-footer {
      border-radius: 0; } }
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-md-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-md-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-md-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-md-down .modal-footer {
      border-radius: 0; } }
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-lg-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-lg-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-lg-down .modal-footer {
      border-radius: 0; } }
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xl-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-xl-down .modal-footer {
      border-radius: 0; } }
@media (max-width: 1499.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xxl-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-xxl-down .modal-footer {
      border-radius: 0; } }
@media (max-width: 1699.98px) {
  .modal-fullscreen-xxxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xxxl-down .modal-content {
      height: 100%;
      border: 0;
      border-radius: 0; }
    .modal-fullscreen-xxxl-down .modal-header {
      border-radius: 0; }
    .modal-fullscreen-xxxl-down .modal-body {
      overflow-y: auto; }
    .modal-fullscreen-xxxl-down .modal-footer {
      border-radius: 0; } }
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: var(--dynamic-google-font, "Roboto"), sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.7143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.8125rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 1; }
  .tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .tooltip-arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
    bottom: 0; }
    .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
      top: -1px;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #000; }

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
      right: -1px;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #000; }

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
    top: 0; }
    .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
      bottom: -1px;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #000; }

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
      left: -1px;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #000; }

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem; }

.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: inherit;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem; }
  .popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem; }
    .popover .popover-arrow::before, .popover .popover-arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[data-popper-placement^="top"] {
  margin-bottom: 0.5rem !important; }
  .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow {
    bottom: calc(-0.5rem - 1px); }
    .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before {
      bottom: 0;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
      bottom: 1px;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: #fff; }

.bs-popover-end, .bs-popover-auto[data-popper-placement^="right"] {
  margin-left: 0.5rem !important; }
  .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before {
      left: 0;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after {
      left: 1px;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[data-popper-placement^="bottom"] {
  margin-top: 0.5rem !important; }
  .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow {
    top: calc(-0.5rem - 1px); }
    .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before {
      top: 0;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after {
      top: 1px;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: #fff; }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0; }

.bs-popover-start, .bs-popover-auto[data-popper-placement^="left"] {
  margin-right: 0.5rem !important; }
  .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow {
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before {
      right: 0;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after {
      right: 1px;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid #d8d8d8;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 1rem 1rem;
  color: #222222; }

.carousel {
  position: relative; }

.carousel.pointer-event {
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none; } }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%); }

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1; }
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
      transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

  .icon-container span {
    /* margin-left: -1rem; */
    padding: 0.5rem 1rem;
    color: inherit;
    color: #c32929 !important;
}


.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%; }

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .carousel-indicators li {
        transition: none; } }
  .carousel-indicators .active {
    opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center; }

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100); }
.carousel-dark .carousel-indicators li {
  background-color: #000; }
.carousel-dark .carousel-caption {
  color: #000; }

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */; } }
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border; }

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em; }

@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1;
    transform: none; } }
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow; }

.spinner-grow-sm {
  width: 1rem;
  height: 1rem; }

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s; } }
.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.link-primary {
  color: #222222; }
  .link-primary:hover, .link-primary:focus {
    color: #1b1b1b; }

.link-secondary {
  color: #767676; }
  .link-secondary:hover, .link-secondary:focus {
    color: #5e5e5e; }

.link-success {
  color: #fce8e8; }
  .link-success:hover, .link-success:focus {
    color: #e5f5df; }

.link-info {
  color: #cde9f6; }
  .link-info:hover, .link-info:focus {
    color: #d7edf8; }

.link-warning {
  color: #f7f3d7; }
  .link-warning:hover, .link-warning:focus {
    color: #f9f5df; }

.link-danger {
  color: #ecc8c5; }
  .link-danger:hover, .link-danger:focus {
    color: #f0d3d1; }

.link-light {
  color: #e4e4e4; }
  .link-light:hover, .link-light:focus {
    color: #e9e9e9; }

.link-lighter {
  color: #faf9f8; }
  .link-lighter:hover, .link-lighter:focus {
    color: #fbfaf9; }

.link-dark {
  color: #222222; }
  .link-dark:hover, .link-dark:focus {
    color: #1b1b1b; }

.link-red {
  color: #c32929; }
  .link-red:hover, .link-red:focus {
    color: #9c2121; }

.link-beige {
  color: #383735; }
  .link-beige:hover, .link-beige:focus {
    color: #c7b489; }

.ratio {
  position: relative;
  width: 100%; }
  .ratio::before {
    display: block;
    padding-top: var(--aspect-ratio);
    content: ""; }
  .ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ratio-1x1 {
  --aspect-ratio: 100%; }

.ratio-4x3 {
  --aspect-ratio: calc(3 / 4 * 100%); }

.ratio-16x9 {
  --aspect-ratio: calc(9 / 16 * 100%); }

.ratio-21x9 {
  --aspect-ratio: calc(9 / 21 * 100%); }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020; }

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }
@media (min-width: 1500px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }
@media (min-width: 1700px) {
  .sticky-xxxl-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }
.visually-hidden,
.visually-hidden-focusable:not(:focus) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.float-start {
  float: left !important; }

.float-end {
  float: right !important; }

.float-none {
  float: none !important; }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-visible {
  overflow: visible !important; }

.overflow-scroll {
  overflow: scroll !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-grid {
  display: grid !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

.d-none {
  display: none !important; }

.shadow {
  box-shadow: 0 0.625rem 1.5625rem 0 rgba(34, 34, 34, 0.05) !important; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.top-0 {
  top: 0 !important; }

.top-50 {
  top: 50% !important; }

.top-100 {
  top: 100% !important; }

.bottom-0 {
  bottom: 0 !important; }

  .bottom-5 {
    bottom: 5%  !important; }

.bottom-50 {
  bottom: 50% !important; }

.bottom-100 {
  bottom: 100% !important; }

.start-0 {
  left: 0 !important; }

.start-50 {
  left: 50% !important; }

.start-100 {
  left: 100% !important; }

.end-0 {
  right: 0 !important; }

.end-50 {
  right: 50% !important; }

.end-100 {
  right: 100% !important; }

.translate-middle {
  transform: translate(-50%, -50%) !important; }

.translate-middle-x {
  transform: translateX(-50%) !important; }

.translate-middle-y {
  transform: translateY(-50%) !important; }

.border {
  border: 1px solid #e4e4e4 !important; }

.border-0 {
  border: 0 !important; }

.border-top {
  border-top: 1px solid #e4e4e4 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-end {
  border-right: 1px solid #e4e4e4 !important; }

.border-end-0 {
  border-right: 0 !important; }

.border-bottom {
  border-bottom: 1px solid #e4e4e4 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-start {
  border-left: 1px solid #e4e4e4 !important; }

.border-start-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #222222 !important; }

.border-secondary {
  border-color: #767676 !important; }

.border-success {
  border-color: #e5c516 !important; }

.border-info {
  border-color: #cde9f6 !important; }

.border-warning {
  border-color: #f7f3d7 !important; }

.border-danger {
  border-color: #ecc8c5 !important; }

.border-light {
  border-color: #e4e4e4 !important; }

.border-lighter {
  border-color: #faf9f8 !important; }

.border-dark {
  border-color: #222222 !important; }

.border-red {
  border-color: #c32929 !important; }

.border-beige {
  border-color: #383735 !important; }

.border-white {
  border-color: #fff !important; }

.border-0 {
  border-width: 0 !important; }

.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.vw-100 {
  width: 100vw !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mh-100 {
  max-height: 100% !important; }

.vh-100 {
  height: 100vh !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.gap-0 {
  gap: 0 !important; }

.gap-1 {
  gap: 0.25rem !important; }

.gap-2 {
  gap: 0.5rem !important; }

.gap-3 {
  gap: 1rem !important; }

.gap-4 {
  gap: 1.5rem !important; }

.gap-5 {
  gap: 3rem !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.justify-content-evenly {
  justify-content: space-evenly !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

.order-first {
  order: -1 !important; }

.order-0 {
  order: 0 !important; }

.order-1 {
  order: 1 !important; }

.order-2 {
  order: 2 !important; }

.order-3 {
  order: 3 !important; }

.order-4 {
  order: 4 !important; }

.order-5 {
  order: 5 !important; }

.order-last {
  order: 6 !important; }

.m-0 {
  margin: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important; }

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important; }

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important; }

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important; }

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important; }

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important; }

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1 {
  margin-top: 0.25rem !important; }

.mt-2 {
  margin-top: 0.5rem !important; }

.mt-3 {
  margin-top: 1rem !important; }

.mt-4 {
  margin-top: 1.5rem !important; }
  .mt-40 {
    margin-top: 40px !important; }

.mt-5 {
  margin-top: 3rem !important; }

.mt-auto {
  margin-top: auto !important; }

.me-0 {
  margin-right: 0 !important; }

.me-1 {
  margin-right: 0.25rem !important; }

.me-2 {
  margin-right: 0.5rem !important; }

.me-3 {
  margin-right: 1rem !important; }

.me-4 {
  margin-right: 1.5rem !important; }

.me-5 {
  margin-right: 3rem !important; }

.me-auto {
  margin-right: auto !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1 {
  margin-bottom: 0.25rem !important; }

.mb-2 {
  margin-bottom: 0.5rem !important; }

.mb-3 {
  margin-bottom: 1rem !important; }

.mb-4 {
  margin-bottom: 1.5rem !important; }

.mb-5 {
  margin-bottom: 3rem !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ms-0 {
  margin-left: 0 !important; }

.ms-1 {
  margin-left: 0.25rem !important; }

.ms-2 {
  margin-left: 0.5rem !important; }

.ms-3 {
  margin-left: 1rem !important; }

.ms-4 {
  margin-left: 1.5rem !important; }

.ms-5 {
  margin-left: 3rem !important; }

.ms-auto {
  margin-left: auto !important; }

.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important; }

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important; }

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important; }

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 0.25rem !important; }

.pt-2 {
  padding-top: 0.5rem !important; }

.pt-3 {
  padding-top: 1rem !important; }

.pt-4 {
  padding-top: 1.5rem !important; }

.pt-5 {
  padding-top: 3rem !important; }

.pe-0 {
  padding-right: 0 !important; }

.pe-1 {
  padding-right: 0.25rem !important; }

.pe-2 {
  padding-right: 0.5rem !important; }

.pe-3 {
  padding-right: 1rem !important; }

.pe-4 {
  padding-right: 1.5rem !important; }

.pe-5 {
  padding-right: 3rem !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 0.25rem !important; }

.pb-2 {
  padding-bottom: 0.5rem !important; }

.pb-3 {
  padding-bottom: 1rem !important; }

.pb-4 {
  padding-bottom: 1.5rem !important; }

.pb-5 {
  padding-bottom: 3rem !important; }

.ps-0 {
  padding-left: 0 !important; }

.ps-1 {
  padding-left: 0.25rem !important; }

.ps-2 {
  padding-left: 0.5rem !important; }

.ps-3 {
  padding-left: 1rem !important; }

.ps-4 {
  padding-left: 1.5rem !important; }

.ps-5 {
  padding-left: 3rem !important; }

.fs-1 {
  font-size: calc(1.625rem + 4.5vw) !important; }

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important; }

.fs-3 {
  font-size: calc(1.2875rem + 0.45vw) !important; }

.fs-4 {
  font-size: 1.25rem !important; }

.fs-5 {
  font-size: 1.125rem !important; }

.fs-6 {
  font-size: 1rem !important; }

.fst-italic {
  font-style: italic !important; }

.fst-normal {
  font-style: normal !important; }

.fw-light {
  font-weight: 300 !important; }

.fw-lighter {
  font-weight: lighter !important; }

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

.fw-medium {
  font-weight: 500 !important; }

.fw-bold {
  font-weight: 700 !important; }

.fw-bolder {
  font-weight: bolder !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-start {
  text-align: left !important; }

.text-end {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-primary {
  color: #222222 !important; }

.text-secondary {
  color: #070707 !important; }

.text-success {
  color: #dc3545 !important; }

.text-info {
  color: #cde9f6 !important; }

.text-warning {
  color: #ff8c00 !important; }

.text-danger {
  color: #ff0000 !important; }

.text-light {
  color: #e4e4e4 !important; }

.text-lighter {
  color: #faf9f8 !important; }

.text-dark {
  color: #222222 !important; }

.text-red {
  color: #c32929 !important; }

.text-beige {
  color: #383735 !important; }

.text-white {
  color: #fff !important; }

.text-body {
  color: #222222 !important; }

.text-muted {
  color: #6c757d !important; }

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-reset {
  color: inherit !important; }

.lh-1 {
  line-height: 1 !important; }

.lh-sm {
  line-height: 1.25 !important; }

.lh-base {
  line-height: 1.7143 !important; }

.lh-lg {
  line-height: 2 !important; }

.bg-primary {
  background-color: #222222 !important; }

.bg-secondary {
  background-color: #767676 !important; }

.bg-success {
  background-color: #fce8e8 !important; }

.bg-info {
  background-color: #cde9f6 !important; }

.bg-warning {
  background-color: #f7f3d7 !important; }

.bg-danger {
  background-color: #ecc8c5 !important; }

.bg-light {
  background-color: #e4e4e4 !important; }

.bg-lighter {
  background-color: #faf9f8 !important; }

.bg-dark {
  background-color: #222222 !important; }

.bg-red {
  background-color: #c32929 !important; }

.bg-beige {
  background-color: #383735 !important; }

.bg-body {
  background-color: #ffffff !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.bg-gradient {
  background-image: var(--bs-gradient) !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-decoration-none {
  text-decoration: none !important; }

.text-decoration-underline {
  text-decoration: underline !important; }

.text-decoration-line-through {
  text-decoration: line-through !important; }

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important; }

/* rtl:end:remove */
.font-monospace {
  font-family: var(--bs-font-monospace) !important; }

.user-select-all {
  user-select: all !important; }

.user-select-auto {
  user-select: auto !important; }

.user-select-none {
  user-select: none !important; }

.pe-none {
  pointer-events: none !important; }

.pe-auto {
  pointer-events: auto !important; }

.rounded {
  border-radius: 0 !important; }

.rounded-0 {
  border-radius: 0 !important; }

.rounded-1 {
  border-radius: 0.2rem !important; }

.rounded-2 {
  border-radius: 0 !important; }

.rounded-3 {
  border-radius: 0.3rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.rounded-end {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.rounded-bottom {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.rounded-start {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important; }

  .float-sm-end {
    float: right !important; }

  .float-sm-none {
    float: none !important; }

  .d-sm-inline {
    display: inline !important; }

  .d-sm-inline-block {
    display: inline-block !important; }

  .d-sm-block {
    display: block !important; }

  .d-sm-grid {
    display: grid !important; }

  .d-sm-table {
    display: table !important; }

  .d-sm-table-row {
    display: table-row !important; }

  .d-sm-table-cell {
    display: table-cell !important; }

  .d-sm-flex {
    display: flex !important; }

  .d-sm-inline-flex {
    display: inline-flex !important; }

  .d-sm-none {
    display: none !important; }

  .flex-sm-fill {
    flex: 1 1 auto !important; }

  .flex-sm-row {
    flex-direction: row !important; }

  .flex-sm-column {
    flex-direction: column !important; }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }

  .flex-sm-grow-0 {
    flex-grow: 0 !important; }

  .flex-sm-grow-1 {
    flex-grow: 1 !important; }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }

  .flex-sm-wrap {
    flex-wrap: wrap !important; }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }

  .gap-sm-0 {
    gap: 0 !important; }

  .gap-sm-1 {
    gap: 0.25rem !important; }

  .gap-sm-2 {
    gap: 0.5rem !important; }

  .gap-sm-3 {
    gap: 1rem !important; }

  .gap-sm-4 {
    gap: 1.5rem !important; }

  .gap-sm-5 {
    gap: 3rem !important; }

  .justify-content-sm-start {
    justify-content: flex-start !important; }

  .justify-content-sm-end {
    justify-content: flex-end !important; }

  .justify-content-sm-center {
    justify-content: center !important; }

  .justify-content-sm-between {
    justify-content: space-between !important; }

  .justify-content-sm-around {
    justify-content: space-around !important; }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important; }

  .align-items-sm-start {
    align-items: flex-start !important; }

  .align-items-sm-end {
    align-items: flex-end !important; }

  .align-items-sm-center {
    align-items: center !important; }

  .align-items-sm-baseline {
    align-items: baseline !important; }

  .align-items-sm-stretch {
    align-items: stretch !important; }

  .align-content-sm-start {
    align-content: flex-start !important; }

  .align-content-sm-end {
    align-content: flex-end !important; }

  .align-content-sm-center {
    align-content: center !important; }

  .align-content-sm-between {
    align-content: space-between !important; }

  .align-content-sm-around {
    align-content: space-around !important; }

  .align-content-sm-stretch {
    align-content: stretch !important; }

  .align-self-sm-auto {
    align-self: auto !important; }

  .align-self-sm-start {
    align-self: flex-start !important; }

  .align-self-sm-end {
    align-self: flex-end !important; }

  .align-self-sm-center {
    align-self: center !important; }

  .align-self-sm-baseline {
    align-self: baseline !important; }

  .align-self-sm-stretch {
    align-self: stretch !important; }

  .order-sm-first {
    order: -1 !important; }

  .order-sm-0 {
    order: 0 !important; }

  .order-sm-1 {
    order: 1 !important; }

  .order-sm-2 {
    order: 2 !important; }

  .order-sm-3 {
    order: 3 !important; }

  .order-sm-4 {
    order: 4 !important; }

  .order-sm-5 {
    order: 5 !important; }

  .order-sm-last {
    order: 6 !important; }

  .m-sm-0 {
    margin: 0 !important; }

  .m-sm-1 {
    margin: 0.25rem !important; }

  .m-sm-2 {
    margin: 0.5rem !important; }

  .m-sm-3 {
    margin: 1rem !important; }

  .m-sm-4 {
    margin: 1.5rem !important; }

  .m-sm-5 {
    margin: 3rem !important; }

  .m-sm-auto {
    margin: auto !important; }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .mt-sm-0 {
    margin-top: 0 !important; }

  .mt-sm-1 {
    margin-top: 0.25rem !important; }

  .mt-sm-2 {
    margin-top: 0.5rem !important; }

  .mt-sm-3 {
    margin-top: 1rem !important; }

  .mt-sm-4 {
    margin-top: 1.5rem !important; }

  .mt-sm-5 {
    margin-top: 3rem !important; }

  .mt-sm-auto {
    margin-top: auto !important; }

  .me-sm-0 {
    margin-right: 0 !important; }

  .me-sm-1 {
    margin-right: 0.25rem !important; }

  .me-sm-2 {
    margin-right: 0.5rem !important; }

  .me-sm-3 {
    margin-right: 1rem !important; }

  .me-sm-4 {
    margin-right: 1.5rem !important; }

  .me-sm-5 {
    margin-right: 3rem !important; }

  .me-sm-auto {
    margin-right: auto !important; }

  .mb-sm-0 {
    margin-bottom: 0 !important; }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important; }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important; }

  .mb-sm-3 {
    margin-bottom: 1rem !important; }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important; }

  .mb-sm-5 {
    margin-bottom: 3rem !important; }

  .mb-sm-auto {
    margin-bottom: auto !important; }

  .ms-sm-0 {
    margin-left: 0 !important; }

  .ms-sm-1 {
    margin-left: 0.25rem !important; }

  .ms-sm-2 {
    margin-left: 0.5rem !important; }

  .ms-sm-3 {
    margin-left: 1rem !important; }

  .ms-sm-4 {
    margin-left: 1.5rem !important; }

  .ms-sm-5 {
    margin-left: 3rem !important; }

  .ms-sm-auto {
    margin-left: auto !important; }

  .p-sm-0 {
    padding: 0 !important; }

  .p-sm-1 {
    padding: 0.25rem !important; }

  .p-sm-2 {
    padding: 0.5rem !important; }

  .p-sm-3 {
    padding: 1rem !important; }

  .p-sm-4 {
    padding: 1.5rem !important; }

  .p-sm-5 {
    padding: 3rem !important; }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }

  .pt-sm-0 {
    padding-top: 0 !important; }

  .pt-sm-1 {
    padding-top: 0.25rem !important; }

  .pt-sm-2 {
    padding-top: 0.5rem !important; }

  .pt-sm-3 {
    padding-top: 1rem !important; }

  .pt-sm-4 {
    padding-top: 1.5rem !important; }

  .pt-sm-5 {
    padding-top: 3rem !important; }

  .pe-sm-0 {
    padding-right: 0 !important; }

  .pe-sm-1 {
    padding-right: 0.25rem !important; }

  .pe-sm-2 {
    padding-right: 0.5rem !important; }

  .pe-sm-3 {
    padding-right: 1rem !important; }

  .pe-sm-4 {
    padding-right: 1.5rem !important; }

  .pe-sm-5 {
    padding-right: 3rem !important; }

  .pb-sm-0 {
    padding-bottom: 0 !important; }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important; }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important; }

  .pb-sm-3 {
    padding-bottom: 1rem !important; }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important; }

  .pb-sm-5 {
    padding-bottom: 3rem !important; }

  .ps-sm-0 {
    padding-left: 0 !important; }

  .ps-sm-1 {
    padding-left: 0.25rem !important; }

  .ps-sm-2 {
    padding-left: 0.5rem !important; }

  .ps-sm-3 {
    padding-left: 1rem !important; }

  .ps-sm-4 {
    padding-left: 1.5rem !important; }

  .ps-sm-5 {
    padding-left: 3rem !important; }

  .text-sm-start {
    text-align: left !important; }

  .text-sm-end {
    text-align: right !important; }

  .text-sm-center {
    text-align: center !important; } }
@media (min-width: 768px) {
  .float-md-start {
    float: left !important; }

  .float-md-end {
    float: right !important; }

  .float-md-none {
    float: none !important; }

  .d-md-inline {
    display: inline !important; }

  .d-md-inline-block {
    display: inline-block !important; }

  .d-md-block {
    display: block !important; }

  .d-md-grid {
    display: grid !important; }

  .d-md-table {
    display: table !important; }

  .d-md-table-row {
    display: table-row !important; }

  .d-md-table-cell {
    display: table-cell !important; }

  .d-md-flex {
    display: flex !important; }

  .d-md-inline-flex {
    display: inline-flex !important; }

  .d-md-none {
    display: none !important; }

  .flex-md-fill {
    flex: 1 1 auto !important; }

  .flex-md-row {
    flex-direction: row !important; }

  .flex-md-column {
    flex-direction: column !important; }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }

  .flex-md-grow-0 {
    flex-grow: 0 !important; }

  .flex-md-grow-1 {
    flex-grow: 1 !important; }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }

  .flex-md-wrap {
    flex-wrap: wrap !important; }

  .flex-md-nowrap {
    flex-wrap: nowrap !important; }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }

  .gap-md-0 {
    gap: 0 !important; }

  .gap-md-1 {
    gap: 0.25rem !important; }

  .gap-md-2 {
    gap: 0.5rem !important; }

  .gap-md-3 {
    gap: 1rem !important; }

  .gap-md-4 {
    gap: 1.5rem !important; }

  .gap-md-5 {
    gap: 3rem !important; }

  .justify-content-md-start {
    justify-content: flex-start !important; }

  .justify-content-md-end {
    justify-content: flex-end !important; }

  .justify-content-md-center {
    justify-content: center !important; }

  .justify-content-md-between {
    justify-content: space-between !important; }

  .justify-content-md-around {
    justify-content: space-around !important; }

  .justify-content-md-evenly {
    justify-content: space-evenly !important; }

  .align-items-md-start {
    align-items: flex-start !important; }

  .align-items-md-end {
    align-items: flex-end !important; }

  .align-items-md-center {
    align-items: center !important; }

  .align-items-md-baseline {
    align-items: baseline !important; }

  .align-items-md-stretch {
    align-items: stretch !important; }

  .align-content-md-start {
    align-content: flex-start !important; }

  .align-content-md-end {
    align-content: flex-end !important; }

  .align-content-md-center {
    align-content: center !important; }

  .align-content-md-between {
    align-content: space-between !important; }

  .align-content-md-around {
    align-content: space-around !important; }

  .align-content-md-stretch {
    align-content: stretch !important; }

  .align-self-md-auto {
    align-self: auto !important; }

  .align-self-md-start {
    align-self: flex-start !important; }

  .align-self-md-end {
    align-self: flex-end !important; }

  .align-self-md-center {
    align-self: center !important; }

  .align-self-md-baseline {
    align-self: baseline !important; }

  .align-self-md-stretch {
    align-self: stretch !important; }

  .order-md-first {
    order: -1 !important; }

  .order-md-0 {
    order: 0 !important; }

  .order-md-1 {
    order: 1 !important; }

  .order-md-2 {
    order: 2 !important; }

  .order-md-3 {
    order: 3 !important; }

  .order-md-4 {
    order: 4 !important; }

  .order-md-5 {
    order: 5 !important; }

  .order-md-last {
    order: 6 !important; }

  .m-md-0 {
    margin: 0 !important; }

  .m-md-1 {
    margin: 0.25rem !important; }

  .m-md-2 {
    margin: 0.5rem !important; }

  .m-md-3 {
    margin: 1rem !important; }

  .m-md-4 {
    margin: 1.5rem !important; }

  .m-md-5 {
    margin: 3rem !important; }

  .m-md-auto {
    margin: auto !important; }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .mt-md-0 {
    margin-top: 0 !important; }

  .mt-md-1 {
    margin-top: 0.25rem !important; }

  .mt-md-2 {
    margin-top: 0.5rem !important; }

  .mt-md-3 {
    margin-top: 1rem !important; }

  .mt-md-4 {
    margin-top: 1.5rem !important; }

  .mt-md-5 {
    margin-top: 3rem !important; }

  .mt-md-auto {
    margin-top: auto !important; }

  .me-md-0 {
    margin-right: 0 !important; }

  .me-md-1 {
    margin-right: 0.25rem !important; }

  .me-md-2 {
    margin-right: 0.5rem !important; }

  .me-md-3 {
    margin-right: 1rem !important; }

  .me-md-4 {
    margin-right: 1.5rem !important; }

  .me-md-5 {
    margin-right: 3rem !important; }

  .me-md-auto {
    margin-right: auto !important; }

  .mb-md-0 {
    margin-bottom: 0 !important; }

  .mb-md-1 {
    margin-bottom: 0.25rem !important; }

  .mb-md-2 {
    margin-bottom: 0.5rem !important; }

  .mb-md-3 {
    margin-bottom: 1rem !important; }

  .mb-md-4 {
    margin-bottom: 1.5rem !important; }

  .mb-md-5 {
    margin-bottom: 3rem !important; }

  .mb-md-auto {
    margin-bottom: auto !important; }

  .ms-md-0 {
    margin-left: 0 !important; }

  .ms-md-1 {
    margin-left: 0.25rem !important; }

  .ms-md-2 {
    margin-left: 0.5rem !important; }

  .ms-md-3 {
    margin-left: 1rem !important; }

  .ms-md-4 {
    margin-left: 1.5rem !important; }

  .ms-md-5 {
    margin-left: 3rem !important; }

  .ms-md-auto {
    margin-left: auto !important; }

  .p-md-0 {
    padding: 0 !important; }

  .p-md-1 {
    padding: 0.25rem !important; }

  .p-md-2 {
    padding: 0.5rem !important; }

  .p-md-3 {
    padding: 1rem !important; }

  .p-md-4 {
    padding: 1.5rem !important; }

  .p-md-5 {
    padding: 3rem !important; }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }

  .pt-md-0 {
    padding-top: 0 !important; }

  .pt-md-1 {
    padding-top: 0.25rem !important; }

  .pt-md-2 {
    padding-top: 0.5rem !important; }

  .pt-md-3 {
    padding-top: 1rem !important; }

  .pt-md-4 {
    padding-top: 1.5rem !important; }

  .pt-md-5 {
    padding-top: 3rem !important; }

  .pe-md-0 {
    padding-right: 0 !important; }

  .pe-md-1 {
    padding-right: 0.25rem !important; }

  .pe-md-2 {
    padding-right: 0.5rem !important; }

  .pe-md-3 {
    padding-right: 1rem !important; }

  .pe-md-4 {
    padding-right: 1.5rem !important; }

  .pe-md-5 {
    padding-right: 3rem !important; }

  .pb-md-0 {
    padding-bottom: 0 !important; }

  .pb-md-1 {
    padding-bottom: 0.25rem !important; }

  .pb-md-2 {
    padding-bottom: 0.5rem !important; }

  .pb-md-3 {
    padding-bottom: 1rem !important; }

  .pb-md-4 {
    padding-bottom: 1.5rem !important; }

  .pb-md-5 {
    padding-bottom: 3rem !important; }

  .ps-md-0 {
    padding-left: 0 !important; }

  .ps-md-1 {
    padding-left: 0.25rem !important; }

  .ps-md-2 {
    padding-left: 0.5rem !important; }

  .ps-md-3 {
    padding-left: 1rem !important; }

  .ps-md-4 {
    padding-left: 1.5rem !important; }

  .ps-md-5 {
    padding-left: 3rem !important; }

  .text-md-start {
    text-align: left !important; }

  .text-md-end {
    text-align: right !important; }

  .text-md-center {
    text-align: center !important; } }
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important; }

  .float-lg-end {
    float: right !important; }

  .float-lg-none {
    float: none !important; }

  .d-lg-inline {
    display: inline !important; }

  .d-lg-inline-block {
    display: inline-block !important; }

  .d-lg-block {
    display: block !important; }

  .d-lg-grid {
    display: grid !important; }

  .d-lg-table {
    display: table !important; }

  .d-lg-table-row {
    display: table-row !important; }

  .d-lg-table-cell {
    display: table-cell !important; }

  .d-lg-flex {
    display: flex !important; }

  .d-lg-inline-flex {
    display: inline-flex !important; }

  .d-lg-none {
    display: none !important; }

  .flex-lg-fill {
    flex: 1 1 auto !important; }

  .flex-lg-row {
    flex-direction: row !important; }

  .flex-lg-column {
    flex-direction: column !important; }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }

  .flex-lg-grow-0 {
    flex-grow: 0 !important; }

  .flex-lg-grow-1 {
    flex-grow: 1 !important; }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }

  .flex-lg-wrap {
    flex-wrap: wrap !important; }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }

  .gap-lg-0 {
    gap: 0 !important; }

  .gap-lg-1 {
    gap: 0.25rem !important; }

  .gap-lg-2 {
    gap: 0.5rem !important; }

  .gap-lg-3 {
    gap: 1rem !important; }

  .gap-lg-4 {
    gap: 1.5rem !important; }

  .gap-lg-5 {
    gap: 3rem !important; }

  .justify-content-lg-start {
    justify-content: flex-start !important; }

  .justify-content-lg-end {
    justify-content: flex-end !important; }

  .justify-content-lg-center {
    justify-content: center !important; }

  .justify-content-lg-between {
    justify-content: space-between !important; }

  .justify-content-lg-around {
    justify-content: space-around !important; }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important; }

  .align-items-lg-start {
    align-items: flex-start !important; }

  .align-items-lg-end {
    align-items: flex-end !important; }

  .align-items-lg-center {
    align-items: center !important; }

  .align-items-lg-baseline {
    align-items: baseline !important; }

  .align-items-lg-stretch {
    align-items: stretch !important; }

  .align-content-lg-start {
    align-content: flex-start !important; }

  .align-content-lg-end {
    align-content: flex-end !important; }

  .align-content-lg-center {
    align-content: center !important; }

  .align-content-lg-between {
    align-content: space-between !important; }

  .align-content-lg-around {
    align-content: space-around !important; }

  .align-content-lg-stretch {
    align-content: stretch !important; }

  .align-self-lg-auto {
    align-self: auto !important; }

  .align-self-lg-start {
    align-self: flex-start !important; }

  .align-self-lg-end {
    align-self: flex-end !important; }

  .align-self-lg-center {
    align-self: center !important; }

  .align-self-lg-baseline {
    align-self: baseline !important; }

  .align-self-lg-stretch {
    align-self: stretch !important; }

  .order-lg-first {
    order: -1 !important; }

  .order-lg-0 {
    order: 0 !important; }

  .order-lg-1 {
    order: 1 !important; }

  .order-lg-2 {
    order: 2 !important; }

  .order-lg-3 {
    order: 3 !important; }

  .order-lg-4 {
    order: 4 !important; }

  .order-lg-5 {
    order: 5 !important; }

  .order-lg-last {
    order: 6 !important; }

  .m-lg-0 {
    margin: 0 !important; }

  .m-lg-1 {
    margin: 0.25rem !important; }

  .m-lg-2 {
    margin: 0.5rem !important; }

  .m-lg-3 {
    margin: 1rem !important; }

  .m-lg-4 {
    margin: 1.5rem !important; }

  .m-lg-5 {
    margin: 3rem !important; }

  .m-lg-auto {
    margin: auto !important; }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .mt-lg-0 {
    margin-top: 0 !important; }

  .mt-lg-1 {
    margin-top: 0.25rem !important; }

  .mt-lg-2 {
    margin-top: 0.5rem !important; }

  .mt-lg-3 {
    margin-top: 1rem !important; }

  .mt-lg-4 {
    margin-top: 1.5rem !important; }

  .mt-lg-5 {
    margin-top: 3rem !important; }

  .mt-lg-auto {
    margin-top: auto !important; }

  .me-lg-0 {
    margin-right: 0 !important; }

  .me-lg-1 {
    margin-right: 0.25rem !important; }

  .me-lg-2 {
    margin-right: 0.5rem !important; }

  .me-lg-3 {
    margin-right: 1rem !important; }

  .me-lg-4 {
    margin-right: 1.5rem !important; }

  .me-lg-5 {
    margin-right: 3rem !important; }

  .me-lg-auto {
    margin-right: auto !important; }

  .mb-lg-0 {
    margin-bottom: 0 !important; }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important; }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important; }

  .mb-lg-3 {
    margin-bottom: 1rem !important; }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important; }

  .mb-lg-5 {
    margin-bottom: 3rem !important; }

  .mb-lg-auto {
    margin-bottom: auto !important; }

  .ms-lg-0 {
    margin-left: 0 !important; }

  .ms-lg-1 {
    margin-left: 0.25rem !important; }

  .ms-lg-2 {
    margin-left: 0.5rem !important; }

  .ms-lg-3 {
    margin-left: 1rem !important; }

  .ms-lg-4 {
    margin-left: 1.5rem !important; }

  .ms-lg-5 {
    margin-left: 3rem !important; }

  .ms-lg-auto {
    margin-left: auto !important; }

  .p-lg-0 {
    padding: 0 !important; }

  .p-lg-1 {
    padding: 0.25rem !important; }

  .p-lg-2 {
    padding: 0.5rem !important; }

  .p-lg-3 {
    padding: 1rem !important; }

  .p-lg-4 {
    padding: 1.5rem !important; }

  .p-lg-5 {
    padding: 3rem !important; }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }

  .pt-lg-0 {
    padding-top: 0 !important; }

  .pt-lg-1 {
    padding-top: 0.25rem !important; }

  .pt-lg-2 {
    padding-top: 0.5rem !important; }

  .pt-lg-3 {
    padding-top: 1rem !important; }

  .pt-lg-4 {
    padding-top: 1.5rem !important; }

  .pt-lg-5 {
    padding-top: 3rem !important; }

  .pe-lg-0 {
    padding-right: 0 !important; }

  .pe-lg-1 {
    padding-right: 0.25rem !important; }

  .pe-lg-2 {
    padding-right: 0.5rem !important; }

  .pe-lg-3 {
    padding-right: 1rem !important; }

  .pe-lg-4 {
    padding-right: 1.5rem !important; }

  .pe-lg-5 {
    padding-right: 3rem !important; }

  .pb-lg-0 {
    padding-bottom: 0 !important; }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important; }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important; }

  .pb-lg-3 {
    padding-bottom: 1rem !important; }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important; }

  .pb-lg-5 {
    padding-bottom: 3rem !important; }

  .ps-lg-0 {
    padding-left: 0 !important; }

  .ps-lg-1 {
    padding-left: 0.25rem !important; }

  .ps-lg-2 {
    padding-left: 0.5rem !important; }

  .ps-lg-3 {
    padding-left: 1rem !important; }

  .ps-lg-4 {
    padding-left: 1.5rem !important; }

  .ps-lg-5 {
    padding-left: 3rem !important; }

  .text-lg-start {
    text-align: left !important; }

  .text-lg-end {
    text-align: right !important; }

  .text-lg-center {
    text-align: center !important; } }
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important; }

  .float-xl-end {
    float: right !important; }

  .float-xl-none {
    float: none !important; }

  .d-xl-inline {
    display: inline !important; }

  .d-xl-inline-block {
    display: inline-block !important; }

  .d-xl-block {
    display: block !important; }

  .d-xl-grid {
    display: grid !important; }

  .d-xl-table {
    display: table !important; }

  .d-xl-table-row {
    display: table-row !important; }

  .d-xl-table-cell {
    display: table-cell !important; }

  .d-xl-flex {
    display: flex !important; }

  .d-xl-inline-flex {
    display: inline-flex !important; }

  .d-xl-none {
    display: none !important; }

  .flex-xl-fill {
    flex: 1 1 auto !important; }

  .flex-xl-row {
    flex-direction: row !important; }

  .flex-xl-column {
    flex-direction: column !important; }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }

  .flex-xl-grow-0 {
    flex-grow: 0 !important; }

  .flex-xl-grow-1 {
    flex-grow: 1 !important; }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }

  .flex-xl-wrap {
    flex-wrap: wrap !important; }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }

  .gap-xl-0 {
    gap: 0 !important; }

  .gap-xl-1 {
    gap: 0.25rem !important; }

  .gap-xl-2 {
    gap: 0.5rem !important; }

  .gap-xl-3 {
    gap: 1rem !important; }

  .gap-xl-4 {
    gap: 1.5rem !important; }

  .gap-xl-5 {
    gap: 3rem !important; }

  .justify-content-xl-start {
    justify-content: flex-start !important; }

  .justify-content-xl-end {
    justify-content: flex-end !important; }

  .justify-content-xl-center {
    justify-content: center !important; }

  .justify-content-xl-between {
    justify-content: space-between !important; }

  .justify-content-xl-around {
    justify-content: space-around !important; }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important; }

  .align-items-xl-start {
    align-items: flex-start !important; }

  .align-items-xl-end {
    align-items: flex-end !important; }

  .align-items-xl-center {
    align-items: center !important; }

  .align-items-xl-baseline {
    align-items: baseline !important; }

  .align-items-xl-stretch {
    align-items: stretch !important; }

  .align-content-xl-start {
    align-content: flex-start !important; }

  .align-content-xl-end {
    align-content: flex-end !important; }

  .align-content-xl-center {
    align-content: center !important; }

  .align-content-xl-between {
    align-content: space-between !important; }

  .align-content-xl-around {
    align-content: space-around !important; }

  .align-content-xl-stretch {
    align-content: stretch !important; }

  .align-self-xl-auto {
    align-self: auto !important; }

  .align-self-xl-start {
    align-self: flex-start !important; }

  .align-self-xl-end {
    align-self: flex-end !important; }

  .align-self-xl-center {
    align-self: center !important; }

  .align-self-xl-baseline {
    align-self: baseline !important; }

  .align-self-xl-stretch {
    align-self: stretch !important; }

  .order-xl-first {
    order: -1 !important; }

  .order-xl-0 {
    order: 0 !important; }

  .order-xl-1 {
    order: 1 !important; }

  .order-xl-2 {
    order: 2 !important; }

  .order-xl-3 {
    order: 3 !important; }

  .order-xl-4 {
    order: 4 !important; }

  .order-xl-5 {
    order: 5 !important; }

  .order-xl-last {
    order: 6 !important; }

  .m-xl-0 {
    margin: 0 !important; }

  .m-xl-1 {
    margin: 0.25rem !important; }

  .m-xl-2 {
    margin: 0.5rem !important; }

  .m-xl-3 {
    margin: 1rem !important; }

  .m-xl-4 {
    margin: 1.5rem !important; }

  .m-xl-5 {
    margin: 3rem !important; }

  .m-xl-auto {
    margin: auto !important; }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .mt-xl-0 {
    margin-top: 0 !important; }

  .mt-xl-1 {
    margin-top: 0.25rem !important; }

  .mt-xl-2 {
    margin-top: 0.5rem !important; }

  .mt-xl-3 {
    margin-top: 1rem !important; }

  .mt-xl-4 {
    margin-top: 1.5rem !important; }

  .mt-xl-5 {
    margin-top: 3rem !important; }

  .mt-xl-auto {
    margin-top: auto !important; }

  .me-xl-0 {
    margin-right: 0 !important; }

  .me-xl-1 {
    margin-right: 0.25rem !important; }

  .me-xl-2 {
    margin-right: 0.5rem !important; }

  .me-xl-3 {
    margin-right: 1rem !important; }

  .me-xl-4 {
    margin-right: 1.5rem !important; }

  .me-xl-5 {
    margin-right: 3rem !important; }

  .me-xl-auto {
    margin-right: auto !important; }

  .mb-xl-0 {
    margin-bottom: 0 !important; }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important; }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important; }

  .mb-xl-3 {
    margin-bottom: 1rem !important; }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important; }

  .mb-xl-5 {
    margin-bottom: 3rem !important; }

  .mb-xl-auto {
    margin-bottom: auto !important; }

  .ms-xl-0 {
    margin-left: 0 !important; }

  .ms-xl-1 {
    margin-left: 0.25rem !important; }

  .ms-xl-2 {
    margin-left: 0.5rem !important; }

  .ms-xl-3 {
    margin-left: 1rem !important; }

  .ms-xl-4 {
    margin-left: 1.5rem !important; }

  .ms-xl-5 {
    margin-left: 3rem !important; }

  .ms-xl-auto {
    margin-left: auto !important; }

  .p-xl-0 {
    padding: 0 !important; }

  .p-xl-1 {
    padding: 0.25rem !important; }

  .p-xl-2 {
    padding: 0.5rem !important; }

  .p-xl-3 {
    padding: 1rem !important; }

  .p-xl-4 {
    padding: 1.5rem !important; }

  .p-xl-5 {
    padding: 3rem !important; }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }

  .pt-xl-0 {
    padding-top: 0 !important; }

  .pt-xl-1 {
    padding-top: 0.25rem !important; }

  .pt-xl-2 {
    padding-top: 0.5rem !important; }

  .pt-xl-3 {
    padding-top: 1rem !important; }

  .pt-xl-4 {
    padding-top: 1.5rem !important; }

  .pt-xl-5 {
    padding-top: 3rem !important; }

  .pe-xl-0 {
    padding-right: 0 !important; }

  .pe-xl-1 {
    padding-right: 0.25rem !important; }

  .pe-xl-2 {
    padding-right: 0.5rem !important; }

  .pe-xl-3 {
    padding-right: 1rem !important; }

  .pe-xl-4 {
    padding-right: 1.5rem !important; }

  .pe-xl-5 {
    padding-right: 3rem !important; }

  .pb-xl-0 {
    padding-bottom: 0 !important; }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important; }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important; }

  .pb-xl-3 {
    padding-bottom: 1rem !important; }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important; }

  .pb-xl-5 {
    padding-bottom: 3rem !important; }

  .ps-xl-0 {
    padding-left: 0 !important; }

  .ps-xl-1 {
    padding-left: 0.25rem !important; }

  .ps-xl-2 {
    padding-left: 0.5rem !important; }

  .ps-xl-3 {
    padding-left: 1rem !important; }

  .ps-xl-4 {
    padding-left: 1.5rem !important; }

  .ps-xl-5 {
    padding-left: 3rem !important; }

  .text-xl-start {
    text-align: left !important; }

  .text-xl-end {
    text-align: right !important; }

  .text-xl-center {
    text-align: center !important; } }
@media (min-width: 1500px) {
  .float-xxl-start {
    float: left !important; }

  .float-xxl-end {
    float: right !important; }

  .float-xxl-none {
    float: none !important; }

  .d-xxl-inline {
    display: inline !important; }

  .d-xxl-inline-block {
    display: inline-block !important; }

  .d-xxl-block {
    display: block !important; }

  .d-xxl-grid {
    display: grid !important; }

  .d-xxl-table {
    display: table !important; }

  .d-xxl-table-row {
    display: table-row !important; }

  .d-xxl-table-cell {
    display: table-cell !important; }

  .d-xxl-flex {
    display: flex !important; }

  .d-xxl-inline-flex {
    display: inline-flex !important; }

  .d-xxl-none {
    display: none !important; }

  .flex-xxl-fill {
    flex: 1 1 auto !important; }

  .flex-xxl-row {
    flex-direction: row !important; }

  .flex-xxl-column {
    flex-direction: column !important; }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important; }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important; }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important; }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important; }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important; }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important; }

  .flex-xxl-wrap {
    flex-wrap: wrap !important; }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }

  .gap-xxl-0 {
    gap: 0 !important; }

  .gap-xxl-1 {
    gap: 0.25rem !important; }

  .gap-xxl-2 {
    gap: 0.5rem !important; }

  .gap-xxl-3 {
    gap: 1rem !important; }

  .gap-xxl-4 {
    gap: 1.5rem !important; }

  .gap-xxl-5 {
    gap: 3rem !important; }

  .justify-content-xxl-start {
    justify-content: flex-start !important; }

  .justify-content-xxl-end {
    justify-content: flex-end !important; }

  .justify-content-xxl-center {
    justify-content: center !important; }

  .justify-content-xxl-between {
    justify-content: space-between !important; }

  .justify-content-xxl-around {
    justify-content: space-around !important; }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important; }

  .align-items-xxl-start {
    align-items: flex-start !important; }

  .align-items-xxl-end {
    align-items: flex-end !important; }

  .align-items-xxl-center {
    align-items: center !important; }

  .align-items-xxl-baseline {
    align-items: baseline !important; }

  .align-items-xxl-stretch {
    align-items: stretch !important; }

  .align-content-xxl-start {
    align-content: flex-start !important; }

  .align-content-xxl-end {
    align-content: flex-end !important; }

  .align-content-xxl-center {
    align-content: center !important; }

  .align-content-xxl-between {
    align-content: space-between !important; }

  .align-content-xxl-around {
    align-content: space-around !important; }

  .align-content-xxl-stretch {
    align-content: stretch !important; }

  .align-self-xxl-auto {
    align-self: auto !important; }

  .align-self-xxl-start {
    align-self: flex-start !important; }

  .align-self-xxl-end {
    align-self: flex-end !important; }

  .align-self-xxl-center {
    align-self: center !important; }

  .align-self-xxl-baseline {
    align-self: baseline !important; }

  .align-self-xxl-stretch {
    align-self: stretch !important; }

  .order-xxl-first {
    order: -1 !important; }

  .order-xxl-0 {
    order: 0 !important; }

  .order-xxl-1 {
    order: 1 !important; }

  .order-xxl-2 {
    order: 2 !important; }

  .order-xxl-3 {
    order: 3 !important; }

  .order-xxl-4 {
    order: 4 !important; }

  .order-xxl-5 {
    order: 5 !important; }

  .order-xxl-last {
    order: 6 !important; }

  .m-xxl-0 {
    margin: 0 !important; }

  .m-xxl-1 {
    margin: 0.25rem !important; }

  .m-xxl-2 {
    margin: 0.5rem !important; }

  .m-xxl-3 {
    margin: 1rem !important; }

  .m-xxl-4 {
    margin: 1.5rem !important; }

  .m-xxl-5 {
    margin: 3rem !important; }

  .m-xxl-auto {
    margin: auto !important; }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .mt-xxl-0 {
    margin-top: 0 !important; }

  .mt-xxl-1 {
    margin-top: 0.25rem !important; }

  .mt-xxl-2 {
    margin-top: 0.5rem !important; }

  .mt-xxl-3 {
    margin-top: 1rem !important; }

  .mt-xxl-4 {
    margin-top: 1.5rem !important; }

  .mt-xxl-5 {
    margin-top: 3rem !important; }

  .mt-xxl-auto {
    margin-top: auto !important; }

  .me-xxl-0 {
    margin-right: 0 !important; }

  .me-xxl-1 {
    margin-right: 0.25rem !important; }

  .me-xxl-2 {
    margin-right: 0.5rem !important; }

  .me-xxl-3 {
    margin-right: 1rem !important; }

  .me-xxl-4 {
    margin-right: 1.5rem !important; }

  .me-xxl-5 {
    margin-right: 3rem !important; }

  .me-xxl-auto {
    margin-right: auto !important; }

  .mb-xxl-0 {
    margin-bottom: 0 !important; }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important; }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important; }

  .mb-xxl-3 {
    margin-bottom: 1rem !important; }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important; }

  .mb-xxl-5 {
    margin-bottom: 3rem !important; }

  .mb-xxl-auto {
    margin-bottom: auto !important; }

  .ms-xxl-0 {
    margin-left: 0 !important; }

  .ms-xxl-1 {
    margin-left: 0.25rem !important; }

  .ms-xxl-2 {
    margin-left: 0.5rem !important; }

  .ms-xxl-3 {
    margin-left: 1rem !important; }

  .ms-xxl-4 {
    margin-left: 1.5rem !important; }

  .ms-xxl-5 {
    margin-left: 3rem !important; }

  .ms-xxl-auto {
    margin-left: auto !important; }

  .p-xxl-0 {
    padding: 0 !important; }

  .p-xxl-1 {
    padding: 0.25rem !important; }

  .p-xxl-2 {
    padding: 0.5rem !important; }

  .p-xxl-3 {
    padding: 1rem !important; }

  .p-xxl-4 {
    padding: 1.5rem !important; }

  .p-xxl-5 {
    padding: 3rem !important; }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }

  .pt-xxl-0 {
    padding-top: 0 !important; }

  .pt-xxl-1 {
    padding-top: 0.25rem !important; }

  .pt-xxl-2 {
    padding-top: 0.5rem !important; }

  .pt-xxl-3 {
    padding-top: 1rem !important; }

  .pt-xxl-4 {
    padding-top: 1.5rem !important; }

  .pt-xxl-5 {
    padding-top: 3rem !important; }

  .pe-xxl-0 {
    padding-right: 0 !important; }

  .pe-xxl-1 {
    padding-right: 0.25rem !important; }

  .pe-xxl-2 {
    padding-right: 0.5rem !important; }

  .pe-xxl-3 {
    padding-right: 1rem !important; }

  .pe-xxl-4 {
    padding-right: 1.5rem !important; }

  .pe-xxl-5 {
    padding-right: 3rem !important; }

  .pb-xxl-0 {
    padding-bottom: 0 !important; }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important; }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important; }

  .pb-xxl-3 {
    padding-bottom: 1rem !important; }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important; }

  .pb-xxl-5 {
    padding-bottom: 3rem !important; }

  .ps-xxl-0 {
    padding-left: 0 !important; }

  .ps-xxl-1 {
    padding-left: 0.25rem !important; }

  .ps-xxl-2 {
    padding-left: 0.5rem !important; }

  .ps-xxl-3 {
    padding-left: 1rem !important; }

  .ps-xxl-4 {
    padding-left: 1.5rem !important; }

  .ps-xxl-5 {
    padding-left: 3rem !important; }

  .text-xxl-start {
    text-align: left !important; }

  .text-xxl-end {
    text-align: right !important; }

  .text-xxl-center {
    text-align: center !important; } }
@media (min-width: 1700px) {
  .float-xxxl-start {
    float: left !important; }

  .float-xxxl-end {
    float: right !important; }

  .float-xxxl-none {
    float: none !important; }

  .d-xxxl-inline {
    display: inline !important; }

  .d-xxxl-inline-block {
    display: inline-block !important; }

  .d-xxxl-block {
    display: block !important; }

  .d-xxxl-grid {
    display: grid !important; }

  .d-xxxl-table {
    display: table !important; }

  .d-xxxl-table-row {
    display: table-row !important; }

  .d-xxxl-table-cell {
    display: table-cell !important; }

  .d-xxxl-flex {
    display: flex !important; }

  .d-xxxl-inline-flex {
    display: inline-flex !important; }

  .d-xxxl-none {
    display: none !important; }

  .flex-xxxl-fill {
    flex: 1 1 auto !important; }

  .flex-xxxl-row {
    flex-direction: row !important; }

  .flex-xxxl-column {
    flex-direction: column !important; }

  .flex-xxxl-row-reverse {
    flex-direction: row-reverse !important; }

  .flex-xxxl-column-reverse {
    flex-direction: column-reverse !important; }

  .flex-xxxl-grow-0 {
    flex-grow: 0 !important; }

  .flex-xxxl-grow-1 {
    flex-grow: 1 !important; }

  .flex-xxxl-shrink-0 {
    flex-shrink: 0 !important; }

  .flex-xxxl-shrink-1 {
    flex-shrink: 1 !important; }

  .flex-xxxl-wrap {
    flex-wrap: wrap !important; }

  .flex-xxxl-nowrap {
    flex-wrap: nowrap !important; }

  .flex-xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }

  .gap-xxxl-0 {
    gap: 0 !important; }

  .gap-xxxl-1 {
    gap: 0.25rem !important; }

  .gap-xxxl-2 {
    gap: 0.5rem !important; }

  .gap-xxxl-3 {
    gap: 1rem !important; }

  .gap-xxxl-4 {
    gap: 1.5rem !important; }

  .gap-xxxl-5 {
    gap: 3rem !important; }

  .justify-content-xxxl-start {
    justify-content: flex-start !important; }

  .justify-content-xxxl-end {
    justify-content: flex-end !important; }

  .justify-content-xxxl-center {
    justify-content: center !important; }

  .justify-content-xxxl-between {
    justify-content: space-between !important; }

  .justify-content-xxxl-around {
    justify-content: space-around !important; }

  .justify-content-xxxl-evenly {
    justify-content: space-evenly !important; }

  .align-items-xxxl-start {
    align-items: flex-start !important; }

  .align-items-xxxl-end {
    align-items: flex-end !important; }

  .align-items-xxxl-center {
    align-items: center !important; }

  .align-items-xxxl-baseline {
    align-items: baseline !important; }

  .align-items-xxxl-stretch {
    align-items: stretch !important; }

  .align-content-xxxl-start {
    align-content: flex-start !important; }

  .align-content-xxxl-end {
    align-content: flex-end !important; }

  .align-content-xxxl-center {
    align-content: center !important; }

  .align-content-xxxl-between {
    align-content: space-between !important; }

  .align-content-xxxl-around {
    align-content: space-around !important; }

  .align-content-xxxl-stretch {
    align-content: stretch !important; }

  .align-self-xxxl-auto {
    align-self: auto !important; }

  .align-self-xxxl-start {
    align-self: flex-start !important; }

  .align-self-xxxl-end {
    align-self: flex-end !important; }

  .align-self-xxxl-center {
    align-self: center !important; }

  .align-self-xxxl-baseline {
    align-self: baseline !important; }

  .align-self-xxxl-stretch {
    align-self: stretch !important; }

  .order-xxxl-first {
    order: -1 !important; }

  .order-xxxl-0 {
    order: 0 !important; }

  .order-xxxl-1 {
    order: 1 !important; }

  .order-xxxl-2 {
    order: 2 !important; }

  .order-xxxl-3 {
    order: 3 !important; }

  .order-xxxl-4 {
    order: 4 !important; }

  .order-xxxl-5 {
    order: 5 !important; }

  .order-xxxl-last {
    order: 6 !important; }

  .m-xxxl-0 {
    margin: 0 !important; }

  .m-xxxl-1 {
    margin: 0.25rem !important; }

  .m-xxxl-2 {
    margin: 0.5rem !important; }

  .m-xxxl-3 {
    margin: 1rem !important; }

  .m-xxxl-4 {
    margin: 1.5rem !important; }

  .m-xxxl-5 {
    margin: 3rem !important; }

  .m-xxxl-auto {
    margin: auto !important; }

  .mx-xxxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }

  .mx-xxxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important; }

  .mx-xxxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important; }

  .mx-xxxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }

  .mx-xxxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }

  .mx-xxxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }

  .mx-xxxl-auto {
    margin-right: auto !important;
    margin-left: auto !important; }

  .my-xxxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }

  .my-xxxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important; }

  .my-xxxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important; }

  .my-xxxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }

  .my-xxxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }

  .my-xxxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }

  .my-xxxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }

  .mt-xxxl-0 {
    margin-top: 0 !important; }

  .mt-xxxl-1 {
    margin-top: 0.25rem !important; }

  .mt-xxxl-2 {
    margin-top: 0.5rem !important; }

  .mt-xxxl-3 {
    margin-top: 1rem !important; }

  .mt-xxxl-4 {
    margin-top: 1.5rem !important; }

  .mt-xxxl-5 {
    margin-top: 3rem !important; }

  .mt-xxxl-auto {
    margin-top: auto !important; }

  .me-xxxl-0 {
    margin-right: 0 !important; }

  .me-xxxl-1 {
    margin-right: 0.25rem !important; }

  .me-xxxl-2 {
    margin-right: 0.5rem !important; }

  .me-xxxl-3 {
    margin-right: 1rem !important; }

  .me-xxxl-4 {
    margin-right: 1.5rem !important; }

  .me-xxxl-5 {
    margin-right: 3rem !important; }

  .me-xxxl-auto {
    margin-right: auto !important; }

  .mb-xxxl-0 {
    margin-bottom: 0 !important; }

  .mb-xxxl-1 {
    margin-bottom: 0.25rem !important; }

  .mb-xxxl-2 {
    margin-bottom: 0.5rem !important; }

  .mb-xxxl-3 {
    margin-bottom: 1rem !important; }

  .mb-xxxl-4 {
    margin-bottom: 1.5rem !important; }

  .mb-xxxl-5 {
    margin-bottom: 3rem !important; }

  .mb-xxxl-auto {
    margin-bottom: auto !important; }

  .ms-xxxl-0 {
    margin-left: 0 !important; }

  .ms-xxxl-1 {
    margin-left: 0.25rem !important; }

  .ms-xxxl-2 {
    margin-left: 0.5rem !important; }

  .ms-xxxl-3 {
    margin-left: 1rem !important; }

  .ms-xxxl-4 {
    margin-left: 1.5rem !important; }

  .ms-xxxl-5 {
    margin-left: 3rem !important; }

  .ms-xxxl-auto {
    margin-left: auto !important; }

  .p-xxxl-0 {
    padding: 0 !important; }

  .p-xxxl-1 {
    padding: 0.25rem !important; }

  .p-xxxl-2 {
    padding: 0.5rem !important; }

  .p-xxxl-3 {
    padding: 1rem !important; }

  .p-xxxl-4 {
    padding: 1.5rem !important; }

  .p-xxxl-5 {
    padding: 3rem !important; }

  .px-xxxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }

  .px-xxxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important; }

  .px-xxxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important; }

  .px-xxxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }

  .px-xxxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }

  .px-xxxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }

  .py-xxxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  .py-xxxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important; }

  .py-xxxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important; }

  .py-xxxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }

  .py-xxxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }

  .py-xxxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }

  .pt-xxxl-0 {
    padding-top: 0 !important; }

  .pt-xxxl-1 {
    padding-top: 0.25rem !important; }

  .pt-xxxl-2 {
    padding-top: 0.5rem !important; }

  .pt-xxxl-3 {
    padding-top: 1rem !important; }

  .pt-xxxl-4 {
    padding-top: 1.5rem !important; }

  .pt-xxxl-5 {
    padding-top: 3rem !important; }

  .pe-xxxl-0 {
    padding-right: 0 !important; }

  .pe-xxxl-1 {
    padding-right: 0.25rem !important; }

  .pe-xxxl-2 {
    padding-right: 0.5rem !important; }

  .pe-xxxl-3 {
    padding-right: 1rem !important; }

  .pe-xxxl-4 {
    padding-right: 1.5rem !important; }

  .pe-xxxl-5 {
    padding-right: 3rem !important; }

  .pb-xxxl-0 {
    padding-bottom: 0 !important; }

  .pb-xxxl-1 {
    padding-bottom: 0.25rem !important; }

  .pb-xxxl-2 {
    padding-bottom: 0.5rem !important; }

  .pb-xxxl-3 {
    padding-bottom: 1rem !important; }

  .pb-xxxl-4 {
    padding-bottom: 1.5rem !important; }

  .pb-xxxl-5 {
    padding-bottom: 3rem !important; }

  .ps-xxxl-0 {
    padding-left: 0 !important; }

  .ps-xxxl-1 {
    padding-left: 0.25rem !important; }

  .ps-xxxl-2 {
    padding-left: 0.5rem !important; }

  .ps-xxxl-3 {
    padding-left: 1rem !important; }

  .ps-xxxl-4 {
    padding-left: 1.5rem !important; }

  .ps-xxxl-5 {
    padding-left: 3rem !important; }

  .text-xxxl-start {
    text-align: left !important; }

  .text-xxxl-end {
    text-align: right !important; }

  .text-xxxl-center {
    text-align: center !important; } }
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 5rem !important; }

  .fs-2 {
    font-size: 2rem !important; }

  .fs-3 {
    font-size: 1.625rem !important; }

  .fs-sm-1 {
    font-size: 5rem !important; }

  .fs-sm-2 {
    font-size: 2rem !important; }

  .fs-sm-3 {
    font-size: 1.625rem !important; }

  .fs-md-1 {
    font-size: 5rem !important; }

  .fs-md-2 {
    font-size: 2rem !important; }

  .fs-md-3 {
    font-size: 1.625rem !important; }

  .fs-lg-1 {
    font-size: 5rem !important; }

  .fs-lg-2 {
    font-size: 2rem !important; }

  .fs-lg-3 {
    font-size: 1.625rem !important; } }
@media print {
  .d-print-inline {
    display: inline !important; }

  .d-print-inline-block {
    display: inline-block !important; }

  .d-print-block {
    display: block !important; }

  .d-print-grid {
    display: grid !important; }

  .d-print-table {
    display: table !important; }

  .d-print-table-row {
    display: table-row !important; }

  .d-print-table-cell {
    display: table-cell !important; }

  .d-print-flex {
    display: flex !important; }

  .d-print-inline-flex {
    display: inline-flex !important; }

  .d-print-none {
    display: none !important; } }
/*! =========================================================
 * bootstrap-slider.js
 *
 * Maintainers:
 *    Kyle Kemp
 *      - Twitter: @seiyria
 *      - Github:  seiyria
 *    Rohit Kalkur
 *      - Twitter: @Rovolutionary
 *      - Github:  rovolution
 *
 * =========================================================
 *
 * bootstrap-slider is released under the MIT License
 * Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * ========================================================= */
/*-----------------------------------------------*/
/*------------------ Base Colors ----------------*/
/*-----------------------------------------------*/
/*------------------ Typography -----------------*/
/*-----------------------------------------------*/
/*------------------ Page Title -----------------*/
/*---------------- Section Title ----------------*/
/*----------------- Block Title -----------------*/
/*------------------ Tab Title ------------------*/
/*----------------- Text content ----------------*/
/*----------------- Blockquote ------------------*/
/*------------------ List style -----------------*/
/*-----------------------------------------------*/
/*-------------------- Layout -------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------ Compontents ----------------*/
/*-----------------------------------------------*/
/*-------------------- Table --------------------*/
/*-------------------- Alert --------------------*/
/*-------------------- Buttons --------------------*/
/*---------------------- List ---------------------*/
/*---------------------- Form ---------------------*/
/*------------------ Accordions -----------------*/
/*--------------------- Tabs --------------------*/
/*----------------- Range Slider ----------------*/
/*----------------- Progressbar -----------------*/
/*-----------------------------------------------*/
/*-------------------- Header -------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*--------------------- Menu --------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-------------------- Footer -------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*----------------- Aside Popup -----------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-------------------- Modal --------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*----------------- Text content ----------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------- Swatches ------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------- Rating Stars --------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------ Shop Checkout --------------*/
/*-----------------------------------------------*/
.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .slider.slider-horizontal {
    width: 100%;
    height: 18px; }
    .slider.slider-horizontal .slider-track {
      height: 6px;
      width: 100%;
      margin-top: 6px;
      top: 0;
      left: 0;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px; }
    .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
      height: 100%;
      top: 0;
      bottom: 0; }
    .slider.slider-horizontal .slider-tick,
    .slider.slider-horizontal .slider-handle {
      margin-left: -9px; }
      .slider.slider-horizontal .slider-tick.triangle,
      .slider.slider-horizontal .slider-handle.triangle {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        border-width: 0 9px 9px 9px;
        width: 0;
        height: 0;
        border-bottom-color: #151515;
        margin-top: 0; }
    .slider.slider-horizontal .slider-handle.min-slider-handle {
      margin-left: 0; }
    .slider.slider-horizontal .slider-handle.max-slider-handle {
      margin-left: -18px; }
    .slider.slider-horizontal .slider-tick-container {
      white-space: nowrap;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .slider.slider-horizontal .slider-tick-label-container {
      white-space: nowrap;
      margin-top: 18px; }
      .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        display: inline-block;
        text-align: center; }
    .slider.slider-horizontal.slider-rtl .slider-track {
      left: initial;
      right: 0; }
    .slider.slider-horizontal.slider-rtl .slider-tick,
    .slider.slider-horizontal.slider-rtl .slider-handle {
      margin-left: initial;
      margin-right: -9px; }
    .slider.slider-horizontal.slider-rtl .slider-tick-container {
      left: initial;
      right: 0; }
  .slider.slider-vertical {
    height: 210px;
    width: 18px; }
    .slider.slider-vertical .slider-track {
      width: 9px;
      height: 100%;
      left: 25%;
      top: 0; }
    .slider.slider-vertical .slider-selection {
      width: 100%;
      left: 0;
      top: 0;
      bottom: 0; }
    .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high {
      width: 100%;
      left: 0;
      right: 0; }
    .slider.slider-vertical .slider-tick,
    .slider.slider-vertical .slider-handle {
      margin-top: -6px; }
      .slider.slider-vertical .slider-tick.triangle,
      .slider.slider-vertical .slider-handle.triangle {
        border-width: 9px 0 9px 9px;
        width: 1px;
        height: 1px;
        border-left-color: #151515;
        margin-left: 0; }
    .slider.slider-vertical .slider-tick-label-container {
      white-space: nowrap; }
      .slider.slider-vertical .slider-tick-label-container .slider-tick-label {
        padding-left: 3.6px; }
    .slider.slider-vertical.slider-rtl .slider-track {
      left: initial;
      right: 25%; }
    .slider.slider-vertical.slider-rtl .slider-selection {
      left: initial;
      right: 0; }
    .slider.slider-vertical.slider-rtl .slider-tick.triangle,
    .slider.slider-vertical.slider-rtl .slider-handle.triangle {
      border-width: 9px 9px 9px 0; }
    .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
      padding-left: initial;
      padding-right: 3.6px; }
  .slider.slider-disabled .slider-handle {
    background-color: #DFDFDF;
    background-repeat: repeat-x; }
  .slider.slider-disabled .slider-track {
    background-color: #E5E5E5;
    background-repeat: repeat-x;
    cursor: not-allowed; }
  .slider input {
    display: none; }
  .slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
    border: 1px solid #e7e7ec;
    border-radius: 0;
    background-color: #fff;
    color: #222222;
    box-shadow: 0 8px 15px 0 rgba(140, 152, 164, 0.1); }
  .slider .bs-tooltip-top .tooltip-inner, .slider .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-inner,
  .slider .bs-tooltip-bottom .tooltip-inner,
  .slider .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-inner {
    position: relative;
    left: -50%; }
  .slider.bs-tooltip-left .tooltip-inner, .slider.bs-tooltip-right .tooltip-inner {
    position: relative;
    top: -100%; }
  .slider .tooltip {
    pointer-events: none; }
    .slider .tooltip.bs-tooltip-top .arrow, .slider .tooltip.bs-tooltip-auto[data-popper-placement^="top"] .arrow, .slider .tooltip.bs-tooltip-bottom .arrow, .slider .tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .arrow {
      left: -.4rem; }
    .slider .tooltip.bs-tooltip-top, .slider .tooltip.bs-tooltip-auto[data-popper-placement^="top"] {
      margin-top: -44px; }
    .slider .tooltip.bs-tooltip-bottom, .slider .tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] {
      margin-top: 2px; }
    .slider .tooltip.bs-tooltip-left, .slider .tooltip.bs-tooltip-right {
      margin-top: -14px; }
      .slider .tooltip.bs-tooltip-left .arrow, .slider .tooltip.bs-tooltip-right .arrow {
        top: 8px; }
    .slider .tooltip.tooltip-min {
      transform: translateX(50%); }
    .slider .tooltip.tooltip-max {
      transform: translateX(-50%); }
  .slider .hide {
    display: none; }

.slider-track {
  position: absolute;
  background-color: #e4e4e4;
  cursor: pointer; }

.slider-selection {
  position: absolute;
  background-color: #222222; }

.slider-selection.tick-slider-selection {
  background-color: #7e5454;
  background-repeat: repeat-x; }

.slider-track-low, .slider-track-high {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  background: transparent; }

.slider-handle {
  position: absolute;
  top: 0;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 0.125rem solid #222222; }
  .slider-handle:hover {
    cursor: pointer; }
  .slider-handle.round {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px; }
  .slider-handle.triangle {
    background: transparent none; }
  .slider-handle.custom {
    background: transparent none; }
    .slider-handle.custom::before {
      line-height: 18px;
      font-size: 20px;
      content: '\2605';
      color: #726204; }

.slider-tick {
  background-color: #F5F5F5;
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  width: 18px;
  height: 18px;
  filter: none;
  opacity: 0.8;
  border: 0px solid transparent; }
  .slider-tick.round {
    border-radius: 50%; }
  .slider-tick.triangle {
    background: transparent none; }
  .slider-tick.custom {
    background: transparent none; }
    .slider-tick.custom::before {
      line-height: 18px;
      font-size: 20px;
      content: '\2605';
      color: #726204; }
  .slider-tick.in-selection {
    background-color: #7e5454;
    background-repeat: repeat-x;
    opacity: 1; }

/*-----------------------------------------------*/
/*------------------ Base Colors ----------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------ Typography -----------------*/
/*-----------------------------------------------*/
/*------------------ Page Title -----------------*/
/*---------------- Section Title ----------------*/
/*----------------- Block Title -----------------*/
/*------------------ Tab Title ------------------*/
/*----------------- Text content ----------------*/
/*----------------- Blockquote ------------------*/
/*------------------ List style -----------------*/
/*-----------------------------------------------*/
/*-------------------- Layout -------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------ Compontents ----------------*/
/*-----------------------------------------------*/
/*-------------------- Table --------------------*/
/*-------------------- Alert --------------------*/
/*-------------------- Buttons --------------------*/
/*---------------------- List ---------------------*/
/*---------------------- Form ---------------------*/
/*------------------ Accordions -----------------*/
/*--------------------- Tabs --------------------*/
/*----------------- Range Slider ----------------*/
/*----------------- Progressbar -----------------*/
/*-----------------------------------------------*/
/*-------------------- Header -------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*--------------------- Menu --------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-------------------- Footer -------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*----------------- Aside Popup -----------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*-------------------- Modal --------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*----------------- Text content ----------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------- Swatches ------------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------- Rating Stars --------------*/
/*-----------------------------------------------*/
/*-----------------------------------------------*/
/*------------------ Shop Checkout --------------*/
/*-----------------------------------------------*/
body {
  background-color: #ffffff; }

main {
  overflow: hidden; }

.flex-1 {
  flex: 1 !important; }

.bg-black {
  background-color: #222222 !important; }

.bg-grey-faf9f8 {
  background-color: #FAF9F8 !important; }

.bg-grey-eeeeee {
  background-color: #EEE !important; }

.bg-grey-f7f5ee {
  background-color: #f7f5ee !important; }

.bg-yellow {
  background-color: #F3EDDF !important; }

  .bg-womeks {
    background-color: #f9f9f9  !important; }


.bg-yellow-ffd35b {
  background-color: #FFD35B !important; }

.bg-light-green-e4f5f2 {
  background-color: #e4f5f2 !important; }

.color-white {
  color: #fff !important; }

.color-gray-5a5a5a {
  color: #5a5a5a !important; }

.bottom-3 {
  bottom: 3rem !important; }

.object-fit-cover {
  object-fit: cover; }

.object-position-top {
  object-position: top; }

.background-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center; }

.background-img_overlay::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 34, 34, 0.4); }

.hover__content,
.js-hidden-content {
  position: absolute;
  top: 100%;
  width: 100%;
  min-width: 16rem;
  transition: all 0.2s ease;
  background-color: #ffffff;
  box-shadow: 0 0 1.5625rem 0 rgba(34, 34, 34, 0.05);
  opacity: 0;
  visibility: hidden;
  z-index: 1000; }

.hover-container:hover .hover__content, .hover-container.js-content_visible .js-hidden-content {
  opacity: 1;
  visibility: visible; }

.content_abs {
  position: absolute;
  --content-space: 1.875rem; }

.content_center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.content_top {
  top: var(--content-space);
  padding-bottom: var(--content-space); }

.content_right {
  right: var(--content-space);
  padding-left: var(--content-space); }

.content_bottom {
  bottom: var(--content-space);
  padding-top: var(--content-space); }

.content_left {
  left: var(--content-space);
  padding-right: var(--content-space); }

@media (min-width: 768px) {
  .content_top-lg {
    --content-space: 2.5rem; } }

@media (min-width: 768px) {
  .content_right-lg {
    --content-space: 2.5rem; } }

@media (min-width: 768px) {
  .content_bottom-lg {
    --content-space: 2.5rem; } }

@media (min-width: 768px) {
  .content_left-lg {
    --content-space: 2.5rem; } }

@media (min-width: 1200px) {
  .content_top-xl {
    --content-space: 3.125rem; } }

@media (min-width: 1200px) {
  .content_right-xl {
    --content-space: 3.125rem; } }

@media (min-width: 1200px) {
  .content_bottom-xl {
    --content-space: 3.125rem; } }

@media (min-width: 1200px) {
  .content_left-xl {
    --content-space: 3.125rem; } }

@media (min-width: 992px) {
  .h-md-100 {
    height: 100% !important; } }

.pos_right-center {
  left: 50%; }
  .pos_right-center-71 {
    left: 71%; }
  @media (min-width: 992px) {
    .pos_right-center {
      left: 60%; }
      .pos_right-center-70 {
        left: 70%; } }

.scrollbar-gray ::-webkit-scrollbar {
  margin-right: 1.25rem;
  width: .25rem;
  height: .25rem;
  background-color: #eeeeee; }
.scrollbar-gray ::-webkit-scrollbar-thumb {
  border-radius: .25rem;
  background-color: #767676; }

.sticky-content {
  position: sticky;
  top: 0;
  padding-bottom: 1px; }

.border-circle {
  border-radius: 10rem !important; }

.border-radius-0 {
  border-radius: 0 !important; }

.border-radius-4 {
  border-radius: 4px !important; }

.border-radius-8 {
  border-radius: 8px !important; }

.border-radius-10 {
  border-radius: 10px !important; }

.swiper-scrollbar {
  height: 4px; }

.left-auto {
  left: auto !important; }

.right-auto {
  right: auto !important; }

.left-0 {
  left: 0 !important; }

.right-0 {
  right: 0 !important; }

.position-center {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important; }

.position-top-center {
  left: 50% !important;
  top: 0;
  transform: translateX(-50%) !important; }

.position-right-center {
  left: auto !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 50%; }

.position-right-bottom {
  left: auto !important;
  right: 0;
  top: auto;
  bottom: 0;
  max-width: 50%; }

.left-50 {
  left: 50%;
  transform: translateX(-50%); }

@media (min-width: 1200px) {
  .row-cols-xl-8 > * {
    flex: 0 0 auto;
    width: 12.5% !important; } }

.minh-100 {
  min-height: 100vh; }

.minh-240 {
  min-height: 16rem; }

.rect-circle {
  width: 100%;
  padding-top: 100%;
  position: relative;
  border-radius: 10rem; }

.bg-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }
  .bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.bg-video {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.product-video {
  position: absolute;
  left: 0.3125rem;
  right: 0.3125rem;
  top: 0.3125rem;
  bottom: 0.3125rem;
  z-index: -1;
  width: calc(100% - 0.625rem);
  height: calc(100% - 0.625rem);
  object-fit: cover; }

.border-left-0 {
  border-left: 0; }

@media (min-width: 992px) {
  .border-left-lg-1 {
    border-left: 1px solid #eee; } }
.border-top-1 {
  border-top: 1px solid #eee; }

@media (min-width: 992px) {
  .border-top-lg-0 {
    border-top: 0; } }
.border-1 {
  border: 1px solid #eee !important; }

.border-white {
  border-color: #fff !important; }

.object-position-right {
  object-position: 90% center; }

.popover {
  border: 0;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0; }
  .popover img {
    width: 170px; }

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow {
  margin: 0; }
  .bs-popover-end > .popover-arrow:before, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow:before {
    border-color: transparent; }

.text-yellow-bg-rounded {
  display: inline-block;
  background-color: #FFD35B;
  padding: 0.5125rem 1rem 0.3125rem;
  border-radius: 2rem; }

.mb--1 {
  margin-bottom: -1px; }

.mb-1px {
  margin-bottom: 1px; }

.body-color {
  color: #222222 !important; }

.body-color-secondary {
  color: #767676 !important; }

.theme-color {
  color: #383735  !important; }

.theme-bg-color {
  background-color: #C32929 !important; }

.theme-color-secondary {
  color: #383735 !important; }

.theme-bg-color-secondary {
  background-color: #383735 !important; }

.theme-color-third {
  color: #383735 !important; }

.theme-bg-color-third {
  background-color: #383735 !important; }

.text-shadow-white {
  text-shadow: 0 0 0.3rem #fff; }

@media (min-width: 768px) {
  .h-md-100 {
    height: 100% !important; } }

@media (min-width: 576px) {
  .h-sm-100 {
    height: 100% !important; } }

svg.flaticon {
  display: block; }

.transparent-bg {
  background-color: transparent !important; }

.bg-white-overlay {
  background-color: rgba(255, 255, 255, 0.9); }

.pt-100per {
  padding-top: 100% !important; }

@media (min-width: 768px) {
  .text-md-right {
    text-align: right !important; }

  .order-md-12 {
    order: 12; } }
@media (min-width: 992px) {
  .order-lg--1 {
    order: -1; } }
@media (min-width: 992px) {
  .mt-lg--5 {
    margin-top: -13rem !important; } }
.mt--3 {
  margin-top: -3rem !important; }

.swiper-scrollbar-drag {
  background-color: rgba(0, 0, 0, 0.5); }

@font-face {
  font-family: 'SofiaProBold';
  src: url(../fonts/SofiaProBold.woff);
  font-display: swap; }
body {
  color: #222222;
  font-family: var(--dynamic-google-font, "Roboto"), sans-serif !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7143; }

/*============================================*/
/*================= Headings =================*/
/*============================================*/
h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #222222;
  font-family: var(--dynamic-google-font, "Roboto"), sans-serif !important;
  font-weight: 500; }

.font-special {
  font-family: var(--dynamic-google-font, "Roboto"), sans-serif; }

.font-courgette {
  font-family: var(--dynamic-google-font, "Roboto"), sans-serif; }

.fs-base,
.form-title {
  font-size: 0.875rem !important; }

.font-sofia {
  font-family: var(--dynamic-google-font, "Roboto"), sans-serif; }

.third-color {
  color: #383735 !important; }

.white-color {
  color: #fff !important; }

.mark-grey-color {
  -webkit-text-stroke-color: #c2c2c2; }

.page-title {
  font-weight: 700; }
  @media (min-width: 992px) {
    .page-title {
      font-size: 3.125rem; } }

.section-title {
  font-size: 1.625rem; }
  @media (min-width: 992px) {
    .section-title {
      font-size: 2.1875rem; } }

.lh-30 {
  line-height: 1.875rem !important; }

.lh-2rem {
  line-height: 2rem !important; }

.block-title {
  margin-bottom: 1rem;
  font-size: 1rem; }

/*============================================*/
/*=================== Texts ==================*/
/*============================================*/
.character_markup {
  display: none; }
  @media (min-width: 1500px) {
    .character_markup {
      display: block;
      position: absolute;
      bottom: 5rem;
      margin-left: -1.5em;
      -webkit-text-stroke-width: 3px;
      -webkit-text-stroke-color: #ffffff;
      color: transparent;
      font-size: 7.5rem;
      transform: rotate(90deg);
      transform-origin: bottom right;
      opacity: 0.8; }
      .character_markup.type2 {
        transform: none;
        font-size: 15.625rem;
        -webkit-text-stroke-color: #767676;
        font-weight: 700;
        bottom: 0;
        line-height: 1;
        left: auto;
        margin: 0;
        right: 0;
        opacity: 0.3;
        letter-spacing: 0.05em;
        z-index: -1; } }

.content {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.7143; }

.blockquote {
  padding: calc(1.4rem + 1.8vw) calc(1.3625rem + 1.35vw) calc(1.35625rem + 1.275vw) calc(1.4875rem + 2.85vw);
  background-color: #faf9f8; }
  @media (min-width: 1200px) {
    .blockquote {
      padding: 2.75rem 2.375rem 2.3125rem 3.625rem; } }

.blockquote__content {
  margin-bottom: 0;
  font-size: 1rem;
  font-style: italic;
  font-weight: 500;
  line-height: 1.375; }

.blockquote__footer {
  margin-top: 1.5rem;
  color: #767676;
  font-size: 0.875rem; }

.text-list {
  padding-left: 1.25em; }

.text-list__item {
  line-height: 3.143; }

.list_dot_darkgray ::marker {
  color: #767676;
  font-size: 1rem; }

.list-style_checkbox {
  display: flex;
  align-items: center; }

.text_dash {
  position: relative;
  padding-left: 3.25rem; }
  .text_dash::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 2.5rem;
    height: 2px;
    margin-top: -1px;
    background-color: currentColor;
    color: inherit; }
  .text_dash_half {
    position: relative;
    padding-left: 2rem; }
    .text_dash_half::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      width: 1.25rem;
      height: 2px;
      margin-top: -1px;
      background-color: currentColor;
      color: inherit; }

.stroke-text {
  --stroke-color: #222222;
  --stroke-width: 1px;
  color: #eeeeee;
  font-size: 2.25rem;
  opacity: 0.4;
  text-shadow: var(--stroke-width) 0 0 var(--stroke-color), calc(var(--stroke-width) * -1) 0 0 var(--stroke-color), 0 var(--stroke-width) 0 var(--stroke-color), 0 calc(var(--stroke-width) * -1) 0 var(--stroke-color); }
  @media (min-width: 992px) {
    .stroke-text {
      --stroke-width: 2px;
      font-size: 3.375rem; } }
  @media (min-width: 1200px) {
    .stroke-text {
      font-size: 5.625rem; } }

.smooth-16 {
  text-shadow: calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color); }

@media (min-width: 992px) {
  .text-lg-right {
    text-align: right !important; } }
.fs-12 {
  font-size: 0.75rem !important; }

.fs-13 {
  font-size: 0.8125rem !important; }

.fs-15 {
  font-size: 0.9375rem !important; }

.fs-18 {
  font-size: 1.125rem !important; }

.fs-20 {
  font-size: 1.25rem; }

.fs-22 {
  font-size: calc(1.2625rem + 0.15vw); }
  @media (min-width: 1200px) {
    .fs-22 {
      font-size: 1.375rem; } }

.fs-25 {
  font-size: calc(1.28125rem + 0.375vw); }
  @media (min-width: 1200px) {
    .fs-25 {
      font-size: 1.5625rem; } }

.fs-30 {
  font-size: calc(1.3125rem + 0.75vw); }
  @media (min-width: 1200px) {
    .fs-30 {
      font-size: 1.875rem; } }

.fs-35 {
  font-size: calc(1.34375rem + 1.125vw); }
  @media (min-width: 1200px) {
    .fs-35 {
      font-size: 2.1875rem; } }

.fs-40 {
  font-size: calc(1.375rem + 1.5vw); }
  @media (min-width: 1200px) {
    .fs-40 {
      font-size: 2.5rem; } }

.fs-45 {
  font-size: calc(1.40625rem + 1.875vw); }
  @media (min-width: 1200px) {
    .fs-45 {
      font-size: 2.8125rem; } }

.fs-50 {
  font-size: calc(1.4375rem + 2.25vw); }
  @media (min-width: 1200px) {
    .fs-50 {
      font-size: 3.125rem; } }

.fs-70 {
  font-size: calc(1.5625rem + 3.75vw); }
  @media (min-width: 1200px) {
    .fs-70 {
      font-size: 4.375rem; } }

.fs-100 {
  font-size: calc(1.75rem + 6vw); }
  @media (min-width: 1200px) {
    .fs-100 {
      font-size: 6.25rem; } }

.fw-semi-bold {
  font-weight: 600 !important; }

th[align="right"] {
  text-align: right; }

@keyframes moveDown {
  0% {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%); }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0); } }
.animate {
  transition: all ease-in .5s;
  transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s; }

.animate_fade {
  opacity: 0;
  visibility: hidden; }

.animate_rtl {
  position: relative;
  right: -2.5rem; }

.animate_btt {
  position: relative;
  bottom: -2.5rem; }

.animate_delay-1 {
  transition-delay: 0.1s; }

.animate_delay-2 {
  transition-delay: 0.2s; }

.animate_delay-3 {
  transition-delay: 0.3s; }

.animate_delay-4 {
  transition-delay: 0.4s; }

.animate_delay-5 {
  transition-delay: 0.5s; }

.animate_delay-6 {
  transition-delay: 0.6s; }

.animate_delay-7 {
  transition-delay: 0.7s; }

.animate_delay-8 {
  transition-delay: 0.8s; }

.animate_delay-9 {
  transition-delay: 0.9s; }

.animate_delay-10 {
  transition-delay: 1s; }

.swiper-slide-active .animate_fade {
  opacity: 1;
  visibility: visible; }
.swiper-slide-active .animate_rtl {
  right: 0; }
.swiper-slide-active .animate_btt {
  bottom: 0; }

.anim_appear-fade {
  transition: all 0.2s ease;
  font-size: 0.875rem;
  opacity: 0;
  visibility: hidden;
  z-index: 1; }
  .product-card:hover .anim_appear-fade {
    opacity: 1;
    visibility: visible; }

.anim_appear-bottom {
  bottom: -0.625rem;
  transition: all 0.2s ease;
  font-size: 0.875rem;
  opacity: 0;
  visibility: hidden;
  z-index: 1; }
  .product-card:hover .anim_appear-bottom {
    bottom: 0.625rem;
    opacity: 1;
    visibility: visible; }

.anim_appear-right {
  right: -0.625rem;
  transition: all 0.2s ease;
  font-size: 0.875rem;
  opacity: 0;
  visibility: hidden;
  z-index: 1; }
  .product-card:hover .anim_appear-right {
    right: 0;
    opacity: 1;
    visibility: visible; }

.row {
  --bs-gutter-x: 1.875rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);}
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 4);
    padding-left: calc(var(--bs-gutter-x) / 4);
    margin-top: var(--bs-gutter-y); }
  @media (max-width: 575.98px) {
    .row {
      --bs-gutter-x: 1rem; } }

.col {
  flex: 1 0 0%; }

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto; }

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%; }

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%; }

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%; }

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%; }

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%; }

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%; }

.col-auto {
  flex: 0 0 auto;
  width: auto; }

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%; }

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%; }

.col-3 {
  flex: 0 0 auto;
  width: 25%; }

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%; }

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%; }

.col-6 {
  flex: 0 0 auto;
  width: 50%; }

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%; }

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%; }

.col-9 {
  flex: 0 0 auto;
  width: 75%; }

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%; }

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%; }

.col-12 {
  flex: 0 0 auto;
  width: 100%; }

.offset-1 {
  margin-left: 8.3333333333%; }

.offset-2 {
  margin-left: 16.6666666667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.3333333333%; }

.offset-5 {
  margin-left: 41.6666666667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.3333333333%; }

.offset-8 {
  margin-left: 66.6666666667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.3333333333%; }

.offset-11 {
  margin-left: 91.6666666667%; }

.g-0,
.gx-0 {
  --bs-gutter-x: 0; }

.g-0,
.gy-0 {
  --bs-gutter-y: 0; }

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem; }

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem; }

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem; }

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem; }

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem; }

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem; }

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem; }

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem; }

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem; }

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem; }

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%; }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%; }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%; }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%; }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%; }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%; }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-sm-0 {
    margin-left: 0; }

  .offset-sm-1 {
    margin-left: 8.3333333333%; }

  .offset-sm-2 {
    margin-left: 16.6666666667%; }

  .offset-sm-3 {
    margin-left: 25%; }

  .offset-sm-4 {
    margin-left: 33.3333333333%; }

  .offset-sm-5 {
    margin-left: 41.6666666667%; }

  .offset-sm-6 {
    margin-left: 50%; }

  .offset-sm-7 {
    margin-left: 58.3333333333%; }

  .offset-sm-8 {
    margin-left: 66.6666666667%; }

  .offset-sm-9 {
    margin-left: 75%; }

  .offset-sm-10 {
    margin-left: 83.3333333333%; }

  .offset-sm-11 {
    margin-left: 91.6666666667%; }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0; }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0; }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem; }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem; }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem; }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem; }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem; }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem; }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem; }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem; }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem; }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem; } }
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%; }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%; }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%; }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%; }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%; }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%; }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-md-0 {
    margin-left: 0; }

  .offset-md-1 {
    margin-left: 8.3333333333%; }

  .offset-md-2 {
    margin-left: 16.6666666667%; }

  .offset-md-3 {
    margin-left: 25%; }

  .offset-md-4 {
    margin-left: 33.3333333333%; }

  .offset-md-5 {
    margin-left: 41.6666666667%; }

  .offset-md-6 {
    margin-left: 50%; }

  .offset-md-7 {
    margin-left: 58.3333333333%; }

  .offset-md-8 {
    margin-left: 66.6666666667%; }

  .offset-md-9 {
    margin-left: 75%; }

  .offset-md-10 {
    margin-left: 83.3333333333%; }

  .offset-md-11 {
    margin-left: 91.6666666667%; }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0; }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0; }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem; }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem; }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem; }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem; }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem; }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem; }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem; }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem; }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem; }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem; } }
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%; }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%; }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%; }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%; }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%; }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%; }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-lg-0 {
    margin-left: 0; }

  .offset-lg-1 {
    margin-left: 8.3333333333%; }

  .offset-lg-2 {
    margin-left: 16.6666666667%; }

  .offset-lg-3 {
    margin-left: 25%; }

  .offset-lg-4 {
    margin-left: 33.3333333333%; }

  .offset-lg-5 {
    margin-left: 41.6666666667%; }

  .offset-lg-6 {
    margin-left: 50%; }

  .offset-lg-7 {
    margin-left: 58.3333333333%; }

  .offset-lg-8 {
    margin-left: 66.6666666667%; }

  .offset-lg-9 {
    margin-left: 75%; }

  .offset-lg-10 {
    margin-left: 83.3333333333%; }

  .offset-lg-11 {
    margin-left: 91.6666666667%; }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0; }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0; }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem; }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem; }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem; }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem; }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem; }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem; }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem; }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem; }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem; }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem; } }
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%; }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%; }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%; }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%; }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%; }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%; }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-xl-0 {
    margin-left: 0; }

  .offset-xl-1 {
    margin-left: 8.3333333333%; }

  .offset-xl-2 {
    margin-left: 16.6666666667%; }

  .offset-xl-3 {
    margin-left: 25%; }

  .offset-xl-4 {
    margin-left: 33.3333333333%; }

  .offset-xl-5 {
    margin-left: 41.6666666667%; }

  .offset-xl-6 {
    margin-left: 50%; }

  .offset-xl-7 {
    margin-left: 58.3333333333%; }

  .offset-xl-8 {
    margin-left: 66.6666666667%; }

  .offset-xl-9 {
    margin-left: 75%; }

  .offset-xl-10 {
    margin-left: 83.3333333333%; }

  .offset-xl-11 {
    margin-left: 91.6666666667%; }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0; }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0; }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem; }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem; }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem; }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem; }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem; }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem; }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem; }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem; }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem; }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem; } }
@media (min-width: 1500px) {
  .col-xxl {
    flex: 1 0 0%; }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%; }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%; }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%; }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%; }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%; }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-xxl-0 {
    margin-left: 0; }

  .offset-xxl-1 {
    margin-left: 8.3333333333%; }

  .offset-xxl-2 {
    margin-left: 16.6666666667%; }

  .offset-xxl-3 {
    margin-left: 25%; }

  .offset-xxl-4 {
    margin-left: 33.3333333333%; }

  .offset-xxl-5 {
    margin-left: 41.6666666667%; }

  .offset-xxl-6 {
    margin-left: 50%; }

  .offset-xxl-7 {
    margin-left: 58.3333333333%; }

  .offset-xxl-8 {
    margin-left: 66.6666666667%; }

  .offset-xxl-9 {
    margin-left: 75%; }

  .offset-xxl-10 {
    margin-left: 83.3333333333%; }

  .offset-xxl-11 {
    margin-left: 91.6666666667%; }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0; }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0; }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem; }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem; }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem; }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem; }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem; }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem; }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem; }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem; }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem; }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem; } }
@media (min-width: 1700px) {
  .col-xxxl {
    flex: 1 0 0%; }

  .row-cols-xxxl-auto > * {
    flex: 0 0 auto;
    width: auto; }

  .row-cols-xxxl-1 > * {
    flex: 0 0 auto;
    width: 100%; }

  .row-cols-xxxl-2 > * {
    flex: 0 0 auto;
    width: 50%; }

  .row-cols-xxxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .row-cols-xxxl-4 > * {
    flex: 0 0 auto;
    width: 25%; }

  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%; }

  .row-cols-xxxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto; }

  .col-xxxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%; }

  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%; }

  .col-xxxl-3 {
    flex: 0 0 auto;
    width: 25%; }

  .col-xxxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%; }

  .col-xxxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%; }

  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%; }

  .col-xxxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%; }

  .col-xxxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%; }

  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%; }

  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%; }

  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%; }

  .col-xxxl-12 {
    flex: 0 0 auto;
    width: 100%; }

  .offset-xxxl-0 {
    margin-left: 0; }

  .offset-xxxl-1 {
    margin-left: 8.3333333333%; }

  .offset-xxxl-2 {
    margin-left: 16.6666666667%; }

  .offset-xxxl-3 {
    margin-left: 25%; }

  .offset-xxxl-4 {
    margin-left: 33.3333333333%; }

  .offset-xxxl-5 {
    margin-left: 41.6666666667%; }

  .offset-xxxl-6 {
    margin-left: 50%; }

  .offset-xxxl-7 {
    margin-left: 58.3333333333%; }

  .offset-xxxl-8 {
    margin-left: 66.6666666667%; }

  .offset-xxxl-9 {
    margin-left: 75%; }

  .offset-xxxl-10 {
    margin-left: 83.3333333333%; }

  .offset-xxxl-11 {
    margin-left: 91.6666666667%; }

  .g-xxxl-0,
  .gx-xxxl-0 {
    --bs-gutter-x: 0; }

  .g-xxxl-0,
  .gy-xxxl-0 {
    --bs-gutter-y: 0; }

  .g-xxxl-1,
  .gx-xxxl-1 {
    --bs-gutter-x: 0.25rem; }

  .g-xxxl-1,
  .gy-xxxl-1 {
    --bs-gutter-y: 0.25rem; }

  .g-xxxl-2,
  .gx-xxxl-2 {
    --bs-gutter-x: 0.5rem; }

  .g-xxxl-2,
  .gy-xxxl-2 {
    --bs-gutter-y: 0.5rem; }

  .g-xxxl-3,
  .gx-xxxl-3 {
    --bs-gutter-x: 1rem; }

  .g-xxxl-3,
  .gy-xxxl-3 {
    --bs-gutter-y: 1rem; }

  .g-xxxl-4,
  .gx-xxxl-4 {
    --bs-gutter-x: 1.5rem; }

  .g-xxxl-4,
  .gy-xxxl-4 {
    --bs-gutter-y: 1.5rem; }

  .g-xxxl-5,
  .gx-xxxl-5 {
    --bs-gutter-x: 3rem; }

  .g-xxxl-5,
  .gy-xxxl-5 {
    --bs-gutter-y: 3rem; } }
body ::-webkit-scrollbar {
  margin-right: 1.25rem;
  width: .25rem;
  height: .25rem;
  background-color: #ffffff; }
body ::-webkit-scrollbar-thumb {
  border-radius: .25rem;
  background-color: #e4e4e4; }

@media (max-width: 991.98px) {
  .snap main {
    overflow-x: hidden; } }

img {
  max-width: 100%; }

.block {
  margin: 2.125rem 0; }

.full-width_padding {
  overflow: hidden; }
  @media (min-width: 1500px) {
    .full-width_padding {
      width: 100%;
      padding: 0 3.75rem; } }

.full-width_padding-20 {
  width: 100%;
  padding: 0 1.25rem; }
  @media (max-width: 767.98px) {
    .full-width_padding-20.slideshow {
      padding: 0;
      height: auto; }
     }

@media (max-width: 1499.98px) {
  .full-width_border {
    border: 0 !important; } }
@media (min-width: 1500px) {
  .full-width_border {
    padding: 0.625rem;
    border-style: solid; } }

.page-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transition: all 0.32s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  background-color: rgba(34, 34, 34, 0.4);
  opacity: 0;
  visibility: hidden;
  z-index: 1040; }

.page-overlay_visible {
  opacity: 1;
  visibility: visible; }

#scrollTop {
  position: fixed !important;
  right: 0;
  bottom: 3.375rem;
  z-index: 1030;
  width: 45px;
  height: 45px;
  background-color: #eeeeee;
  background-image: url("data:image/svg+xml,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.49932 0.360778C7.22726 0.0887249 6.77274 0.0887249 6.49999 0.360778L0.206656 6.638C-0.0688853 6.91355 -0.0688853 7.3604 0.206656 7.63524C0.482197 7.91078 0.929749 7.91078 1.20529 7.63524L6.99997 1.85667L12.794 7.63594C13.0702 7.91148 13.517 7.91148 13.7933 7.63594C14.0688 7.3604 14.0688 6.91355 13.7933 6.6387L7.49932 0.360778Z' fill='%23222222'/%3e%3c/svg%3e");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  clip: auto !important;
  transition: all 0.28s; }
  @media (min-width: 768px) {
    #scrollTop {
      bottom: 0; } }

.mw-1620 {
  width: 1620px !important;
  max-width: 100% !important;
  margin: 0 auto; }

.mw-1170 {
  width: 1200px !important;
  max-width: 100% !important;
  margin: 0 auto; }

.mw-930 {
  width: 58.125rem !important;
  max-width: 100% !important;
  margin: 0 auto; }

/* ===========================================
   /page/* Modern Content Page
   =========================================== */
.awa-page.page-blade-wrapper{
  background: linear-gradient(180deg, rgba(2,132,199,0.06) 0%, rgba(255,255,255,1) 180px);
}

.awa-page .awa-page-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}

.awa-page .awa-page-topbar__back,
.awa-page .awa-page-topbar__navbtn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,0.08);
  background:#fff;
  color:#111827;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  line-height:1;
}

.awa-page .awa-page-topbar__back:hover,
.awa-page .awa-page-topbar__navbtn:hover{
  background:#f9fafb;
}

.awa-page .awa-page-topbar__crumbs{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:center;
  color:#6b7280;
  font-size:13px;
}

.awa-page .awa-page-topbar__crumbs a{
  color:#374151;
  text-decoration:none;
}
.awa-page .awa-page-topbar__crumbs a:hover{ text-decoration: none; }
.awa-page .awa-page-topbar__sep{ opacity:.6; }
.awa-page .awa-page-topbar__muted{ color:#6b7280; }
.awa-page .awa-page-topbar__current{
  color:#111827;
  font-weight:600;
  display:inline-block;
  max-width:min(56ch, 100%);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.awa-page .awa-page-hero{
  padding: 12px 0 18px;
}
.awa-page .awa-page-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#6b7280;
  margin-bottom:10px;
}
.awa-page .awa-page-hero__meta{
  margin-top:10px;
  font-size:12px;
  color:#6b7280;
}

.awa-page .awa-page-card{
  background:#ffffff;
  border:1px solid rgba(17,24,39,0.08);
  border-radius:16px;
  box-shadow:0 10px 30px rgba(17,24,39,0.06);
  padding:22px;
}

/* Improve content typography without JS */
.awa-page .page-blade-content{
  font-size: 15px;
  line-height: 1.85;
  color:#1f2937;
}
.awa-page .page-blade-content img{
  max-width:100%;
  height:auto;
  border-radius:12px;
}
.awa-page .page-blade-content a{ text-decoration: none; }
.awa-page .page-blade-content a:hover{ opacity:.85; }

/* Mobile sidebar toggle */
@media (max-width: 992px){
  .awa-page .page-blade-layout{
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .awa-page .page-blade-sidebar{
    position: fixed;
    inset: 0;
    top: 0;
    left: 0;
    width: min(380px, 92vw);
    height: 100vh;
    background: #ffffff;
    z-index: 9999;
    padding: 18px;
    transform: translateX(-110%);
    transition: transform .22s ease;
    box-shadow: 0 20px 50px rgba(0,0,0,.25);
  }
  .awa-page.awa-page--nav-open .page-blade-sidebar{
    transform: translateX(0);
  }
  .awa-page.awa-page--nav-open::before{
    content:'';
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 9998;
  }
  .awa-page .awa-page-topbar__crumbs{
    justify-content:flex-start;
  }
}

.w-740 {
  width: 46.25rem;
  max-width: 100%; }

.w-100px {
  width: 6.25rem; }

.h-100px {
  height: 6.25rem; }

.gradient-bg {
  background-image: url(../../images/home/demo3/slider_bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.gradient-bg-10 {
  background-image: url(../../images/home/demo10/slider_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 84rem; }
  @media (min-width: 992px) {
    .gradient-bg-10 {
      background-size: 100% auto; } }

@media (min-width: 1200px) {
  .col-xl-20per {
    flex: 0 0 auto;
    width: 20%; } }

@media (min-width: 1200px) {
  .col-xl-40per {
    flex: 0 0 auto;
    width: 40%; } }

@media (min-width: 1200px) {
  .col-xl-60per {
    flex: 0 0 auto;
    width: 60%; } }

@media (min-width: 1200px) {
  .col-xl-80per {
    flex: 0 0 auto;
    width: 80%; } }

.gutters-20 .row {
  --bs-gutter-x: 1.25rem; }

.btn-close,
.btn-close-lg,
.btn-close-xs {
  padding: 0;
  border: 0;
  box-sizing: content-box;
  color: #000;
  border-radius: 0;
  opacity: 1; }
  .btn-close:hover,
  .btn-close-lg:hover,
  .btn-close-xs:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.75; }
  .btn-close:focus,
  .btn-close-lg:focus,
  .btn-close-xs:focus {
    outline: none;
    box-shadow: none;
    opacity: 1; }
  .btn-close:disabled, .btn-close.disabled,
  .btn-close-lg:disabled,
  .btn-close-lg.disabled,
  .btn-close-xs:disabled,
  .btn-close-xs.disabled {
    pointer-events: none;
    user-select: none;
    opacity: 0.25; }

.btn-close {
  width: 1.375rem;
  height: 1.375rem;
  padding: 0.25em 0.25em;
  background: transparent url("data:image/svg+xml,%3csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.48881 15.5962L16.0954 4.98963L17.5096 6.40384L6.90302 17.0104L5.48881 15.5962Z' fill='%23000'/%3e%3cpath d='M16.0954 17.7176L4.7817 6.40384L6.19592 4.98963L17.5096 16.3033L16.0954 17.7176Z' fill='%23000'/%3e%3c/svg%3e") center/1.375rem auto no-repeat; }

.btn-close-lg {
  width: 1rem;
  height: 1rem;
  background: transparent url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.414336 14.1421L14.5565 0L15.9707 1.41421L1.82855 15.5563L0.414336 14.1421Z' fill='%23000'/%3e%3cpath d='M1.41421 0.142113L15.5563 14.2842L14.1421 15.6985L0 1.55633L1.41421 0.142113Z' fill='%23000'/%3e%3c/svg%3e") center/1rem auto no-repeat; }

.btn-close-xs {
  width: 0.625rem;
  height: 0.625rem;
  padding: 0;
  background: transparent url("data:image/svg+xml,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.259435 8.85506L9.11449 0L10 0.885506L1.14494 9.74056L0.259435 8.85506Z' fill='%23767676'/%3e%3cpath d='M0.885506 0.0889838L9.74057 8.94404L8.85506 9.82955L0 0.97449L0.885506 0.0889838Z' fill='%23767676'/%3e%3c/svg%3e") center/0.625rem auto no-repeat; }

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%); }

.accordion-item_shadow {
  box-shadow: 0 0 1.5625rem 0 rgba(34, 34, 34, 0.05); }

.accordion-button {
  padding: 1.75rem 1.875rem 1.125rem;
  border: 1px solid #eeeeee;
  color: #222222;
  background-color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375;
  outline: none; 
  margin-bottom: 15px;

}
  .accordion-button::after {
    content: none; }
  .accordion-button.collapsed {
    background-color: transparent;
    color: #222222; }
    .accordion-button.collapsed .accordion-button__icon {
      transform: rotate(0deg); }
      .accordion-button.collapsed .accordion-button__icon .svg-path-horizontal {
        opacity: 1; }
      .accordion-button.collapsed .accordion-button__icon.type2 {
        transform: rotate(180deg); }

.accordion-button__icon {
  width: 0.875rem;
  height: 0.875rem;
  margin-left: auto;
  fill: #222222;
  transform: rotate(90deg);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .accordion-button__icon {
      transition: none; } }
  .accordion-button__icon .svg-path-vertical {
    transform: rotate(90deg);
    transform-origin: center; }
  .accordion-button__icon .svg-path-horizontal {
    transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
    opacity: 0; }
    @media (prefers-reduced-motion: reduce) {
      .accordion-button__icon .svg-path-horizontal {
        transition: none; } }
  .accordion-button__icon.type2 {
    transform: rotate(0deg); }

.accordion-body {
  padding: 1.5rem 1.875rem 1.75rem; }

.faq-accordion .accordion-item {
  margin-bottom: 1.25rem; }
.faq-accordion .accordion-button {
  border: 0;
  border-bottom: 1px solid #e4e4e4;
  padding: 0.625rem 0;
  text-align: left; }
.faq-accordion .accordion-collapse {
  border: 0; }
.faq-accordion .accordion-body {
  padding: 1.5rem 0; }

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.6875rem 1.75rem 0.4375rem;
  color: #222222;
  font-weight: 500;
  line-height: 1.375;
  outline: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .nav-link {
      transition: none; } }
  .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default; }
  @media (min-width: 992px) {
    .nav-link {
      font-size: 1rem; } }

.nav-link_underscore {
  position: relative;
  color: #767676; 

}
  .nav-link_underscore:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 1.5625rem;
    width: 0;
    height: 2px;
    background-color: #222222;
    transition: width 0.36s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    @media (prefers-reduced-motion: reduce) {
      .nav-link_underscore:after {
        transition: none; } }
  .nav-link_underscore.theme-color:after {
    background-color: #C32929; }
  .nav-link_underscore:hover, .nav-link_underscore:focus, .nav-link_underscore.active, .nav-item.show .nav-link_underscore {
    color: #222222; }
  .nav-link_underscore.underscore-sm:hover:after, .nav-link_underscore.underscore-sm:focus:after, .nav-link_underscore.underscore-sm.active:after, .nav-item.show .nav-link_underscore.underscore-sm:after {
    width: 2rem; }
  .nav-link_underscore.underscore-md:hover:after, .nav-link_underscore.underscore-md:focus:after, .nav-link_underscore.underscore-md.active:after, .nav-item.show .nav-link_underscore.underscore-md:after {
    width: calc((100% - 1.5625rem * 2) * 0.7); }
  .nav-link_underscore.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent; }

.nav-link_rline:before {
  content: '';
  position: absolute;
  top: 49%;
  left: 0;
  width: 0px;
  height: 2px;
  background-color: #222222;
  transition: width 0.36s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  @media (prefers-reduced-motion: reduce) {
    .nav-link_rline:before {
      transition: none; } }
.nav-link_rline.active:before {
  width: 100%; }

.rline-content {
  display: inline-block;
  position: relative;
  padding-right: 1.5em;
  background-color: #ffffff; }
  @media (min-width: 768px) {
    .rline-content {
      padding-right: 2.5em; } }
  @media (min-width: 1200px) {
    .rline-content {
      padding-right: 3.5em; } }

.nav-pills .nav-link {
  border-radius: 0; }
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ffffff;
  background-color: #222222; }

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }
.tab-content > .active {
  display: block; }

.checkbox__mark {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: .625rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 66.666667%; }

.checkbox__mark_gray {
  background-color: #767676; }

.checkbox__mark_round {
  border-radius: 100%; }

.table {
  --bs-table-bg: transparent;
  --bs-table-striped-color: #222222;
  --bs-table-striped-bg: #faf9f8;
  --bs-table-active-color: #222222;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #222222;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #222222;
  line-height: 1.5;
  vertical-align: top;
  border-color: transparent; }
  .table > :not(caption) > tr > td,
  .table > :not(caption) > tr > th {
    background-color: var(--bs-table-accent-bg);
    border-bottom-width: 0; }
  .table > :not(caption) > tr > td {
    padding: 10px 10px;
    background-color: var(--bs-table-bg); }
  .table > :not(caption) > tr > th {
    padding: 10px;
    font-size: 1rem;
    font-weight: 500; }
  .table > tbody {
    vertical-align: inherit; }
  .table > thead {
    vertical-align: bottom; }
  .table > :not(:last-child) > tr:last-child > th,
  .table > :not(:last-child) > tr:last-child > td {
    border-bottom-color: currentColor; }

.caption-top {
  caption-side: top; }

.table-sm > :not(caption) > tr > th,
.table-sm > :not(caption) > tr > td {
  padding: 0.25rem 0.25rem; }

.table-bordered > :not(caption) > tr {
  border-width: 0 0; 
  border: 1px solid #dedede;
}
  .table-bordered > :not(caption) > tr > th,
  .table-bordered > :not(caption) > tr > td {
    border-width: 0 0;
    border: 1px solid #dedede; }

.table-borderless > :not(caption) > tr {
  border-bottom-width: 0; }

.table-striped > tbody > tr:nth-of-type(even) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color); }

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color); }

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color); }

.table-primary {
  --bs-table-bg: #ffffff;
  --bs-table-striped-bg: #f2f2f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6e6e6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ececec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6e6e6; }

.table-secondary {
  --bs-table-bg: #e4e4e4;
  --bs-table-striped-bg: #d9d9d9;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cdcdcd;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: lightgray;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cdcdcd; }

.table-success {
  --bs-table-bg: #fce8e8;
  --bs-table-striped-bg: #d3e6cc;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c8dac2;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #cde0c7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #c8dac2; }

.table-info {
  --bs-table-bg: #cde9f6;
  --bs-table-striped-bg: #c3ddea;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b9d2dd;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bed8e4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #b9d2dd; }

.table-warning {
  --bs-table-bg: #f7f3d7;
  --bs-table-striped-bg: #ebe7cc;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dedbc2;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e4e1c7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dedbc2; }

.table-danger {
  --bs-table-bg: #ecc8c5;
  --bs-table-striped-bg: #e0bebb;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #d4b4b1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #dab9b6;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #d4b4b1; }

.table-light {
  --bs-table-bg: #e4e4e4;
  --bs-table-striped-bg: #d9d9d9;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cdcdcd;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: lightgray;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cdcdcd; }

.table-dark {
  --bs-table-bg: #222222;
  --bs-table-striped-bg: #2d2d2d;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #383838;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #333333;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #383838; }

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
@media (max-width: 1499.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
@media (max-width: 1699.98px) {
  .table-responsive-xxxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }
.table-primary thead > tr > th {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500; }

.alert {
  position: relative;
  padding: 1.6875rem 1.875rem 1.375rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  font-weight: 500;
  border-radius: 0; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 3rem; }
  .alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.85625rem 1.875rem 1.375rem; }

.alert-success {
  color: #5b7052;
  background-color: #fce8e8;
  border-color: #fce8e8; }
  .alert-success .alert-link {
    color: #495a42; }
  .alert-success .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.48881 15.5962L16.0954 4.98963L17.5096 6.40384L6.90302 17.0104L5.48881 15.5962Z' fill='%235b7052'/%3e%3cpath d='M16.0954 17.7176L4.7817 6.40384L6.19592 4.98963L17.5096 16.3033L16.0954 17.7176Z' fill='%235b7052'/%3e%3c/svg%3e") center/1.375rem auto no-repeat; }

.alert-info {
  color: #4780aa;
  background-color: #cde9f6;
  border-color: #cde9f6; }
  .alert-info .alert-link {
    color: #396688; }
  .alert-info .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.48881 15.5962L16.0954 4.98963L17.5096 6.40384L6.90302 17.0104L5.48881 15.5962Z' fill='%234780aa'/%3e%3cpath d='M16.0954 17.7176L4.7817 6.40384L6.19592 4.98963L17.5096 16.3033L16.0954 17.7176Z' fill='%234780aa'/%3e%3c/svg%3e") center/1.375rem auto no-repeat; }

.alert-warning {
  color: #927238;
  background-color: #f7f3d7;
  border-color: #f7f3d7; }
  .alert-warning .alert-link {
    color: #755b2d; }
  .alert-warning .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.48881 15.5962L16.0954 4.98963L17.5096 6.40384L6.90302 17.0104L5.48881 15.5962Z' fill='%23927238'/%3e%3cpath d='M16.0954 17.7176L4.7817 6.40384L6.19592 4.98963L17.5096 16.3033L16.0954 17.7176Z' fill='%23927238'/%3e%3c/svg%3e") center/1.375rem auto no-repeat; }

.alert-danger {
  color: #ab3331;
  background-color: #ecc8c5;
  border-color: #ecc8c5; }
  .alert-danger .alert-link {
    color: #892927; }
  .alert-danger .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.48881 15.5962L16.0954 4.98963L17.5096 6.40384L6.90302 17.0104L5.48881 15.5962Z' fill='%23ab3331'/%3e%3cpath d='M16.0954 17.7176L4.7817 6.40384L6.19592 4.98963L17.5096 16.3033L16.0954 17.7176Z' fill='%23ab3331'/%3e%3c/svg%3e") center/1.375rem auto no-repeat; }

.btn {
  display: inline-block;
  font-weight: 500;
  line-height: 1.5;
  color: #222222;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: #ffffff;
  border: 1px solid transparent;
  padding: 0.375rem 3.125rem;
  font-size: 0.875rem;
  border-radius: 0;
  transition: all 0.15s ease-in-out;
  font-size: 0.875rem;
  padding-top: 0.703125rem;
  padding-bottom: 0.5625rem; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  @media (max-width: 575.98px) {
    .btn {
      padding-left: 1.125rem;
      padding-right: 1.125rem; } }
  .btn:hover {
    color: #222222; }
  .btn-55 {
    height: 3.4375rem; }
  .btn-50 {
    height: 3.125rem; }
  .btn-45 {
    height: 2.8125rem; }
  .btn-40 {
    height: 2.5rem; }
  .btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none; }
  .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active {
    box-shadow: none; }
    .btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus {
      box-shadow: none; }
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65;
    box-shadow: none; }
  @media (min-width: 1500px) {
    .btn {
      font-size: 1rem;
      padding-top: 0.9375rem;
      padding-bottom: 0.75rem; } }

.btn-primary {
  color: #fff;
  background-color: #383735;
  border-color: #383735;
  box-shadow: none;

}
  .btn-primary:hover {
    color: #fff;
    background-color: #161616;
    border-color: #000000;
  
  
  }
  .btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #1d1d1d;
    border-color: #1b1b1b;
    box-shadow: 0 0 0 0 rgba(67, 67, 67, 0.5); }
  .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #1b1b1b;
    border-color: #1a1a1a; }
    .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(67, 67, 67, 0.5); }
  .btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: #222222;
    border-color: #222222; }

.btn-outline-primary {
  color: #222222;
  border-color: #222222; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #222222;
    border-color: #222222; }
  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgba(34, 34, 34, 0.5); }
  .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #222222;
    border-color: #222222; }
    .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0 rgba(34, 34, 34, 0.5); }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #222222;
    background-color: transparent; }

.btn-hover-primary:hover {
  background-color: #222222;
  color: #fff; }

.btn-secondary {
  color: #fff;
  background-color: #767676;
  border-color: #767676;
  box-shadow: none; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #646464;
    border-color: #5e5e5e; }
  .btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #646464;
    border-color: #5e5e5e;
    box-shadow: 0 0 0 0 rgba(139, 139, 139, 0.5);
  
  }

  .btn-check:focus + .btn-secondary, .btn-secondary {
    border-radius: 10px;
  
  }

  .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #595959; }
    .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(139, 139, 139, 0.5); }
  .btn-secondary:disabled, .btn-secondary.disabled {
    color: #fff;
    background-color: #767676;
    border-color: #767676; }

.btn-outline-secondary {
  color: #767676;
  border-color: #767676; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #767676;
    border-color: #767676; }
  .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.5); }
  .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: #767676;
    border-color: #767676; }
    .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0 rgba(118, 118, 118, 0.5); }
  .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
    color: #767676;
    background-color: transparent; }

.btn-hover-secondary:hover {
  background-color: #767676;
  color: #fff; }

.btn-success {
  color: #000;
  background-color: #fce8e8;
  border-color: #fce8e8;
  box-shadow: none; }
  .btn-success:hover {
    color: #000;
    background-color: #e3f4dd;
    border-color: #e1f3db; }
  .btn-check:focus + .btn-success, .btn-success:focus {
    color: #000;
    background-color: #e3f4dd;
    border-color: #e1f3db;
    box-shadow: 0 0 0 0 rgba(189, 206, 183, 0.5); }
  .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
    color: #000;
    background-color: #e5f5df;
    border-color: #e1f3db; }
    .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(189, 206, 183, 0.5); }
  .btn-success:disabled, .btn-success.disabled {
    color: #000;
    background-color: #fce8e8;
    border-color: #fce8e8; }

.btn-outline-success {
  color: #fce8e8;
  border-color: #fce8e8; }
  .btn-outline-success:hover {
    color: #000;
    background-color: #fce8e8;
    border-color: #fce8e8; }
  .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
    box-shadow: 0 0 0 0 rgba(222, 242, 215, 0.5); }
  .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
    color: #000;
    background-color: #fce8e8;
    border-color: #fce8e8; }
    .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0 rgba(222, 242, 215, 0.5); }
  .btn-outline-success:disabled, .btn-outline-success.disabled {
    color: #fce8e8;
    background-color: transparent; }

.btn-hover-success:hover {
  background-color: #fce8e8;
  color: #fff; }

.btn-info {
  color: #000;
  background-color: #cde9f6;
  border-color: #cde9f6;
  box-shadow: none; }
  .btn-info:hover {
    color: #000;
    background-color: #d5ecf7;
    border-color: #d2ebf7; }
  .btn-check:focus + .btn-info, .btn-info:focus {
    color: #000;
    background-color: #d5ecf7;
    border-color: #d2ebf7;
    box-shadow: 0 0 0 0 rgba(174, 198, 209, 0.5); }
  .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
    color: #000;
    background-color: #d7edf8;
    border-color: #d2ebf7; }
    .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(174, 198, 209, 0.5); }
  .btn-info:disabled, .btn-info.disabled {
    color: #000;
    background-color: #cde9f6;
    border-color: #cde9f6; }

.btn-outline-info {
  color: #cde9f6;
  border-color: #cde9f6; }
  .btn-outline-info:hover {
    color: #000;
    background-color: #cde9f6;
    border-color: #cde9f6; }
  .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
    box-shadow: 0 0 0 0 rgba(205, 233, 246, 0.5); }
  .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
    color: #000;
    background-color: #cde9f6;
    border-color: #cde9f6; }
    .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0 rgba(205, 233, 246, 0.5); }
  .btn-outline-info:disabled, .btn-outline-info.disabled {
    color: #cde9f6;
    background-color: transparent; }

.btn-hover-info:hover {
  background-color: #cde9f6;
  color: #fff; }

.btn-warning {
  color: #000;
  background-color: #f7f3d7;
  border-color: #f7f3d7;
  box-shadow: none; }
  .btn-warning:hover {
    color: #000;
    background-color: #f8f5dd;
    border-color: #f8f4db; }
  .btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #000;
    background-color: #f8f5dd;
    border-color: #f8f4db;
    box-shadow: 0 0 0 0 rgba(210, 207, 183, 0.5); }
  .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
    color: #000;
    background-color: #f9f5df;
    border-color: #f8f4db; }
    .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(210, 207, 183, 0.5); }
  .btn-warning:disabled, .btn-warning.disabled {
    color: #000;
    background-color: #f7f3d7;
    border-color: #f7f3d7; }

.btn-outline-warning {
  color: #f7f3d7;
  border-color: #f7f3d7; }
  .btn-outline-warning:hover {
    color: #000;
    background-color: #f7f3d7;
    border-color: #f7f3d7; }
  .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
    box-shadow: 0 0 0 0 rgba(247, 243, 215, 0.5); }
  .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
    color: #000;
    background-color: #f7f3d7;
    border-color: #f7f3d7; }
    .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0 rgba(247, 243, 215, 0.5); }
  .btn-outline-warning:disabled, .btn-outline-warning.disabled {
    color: #f7f3d7;
    background-color: transparent; }

.btn-hover-warning:hover {
  background-color: #f7f3d7;
  color: #fff; }

.btn-danger {
  color: #000;
  background-color: #ecc8c5;
  border-color: #ecc8c5;
  box-shadow: none; }
  .btn-danger:hover {
    color: #000;
    background-color: #efd0ce;
    border-color: #eececb; }
  .btn-check:focus + .btn-danger, .btn-danger:focus {
    color: #000;
    background-color: #efd0ce;
    border-color: #eececb;
    box-shadow: 0 0 0 0 rgba(201, 170, 167, 0.5); }
  .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
    color: #000;
    background-color: #f0d3d1;
    border-color: #eececb; }
    .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(201, 170, 167, 0.5); }
  .btn-danger:disabled, .btn-danger.disabled {
    color: #000;
    background-color: #ecc8c5;
    border-color: #ecc8c5; }

.btn-outline-danger {
  color: #ecc8c5;
  border-color: #ecc8c5; }
  .btn-outline-danger:hover {
    color: #000;
    background-color: #ecc8c5;
    border-color: #ecc8c5; }
  .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    box-shadow: 0 0 0 0 rgba(236, 200, 197, 0.5); }
  .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
    color: #000;
    background-color: #ecc8c5;
    border-color: #ecc8c5; }
    .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0 rgba(236, 200, 197, 0.5); }
  .btn-outline-danger:disabled, .btn-outline-danger.disabled {
    color: #ecc8c5;
    background-color: transparent; }

.btn-hover-danger:hover {
  background-color: #ecc8c5;
  color: #fff; }

.btn-dark {
  color: #fff;
  background-color: #222222;
  border-color: #222222;
  box-shadow: none; }
  .btn-dark:hover {
    color: #fff;
    background-color: #1d1d1d;
    border-color: #1b1b1b; }
  .btn-check:focus + .btn-dark, .btn-dark:focus {
    color: #fff;
    background-color: #1d1d1d;
    border-color: #1b1b1b;
    box-shadow: 0 0 0 0 rgba(67, 67, 67, 0.5); }
  .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1b1b1b;
    border-color: #1a1a1a; }
    .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(67, 67, 67, 0.5); }
  .btn-dark:disabled, .btn-dark.disabled {
    color: #fff;
    background-color: #222222;
    border-color: #222222; }

.btn-outline-dark {
  color: #222222;
  border-color: #222222; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #222222;
    border-color: #222222; }
  .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
    box-shadow: 0 0 0 0 rgba(34, 34, 34, 0.5); }
  .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
    color: #fff;
    background-color: #222222;
    border-color: #222222; }
    .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0 rgba(34, 34, 34, 0.5); }
  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
    color: #222222;
    background-color: transparent; }

.btn-hover-dark:hover {
  background-color: #222222;
  color: #fff; }

.btn-red {
  color: #fff;
  background-color: #c32929;
  border-color: #c32929;
  box-shadow: none; }
  .btn-red:hover {
    color: #fff;
    background-color: #a62323;
    border-color: #9c2121; }
  .btn-check:focus + .btn-red, .btn-red:focus {
    color: #fff;
    background-color: #a62323;
    border-color: #9c2121;
    box-shadow: 0 0 0 0 rgba(204, 73, 73, 0.5); }
  .btn-check:checked + .btn-red, .btn-check:active + .btn-red, .btn-red:active, .btn-red.active, .show > .btn-red.dropdown-toggle {
    color: #fff;
    background-color: #9c2121;
    border-color: #921f1f; }
    .btn-check:checked + .btn-red:focus, .btn-check:active + .btn-red:focus, .btn-red:active:focus, .btn-red.active:focus, .show > .btn-red.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(204, 73, 73, 0.5); }
  .btn-red:disabled, .btn-red.disabled {
    color: #fff;
    background-color: #c32929;
    border-color: #c32929; }

.btn-outline-red {
  color: #c32929;
  border-color: #c32929; }
  .btn-outline-red:hover {
    color: #fff;
    background-color: #c32929;
    border-color: #c32929; }
  .btn-check:focus + .btn-outline-red, .btn-outline-red:focus {
    box-shadow: 0 0 0 0 rgba(195, 41, 41, 0.5); }
  .btn-check:checked + .btn-outline-red, .btn-check:active + .btn-outline-red, .btn-outline-red:active, .btn-outline-red.active, .btn-outline-red.dropdown-toggle.show {
    color: #fff;
    background-color: #c32929;
    border-color: #c32929; }
    .btn-check:checked + .btn-outline-red:focus, .btn-check:active + .btn-outline-red:focus, .btn-outline-red:active:focus, .btn-outline-red.active:focus, .btn-outline-red.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0 rgba(195, 41, 41, 0.5); }
  .btn-outline-red:disabled, .btn-outline-red.disabled {
    color: #c32929;
    background-color: transparent; }

.btn-hover-red:hover {
  background-color: #c32929;
  color: #fff; }

.btn-beige {
  color: #ffffff;
  background-color: #383735;
  border-color: #383735;
  box-shadow: none; }
  .btn-beige:hover {
    color: #ffffff;
    background-color: #c0aa7a;
    border-color: #c0aa7a; }
  .btn-check:focus + .btn-beige, .btn-beige:focus {
    color: #ffffff;
    background-color: #c0aa7a;
    border-color: #c0aa7a;
    box-shadow: 0 0 0 0 rgba(196, 175, 129, 0.5); }
  .btn-check:checked + .btn-beige, .btn-check:active + .btn-beige, .btn-beige:active, .btn-beige.active, .show > .btn-beige.dropdown-toggle {
    color: #000;
    background-color: #948156;
    border-color: #8b7950; }
    .btn-check:checked + .btn-beige:focus, .btn-check:active + .btn-beige:focus, .btn-beige:active:focus, .btn-beige.active:focus, .show > .btn-beige.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(196, 175, 129, 0.5); }
  .btn-beige:disabled, .btn-beige.disabled {
    color: #000;
    background-color: #383735;
    border-color: #383735; }

.btn-outline-beige {
  color: #383735;
  border-color: #383735; }
  .btn-outline-beige:hover {
    color: #ffffff;
    background-color: #383735;
    border-color: #383735; }
  .btn-check:focus + .btn-outline-beige, .btn-outline-beige:focus {
    box-shadow: 0 0 0 0 rgba(185, 161, 107, 0.5); }
  .btn-check:checked + .btn-outline-beige, .btn-check:active + .btn-outline-beige, .btn-outline-beige:active, .btn-outline-beige.active, .btn-outline-beige.dropdown-toggle.show {
    color: #ffffff;
    background-color: #383735;
    border-color: #383735; }
    .btn-check:checked + .btn-outline-beige:focus, .btn-check:active + .btn-outline-beige:focus, .btn-outline-beige:active:focus, .btn-outline-beige.active:focus, .btn-outline-beige.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0 rgba(185, 161, 107, 0.5); }
  .btn-outline-beige:disabled, .btn-outline-beige.disabled {
    color: #383735;
    background-color: transparent; }

.btn-light {
  color: #222222;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  box-shadow: none; }
  .btn-light:hover {
    color: #222222;
    background-color: #e7e7e7;
    border-color: #e7e7e7; }
  .btn-check:focus + .btn-light, .btn-light:focus {
    color: #222222;
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    box-shadow: 0 0 0 0 rgba(199, 199, 199, 0.5); }
  .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
    color: #000;
    background-color: #e9e9e9;
    border-color: #e7e7e7; }
    .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0 rgba(199, 199, 199, 0.5); }
  .btn-light:disabled, .btn-light.disabled {
    color: #000;
    background-color: #e4e4e4;
    border-color: #e4e4e4; }

.btn-outline-light {
  color: #222222;
  border-color: #222222;
  border-color: #e4e4e4; }
  .btn-outline-light:hover {
    color: #222222;
    background-color: #e4e4e4;
    border-color: #e4e4e4; }
  .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
    box-shadow: 0 0 0 0 rgba(34, 34, 34, 0.5); }
  .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
    color: #222222;
    background-color: #e4e4e4;
    border-color: #e4e4e4; }
    .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0 rgba(34, 34, 34, 0.5); }
  .btn-outline-light:disabled, .btn-outline-light.disabled {
    color: #222222;
    background-color: transparent; }

.btn-link {
  display: inline-block;
  position: relative;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #222222;
  font-weight: 400;
  text-decoration: none; }
  .btn-link:hover {
    color: #1b1b1b; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d; }
  .btn-link:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    max-width: 100%;
    height: 2px;
    transition: width 0.28s cubic-bezier(0.47, 0, 0.745, 0.715);
    background-color: currentColor; }
  .btn-link:hover:after, .btn-link.btn-link_active:after {
    width: 3.125rem; }
  .btn-link.default-underline:after {
    width: 3.125rem; }
  .btn-link.default-underline:hover:after {
    width: 100%; }

.btn-link_lg:hover:after, .btn-link_lg.btn-link_active:after {
  width: calc(100% - 1rem); }
.btn-link_lg.default-underline:after {
  width: 86%; }
.btn-link_lg.default-underline:hover:after {
  width: 100%; }

.btn-link_md:hover:after, .btn-link_md.btn-link_active:after {
  width: 70%; }
.btn-link_md.default-underline:after {
  width: 70%; }
.btn-link_md.default-underline:hover:after {
  width: 100%; }

.btn-link_sm:hover:after, .btn-link_sm.btn-link_active:after {
  width: 45%; }
.btn-link_sm.default-underline:after {
  width: 45%; }
.btn-link_sm.default-underline:hover:after {
  width: 100%; }

.btn-link_f:hover:after, .btn-link_f.btn-link_active:after {
  width: 100%; }

.btn-round {
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  border-radius: 100%; }
  @media (min-width: 768px) {
    .btn-round {
      width: 2.5rem;
      height: 2.5rem; } }

.btn-round-sm {
  width: 2.1875rem;
  height: 2.1875rem;
  padding: 0;
  border-radius: 100%; }

.btn-square {
  width: 2.8125rem;
  height: 2.8125rem;
  padding: 0; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  border-radius: 0;
  line-height: 1.5rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.375rem 1.25rem;
  font-size: 0.875rem;
  border-radius: 0; }

.nav-icon {
  display: block;
  fill: currentColor; }

.btn-icon {
  border: 0;
  background-color: transparent; }

.btn-text {
  text-decoration: underline; }

.swiper-pagination-bullet {
  position: relative;
  width: 1.875rem !important;
  height: 1.875rem !important;
  margin: 0 4px !important;
  border: 2px solid currentColor !important;
  background-color: transparent !important;
  opacity: 1;
  outline: none; }

  
  @media (max-width: 767.98px) {
    .swiper-pagination-bullet {
      width: 1.5rem;
      height: 1.5rem; } }
  .swiper-pagination-bullet:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.375rem;
    height: 0.375rem;
    margin-top: -0.1875rem;
    margin-left: -0.1875rem;
    border-radius: 100% !important;
    background-color: currentColor;
    color: #ddc2bd;
    content: ''; }
  .swiper-pagination-bullet:first-child {
    margin-left: 0; }

.swiper-pagination-bullets.dark-bullet .swiper-pagination-bullet:after {
  color: #222; }

.swiper-pagination-bullet-active {
  color: #fff; }
  .swiper-pagination-bullet-active:after {
    color: inherit; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  color: #fff; }

.swiper-pagination-bullets.theme-color .swiper-pagination-bullet-active {
  color: #C32929; }

.swatch-color {
  display: block;
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: .75rem;
  margin-bottom: .75rem;
  border-radius: 50%; }
  .swatch-color:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    margin-top: -0.5rem;
    margin-left: -0.5rem;
    border-radius: 100%;
    background-color: currentColor;
    color: inherit;
    content: ''; }
  .swatch-color.swatch_active {
    border: 2px solid #222222; }
  .hover-container .swatch-color {
    margin: 0; }

.swatch-size.swatch_active {
  background-color: #e4e4e4; }

.filter-tag {
  padding: 0 1rem;
  border: 0;
  background-color: #e4e4e4;
  font-size: 11px;
  line-height: 1.875rem; }
  .filter-tag.swatch_active {
    display: none !important; }

.form-label {
  margin-bottom: 0.5rem; }

.col-form-label {
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.7143; }

.col-form-label-lg {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.25rem; }

.col-form-label-sm {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  font-size: 0.875rem; }

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.9375rem 0.9375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7143;
  color: #222222;
  background-color: #fff;
  background-clip: padding-box;
  border: 0.125rem solid #e4e4e4;
  appearance: none;
  border-radius: 0;
  box-shadow: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control[type="file"] {
    overflow: hidden; }
    .form-control[type="file"]:not(:disabled):not([readonly]) {
      cursor: pointer; }
  .form-control:focus {
    color: #222222;
    background-color: #fff;
    border-color: #222222;
    outline: 0;
    box-shadow: none; }
  .form-control::-webkit-date-and-time-value {
    height: 1.7143em; }
  .form-control::placeholder {
    color: #6c757d;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }
  .form-control::file-selector-button {
    padding: 0.9375rem 0.9375rem 0.75rem;
    margin: -0.9375rem -0.9375rem;
    margin-inline-end: 0.9375rem;
    color: #222222;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 0.125rem;
    border-radius: 0;
    transition: all 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .form-control::file-selector-button {
        transition: none; } }
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3; }
  .form-control::-webkit-file-upload-button {
    padding: 0.9375rem 0.9375rem 0.75rem;
    margin: -0.9375rem -0.9375rem;
    margin-inline-end: 0.9375rem;
    color: #222222;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 0.125rem;
    border-radius: 0;
    transition: all 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .form-control::-webkit-file-upload-button {
        transition: none; } }
  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3; }
  .form-control[type="password"] {
    font-family: 'Trebuchet MS', sans-serif;
    letter-spacing: 0.18em; }

.form-control_gray {
  border-color: #e4e4e4; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.9375rem 0;
  margin-bottom: 0;
  line-height: 1.7143;
  color: #222222;
  background-color: transparent;
  border: solid transparent;
  border-width: 0.125rem 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.75rem 1.125rem 0.6rem;
  font-size: 0.875rem;
  border-radius: 0; }
  .form-control-sm::file-selector-button {
    padding: 0.75rem 1.125rem 0.6rem;
    margin: -0.75rem -1.125rem;
    margin-inline-end: 1.125rem; }
  .form-control-sm::-webkit-file-upload-button {
    padding: 0.75rem 1.125rem 0.6rem;
    margin: -0.75rem -1.125rem;
    margin-inline-end: 1.125rem; }

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 1.125rem 1.3125rem 0.9rem;
  font-size: 0.875rem;
  border-radius: 0; }
  .form-control-lg::file-selector-button {
    padding: 1.125rem 1.3125rem 0.9rem;
    margin: -1.125rem -1.3125rem;
    margin-inline-end: 1.3125rem; }
  .form-control-lg::-webkit-file-upload-button {
    padding: 1.125rem 1.3125rem 0.9rem;
    margin: -1.125rem -1.3125rem;
    margin-inline-end: 1.3125rem; }

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px); }
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px); }
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px); }

.form-control-color {
  max-width: 3rem;
  height: auto;
  padding: 0.9375rem; }
  .form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer; }
  .form-control-color::-moz-color-swatch {
    height: 1.7143em;
    border-radius: 0; }
  .form-control-color::-webkit-color-swatch {
    height: 1.7143em;
    border-radius: 0; }

.form-select {
  display: block;
  width: 100%;
  padding: 0.9375rem 0.9375rem 0.75rem;
  padding-right: 2.34375rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7143;
  border: 0.125rem solid #e4e4e4;
  border-radius: 0;
  box-shadow: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232F2D51' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.9375rem center;
  background-size: 16px 12px;
  color: #222222;
  appearance: none;
  vertical-align: middle; }
  .form-select:focus {
    border-color: #222222;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(34, 34, 34, 0.25); }
  .form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none; }
  .form-select:disabled {
    color: #6c757d;
    background-color: #e9ecef; }
  .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #222222; }

.form-select-sm {
  width: auto;
  padding: 0.75rem 1.125rem 0.6rem;
  padding-right: 2.025rem;
  background-position: right 0.5625rem center; }

.form-select-lg {
  padding: 1.125rem 1.3125rem 0.9rem; }

.multi-select .multi-select__actor {
  background-color: #fff; }

.multi-select__actor {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232F2D51' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  cursor: pointer; }

.multi-select__item {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 0.5rem 0;
  color: #767676;
  cursor: pointer; }
  .multi-select__item:hover {
    color: #3b3b3b; }
  .multi-select__item:before {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    color: #e4e4e4;
    border: 0.125rem solid currentColor;
    border-radius: 0;
    margin-right: 0.75rem; }
  .multi-select__item:after {
    content: '';
    display: block;
    position: absolute;
    left: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5rem;
    height: 0.5rem;
    background-color: transparent;
    border-radius: 0; }

.mult-select__item_selected {
  color: #222222; }
  .mult-select__item_selected:before {
    color: #222222; }
  .mult-select__item_selected:after {
    background-color: #222222; }

.form-check {
  display: block;
  position: relative;
  min-height: 1.5rem;
  padding-left: 1.625rem;
  margin-bottom: 1rem; }
  .form-check .form-check-input {
    float: left;
    margin-left: -1.625rem; }

.form-check-input {
  width: 1rem;
  height: 1rem;
  margin-top: 0.25000625rem;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 0.125rem solid #e4e4e4;
  appearance: none;
  color-adjust: exact;
  transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-check-input {
      transition: none; } }
  .form-check-input[type="checkbox"] {
    border-radius: 0; }
  .form-check-input[type="radio"] {
    border-radius: 50%; }
    .form-check-input[type="radio"]:after {
      border-radius: 50%; }
  .form-check-input.form-check-input_fill {
    position: relative;
    border-width: 0.125rem; }
    .form-check-input.form-check-input_fill:after {
      content: '';
      display: block;
      position: absolute;
      left: 0.125rem;
      top: 50%;
      transform: translateY(-50%);
      width: 0.5rem;
      height: 0.5rem;
      background-color: transparent; }
  .form-check-input:focus {
    border-color: #222222;
    outline: 0;
    box-shadow: none; }
  .form-check-input:checked {
    background-color: #222222;
    border-color: #222222; }
    .form-check-input:checked[type="checkbox"] {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); }
    .form-check-input:checked[type="radio"] {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); }
    .form-check-input:checked.form-check-input_fill {
      background-image: none;
      background-color: #ffffff; }
      .form-check-input:checked.form-check-input_fill:after {
        background-color: #222222; }
  .form-check-input[type="checkbox"]:indeterminate {
    background-color: #222222;
    border-color: #222222;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); }
  .form-check-input:disabled {
    pointer-events: none;
    opacity: 0.5; }
  .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
    opacity: 0.5; }

.form-switch {
  min-height: 1.875rem;
  padding-left: 4.625rem; }
  .form-switch .form-check-input {
    width: 3.75rem;
    height: 1.875rem;
    margin-top: 0;
    margin-left: -4.625rem;
    border-radius: 2em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23767676'/%3e%3c/svg%3e");
    background-position: left center; }
    .form-switch .form-check-input:focus {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23222222'/%3e%3c/svg%3e"); }
    .form-switch .form-check-input:checked {
      background-position: right center;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
  .form-switch .form-check-label {
    line-height: 1.875rem; }

.form-check-inline {
  display: inline-block;
  margin-right: 1rem; }

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
    pointer-events: none;
    opacity: 0.65; }

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none; }
  .form-range:focus {
    outline: none; }
    .form-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff, none; }
    .form-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff, none; }
  .form-range::-moz-focus-outer {
    border: 0; }
  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #222222;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .form-range::-webkit-slider-thumb {
        transition: none; } }
    .form-range::-webkit-slider-thumb:active {
      background-color: #bdbdbd; }
  .form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
  .form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #222222;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .form-range::-moz-range-thumb {
        transition: none; } }
    .form-range::-moz-range-thumb:active {
      background-color: #bdbdbd; }
  .form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); }
  .form-range:disabled {
    pointer-events: none; }
    .form-range:disabled::-webkit-slider-thumb {
      background-color: #adb5bd; }
    .form-range:disabled::-moz-range-thumb {
      background-color: #adb5bd; }

.form-floating {
  position: relative; }
  .form-floating > .form-control,
  .form-floating > .form-select {
    height: calc(3.625rem + 2px);
    padding: 1.125rem 1.3125rem 0.9rem; }
  .form-floating > label {
    position: absolute;
    top: 1rem;
    left: 0.75rem;
    padding: 0 0.5rem;
    pointer-events: none;
    border: 0.125rem solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    color: #767676; }
    @media (prefers-reduced-motion: reduce) {
      .form-floating > label {
        transition: none; } }
  .form-floating > .form-control::placeholder {
    color: transparent; }
  .form-floating > .form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem; }
  .form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem; }
  .form-floating > .form-control:focus ~ label,
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
  .form-floating > .form-select ~ label {
    background-color: #ffffff;
    color: #222222;
    transform: translateY(-1.9rem); }
  .form-floating > .form-control:-webkit-autofill ~ label {
    background-color: #ffffff;
    color: #222222;
    transform: translateY(-1.9rem); }

.form-label-fixed {
  position: relative; }
  .form-label-fixed > .form-label {
    position: absolute;
    top: -1.00000625rem;
    left: 1rem;
    margin: 0;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    background-color: #ffffff;
    color: #222222;
    z-index: 1; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0; }
  .input-group > .form-control:focus,
  .input-group > .form-select:focus {
    z-index: 3; }
  .input-group .btn {
    position: relative;
    z-index: 2; }
    .input-group .btn:focus {
      z-index: 3; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7143;
  color: #222222;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 0.125rem solid #ced4da;
  border-radius: 0; }

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 1.125rem 1.3125rem;
  font-size: 1.25rem;
  border-radius: 0; }

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.75rem 1.125rem;
  font-size: 0.875rem;
  border-radius: 0; }

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 1.75rem; }

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -0.125rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.25rem; }

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232F2D51' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.9375rem center, center right 1.75rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); }

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #dc3545; }
  .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
    background-color: #dc3545; }
  .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); }
  .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #dc3545; }

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em; }

.invalid-feedback {
  display: block;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem; }

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232F2D51' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.9375rem center, center right 1.75rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); }

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545; }
  .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
    background-color: #dc3545; }
  .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); }
  .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545; }

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em; }

.search-field .search-field__actor {
  background-color: #fff; }

.search-field__arrow-down {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232F2D51' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  cursor: pointer; }

.filters-container {
  border: 0.125rem solid #e4e4e4;
  padding: 1rem 1.25rem; }

.search-field__input-wrapper {
  position: relative; }
  .search-field__input-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(calc(-50% + 2px ));
    transform: translateY(calc(-50% + 2px ));
    right: 1rem;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    background: transparent url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url%28%23clip0_137_2221%29'%3e%3cpath d='M7.04606 0C3.16097 0 0 3.16097 0 7.04606C0 10.9314 3.16097 14.0921 7.04606 14.0921C10.9314 14.0921 14.0921 10.9314 14.0921 7.04606C14.0921 3.16097 10.9314 0 7.04606 0ZM7.04606 12.7913C3.87816 12.7913 1.30081 10.214 1.30081 7.04609C1.30081 3.87819 3.87816 1.30081 7.04606 1.30081C10.214 1.30081 12.7913 3.87816 12.7913 7.04606C12.7913 10.214 10.214 12.7913 7.04606 12.7913Z' fill='%23767676'/%3e%3cpath d='M15.8095 14.8897L12.0805 11.1607C11.8264 10.9066 11.4149 10.9066 11.1608 11.1607C10.9067 11.4146 10.9067 11.8265 11.1608 12.0804L14.8898 15.8094C15.0168 15.9364 15.1831 16 15.3496 16C15.5159 16 15.6824 15.9364 15.8095 15.8094C16.0636 15.5555 16.0636 15.1436 15.8095 14.8897Z' fill='%23767676'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_137_2221'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center/1rem auto no-repeat; }

.search-field__input {
  width: 100%;
  outline: none; }

.search-suggestion {
  margin: 0.375rem 0; }

.search-suggestion__item {
  width: 100%;
  padding: 0.5rem 0;
  color: #767676;
  cursor: pointer; }
  .search-suggestion__item:hover {
    color: #3b3b3b; }

.progress_uomo {
  height: 0.625rem;
  border-radius: 0.625rem;
  background-color: #e4e4e4;
  overflow: visible; }
  .progress_uomo_small {
    height: 0.25rem; }
  .progress_uomo_medium {
    height: 0.375rem; }
  .progress_uomo .progress-bar {
    position: relative;
    border-radius: 0.625rem;
    overflow: visible; }
    .progress_uomo .progress-bar::before {
      content: attr(aria-valuenow);
      display: block;
      position: absolute;
      top: -2em;
      right: 0;
      transform: translateX(50%);
      color: #222222;
      font-size: 0.875rem; }

.categories-nav__title {
  margin: 0;
  padding-left: 1.8rem;
  padding-right: 1.8rem;
  border-radius: 4px 4px 0 0;
  background-color: #383735;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 2em;
  text-transform: uppercase; }
  @media (min-width: 1500px) {
    .categories-nav__title {
      padding-left: 3rem;
      padding-right: 3rem; } }

.categories-nav__list {
  padding: 1.25rem 1.8rem;
  border: 1px solid #e4e4e4;
  border-top: 0;
  border-radius: 0 0 4px 4px; }
  @media (min-width: 1500px) {
    .categories-nav__list {
      padding-left: 3rem;
      padding-right: 3rem; } }

.categories-nav__item {
  padding: .6875rem 0;
  font-weight: 500;
  line-height: 2em;
  text-decoration: none; }

.product-card {
  position: relative;
  overflow: hidden; 


}
  .product-card .hover-container::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease;
    background-color: rgba(234, 234, 234, 0.9);
    opacity: 0;
    visibility: hidden;
    z-index: 1; }
  .product-card:hover .pc__img-next,
  .product-card:hover .pc__img-prev,
  .product-card:hover .pc__img-second {
    opacity: 0; }
  .product-card:hover .hover-container::before {
    opacity: 0;
    visibility: hidden; }

.pc__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: none !important;
  transform: none !important; }

.pc__img-wrapper {
  display: block;
  position: relative;
  height: 0;
  padding-top: 55%;
  overflow: hidden; }
  .pc__img-wrapper .pc__btn-wl {
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    padding: 0.625rem .5rem 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1; }
    .pc__img-wrapper .pc__btn-wl .flaticon-heart {
      line-height: 1; }
    @media (min-width: 768px) {
      .pc__img-wrapper .pc__btn-wl {
        top: 1.25rem;
        right: 1.25rem;
        width: 2.5rem;
        height: 2.5rem;
        padding: 0.8125rem 0.75rem 0.6875rem; } }

.pc-wide__img-wrapper {
  padding-top: 60.606061%; }

.pc__img-wrapper_wide2 {
  padding-top: 90.9091%; }

.pc__img-wrapper_wide3 {
  padding-top: 53.43137%;
}

.pc__img-second {
  opacity: 0;
  transition: opacity 0.3s linear; }

.pc__img-next,
.pc__img-prev {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
  color: #767676;
  font-size: 1rem;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.35s;
  width: 1rem;
  text-align: center; }
  .pc__img-next > svg,
  .pc__img-prev > svg {
    height: auto;
    width: 0.625rem; }

.pc__img-next {
  right: 1.25rem; }

.pc__img-prev {
  left: 1.25rem; }

.pc__info {
  margin-top: 1rem; }
  .pc__info.hover__content {
    margin-top: 0;
    min-width: auto;
    height: 100%;
    transform: translateY(1.125rem);
    -webkit-transform: translateY(1.125rem);
    background: transparent; }
    .pc__info.hover__content .pc__atc {
      max-width: 19.375rem; }
    .product-card:hover .pc__info.hover__content {
      transform: translateY(0);
      -webkit-transform: translateY(0); }

.product-label {
  position: absolute;
  left: 0;
  top: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  padding: 0.1875rem 0.625rem;
  line-height: 1.5rem;
  font-size: 0.875rem; }

.pc__category {
  margin: 0;
  margin-bottom: .25rem;
  color: #767676;
  font-weight: 400;
  line-height: 1.7143; }

.pc__title {
  margin: 0;
  font-size: 16px;
  font-weight: 600; }

.price {
  font-size: 1rem; }

.price-sale {
  color: #d6001c; }

.price-old {
  margin-right: .625rem;
  color: #767676;
  text-decoration: line-through; }

.review-star {
  width: 9px;
  height: 9px;
  margin-right: .25rem;
  fill: #ffc78b; }

.pc__btn-wl {
  display: flex;
  color: #767676; }

.js-add-wishlist.active {
  color: #C32929 !important; }
  .js-add-wishlist.active.btn-hover-red {
    color: #fff !important;
    background-color: #C32929 !important; }
  .js-add-wishlist.active.btn-hover-primary {
    color: #fff !important;
    background-color: #222222 !important; }
  .js-add-wishlist.active.theme-bg-color.text-white {
    color: #C32929 !important;
    background-color: #fff !important; }
  .js-add-wishlist.active.bg-transparent.text-white {
    color: #C32929 !important;
    background-color: #fff !important; }
  .js-add-wishlist.active.bg-black.text-white {
    color: #fff !important;
    background-color: #C32929 !important; }

.pc__btn-wl .flaticon,
.btn-link .flaticon {
  display: block;
  font-size: 1rem;
  line-height: 1.7143; }

.pc__atc {
  left: 0.625rem;
  width: calc(100% - 1.25rem);
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  white-space: nowrap; }
  .pc__atc:hover {
    filter: brightness(0.95); }
  @media (max-width: 767.98px) {
    .pc__atc {
      padding-top: .625rem;
      padding-bottom: .375rem;
      font-size: .75rem; } }

.pc__swatch-color {
  display: block;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .375rem;
  margin-bottom: .375rem;
  border-radius: 50%; }
  .pc__swatch-color:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.625rem;
    height: 0.625rem;
    margin-top: -0.3125rem;
    margin-left: -0.3125rem;
    border-radius: 100%;
    background-color: currentColor;
    color: inherit;
    content: ''; }
  .pc__swatch-color.swatch_active {
    border: 2px solid #222222; }

.pc-labels {
  padding: 0.625rem;
  z-index: 3; }

.pc-label {
  padding: 0.25rem 0.625rem 0.125rem;
  font-size: .75rem; }
  @media (min-width: 768px) {
    .pc-label {
      font-size: 0.875rem; } }

.pc-label_sale {
  background-color: #d6001c; }

.pc-label_sale-text {
  background-color: #222222;
  color: #fff; }

.product-card_style3 .pc__img-wrapper {
  border-radius: 0.625rem; }

.product-card_style6 {
  transition: all 0.2s ease;
  overflow: initial; }
  .product-card_style6 .pc__info {
    margin: 0;
    transition: all 0.2s ease;
    z-index: 1; }
  .product-card_style6 .hover__content {
    min-width: auto;
    box-shadow: none; }
    @media (max-width: 575.98px) {
      .product-card_style6 .hover__content {
        position: relative;
        opacity: 1;
        visibility: visible; } 
     
      
      
      }


.product-card_style8 {
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.2s ease; }
  .product-card_style8.border-1 {
    border-color: #eee; }
  .product-card_style8 .pc__info {
    margin: 0.875rem .5rem .625rem; }
    @media (min-width: 768px) {
      .product-card_style8 .pc__info {
        margin: 0.875rem 1.25rem 1.5rem; } }
  .product-card_style8 .pc__title {
    font-size: 0.9375rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.5; }
  .product-card_style8 .reviews-note {
    font-size: 0.8125rem; }
  .product-card_style8 .product-card__price {
    margin-top: 0.625rem;
    color: #0046be; }
  .product-card_style8:hover {
    border-color: #0046be;
    box-shadow: 0 0 20px 0 rgba(0, 70, 190, 0.1); }
  .product-card_style8 .js-add-wishlist,
  .product-card_style8 .js-add-cart,
  .product-card_style8 .js-quick-view {
    color: #0046be; }

.product-card_style9 {
  transition: all 0.2s ease;
  border: 1px solid transparent;
  border-radius: 0.25rem; }
  .product-card_style9 .pc__info {
    
    margin: 10px;
  
  }
    @media (min-width: 768px) {
      .product-card_style9 .pc__info {
        margin: -0.125rem 0.25rem 0.8125rem;
      
      
      } }
  .product-card_style9 .pc__title {
    font-size: 0.9375rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .product-card_style9 .reviews-note {
    font-size: 0.8125rem; }
  .product-card_style9 .product-card__price {
    color: #383735; }
  .product-card_style9:hover { }
    .product-card_style9:hover .anim_appear-bottom {
      bottom: 0; }
  .product-card_style9 .js-add-wishlist,
  .product-card_style9 .js-add-cart,
  .product-card_style9 .js-quick-view {
    background-color: #f3e8d6;
    color: #074e37; }
    .product-card_style9 .js-add-wishlist:hover,
    .product-card_style9 .js-add-cart:hover,
    .product-card_style9 .js-quick-view:hover {
      background-color: #383735;
      color: #fff; }
  .product-card_style9.type2 {
    border: 0;
    border-radius: 0; }
    .product-card_style9.type2 .pc__title {
      font-size: 1rem;
      white-space: initial;
      overflow: initial;
      text-overflow: initial;
      line-height: 1.5; }
      .product-card_style9.type2 .pc__title a {
        color: #C32929; }
    .product-card_style9.type2:hover {
      box-shadow: none; }
    .product-card_style9.type2 .js-add-wishlist,
    .product-card_style9.type2 .js-add-cart,
    .product-card_style9.type2 .js-quick-view {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #E4F5F2;
      color: #C32929; }
      .product-card_style9.type2 .js-add-wishlist:hover,
      .product-card_style9.type2 .js-add-cart:hover,
      .product-card_style9.type2 .js-quick-view:hover {
        background-color: #C32929;
        color: #fff; }
    .product-card_style9.type2 .product-card__price {
      color: #C32929;
      font-size: 1rem; }

.product-card_style10 {
  transition: background-color .3s ease; }
  .product-card_style10:hover {
    background-color: #F7F7F7; }

.product-card__actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  white-space: nowrap; }
  .product-card__actions > * {
    display: none; }
    @media (min-width: 1200px) {
      .product-card__actions > * {
        display: block; } }
    .product-card__actions > *:first-child {
      display: block; }

.product-card:hover .anim_appear-bottom.product-card__actions {
  bottom: 0; }

.aside {
  position: fixed;
  top: 0;
  width: 28rem;
  max-width: 90vw;
  height: 100vh;
  height: -webkit-fill-available;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  background: #ffffff;
  opacity: 0;
  z-index: 1050;
  box-shadow: none; }
  @media (min-width: 576px) {
    .aside {
      padding: 0; } }
  @media (max-width: 576px) {
    .aside {
      width: 100vw;
      max-width: 100vw; } }

.aside_visible {
  opacity: 1; }

.aside_left {
  left: -28rem; }
  .aside_left.aside_visible {
    left: 0; }

.aside_right {
  right: -28rem;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.08); }
  .aside_right.aside_visible {
    right: 0;
    box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12); }

.aside-header {
  margin: 0;
  padding: 1rem 1.5rem;
  background: #ffffff;
  position: relative;
  flex-shrink: 0;
  border-bottom: 1px solid #f5f5f5; }
  .aside-header h3 {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: #4a4a4a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    text-transform: none; }
  .aside-header .cart-amount {
    background: #f5f5f5;
    color: #6b6b6b;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 500;
    min-width: 1.25rem;
    text-align: center;
    display: inline-block; }
  .aside-header .btn-close-aside {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: all 0.15s ease;
    opacity: 0.4;
    background: transparent;
    border: none; }
    .aside-header .btn-close-aside:hover {
      background: #f5f5f5;
      opacity: 1;
      transform: rotate(90deg); }

.aside-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #ffffff; }



.customer-forms__wrapper {
  left: 0;
  transition: all 0.32s cubic-bezier(0.39, 0.575, 0.565, 1); }

.customer__login,
.customer__register {
  min-width: 100%; }

.search-field__actor svg {
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .search-field__actor svg {
      transition: none; } }
.search-field__actor .btn-close-lg {
  position: absolute;
  top: 3px;
  left: 3px;
  padding: 0;
  transition: opacity 0.15s linear;
  opacity: 0;
  visibility: hidden; }
  @media (prefers-reduced-motion: reduce) {
    .search-field__actor .btn-close-lg {
      transition: none; } }
.js-content_visible .search-field__actor svg {
  opacity: 0;
  visibility: hidden; }
.js-content_visible .search-field__actor .btn-close-lg {
  opacity: 1;
  visibility: visible; }

.search-popup {
  top: 100%;
  left: 0;
  padding-top: 2.625rem;
  padding-bottom: 2.45rem;
  border-top: 1px solid #e4e4e4;
  background-color: #ffffff;
  box-shadow: 0 0.625rem 1.5625rem 0 rgba(34, 34, 34, 0.05); }
  @media (min-width: 1200px) {
    .search-popup {
      padding-top: 3.75rem;
      padding-bottom: 3.5rem; } }
  .search-popup .search-suggestion {
    transition: all 0.28s; }

.search-popup__reset,
.search-popup__submit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  padding: 0;
  padding-bottom: 0.625rem;
  transition: opacity 0.15s linear;
  color: #767676;
  outline: none; }
  @media (prefers-reduced-motion: reduce) {
    .search-popup__reset,
    .search-popup__submit {
      transition: none; } }

.search-popup__reset {
  opacity: 0;
  visibility: hidden; }

.search-popup__input {
  padding-bottom: 0.625rem;
  border: 0;
  border-bottom: 2px solid #767676;
  outline: none; }

.search-field__focused .search-popup__input {
  border-bottom-color: #222222; }
.search-field__focused .search-popup__reset,
.search-field__focused .search-popup__submit {
  color: #222222; }
.search-field__focused .search-popup__submit {
  opacity: 0;
  visibility: hidden; }
.search-field__focused .search-popup__reset {
  opacity: 1;
  visibility: visible; }
.search-field__focused .search-result {
  position: relative;
  width: auto;
  margin-top: 0;
  transition: all 0.28s;
  opacity: 1;
  visibility: visible; }
.search-field__focused .search-suggestion {
  position: absolute;
  margin-top: -.5rem;
  opacity: 0;
  visibility: hidden; }

.search-popup__results {
  margin-top: 1.75rem; }

.search-result {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 14.25rem;
  margin-top: .5rem;
  padding-bottom: 1.2rem;
  opacity: 0;
  visibility: hidden; }
  .search-result .product-card {
    --bs-gutter-x: 1.75rem; }
  .search-result .pc__img-wrapper {
    padding-top: 10.125rem; }
  @media (min-width: 1200px) {
    .search-result {
      min-height: 19rem;
      padding-bottom: 1.6rem; }
      .search-result .pc__img-wrapper {
        padding-top: 15rem; } }
  @media (min-width: 1500px) {
    .search-result {
      min-height: 23.75rem;
      padding-bottom: 2rem; }
      .search-result .pc__img-wrapper {
        padding-top: 18.75rem; } }


.cart-drawer {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: -webkit-fill-available;
  overflow: hidden;
  background: #ffffff; }

.cart-drawer-items-list {
  max-height: calc(100vh - 240px);
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding: 1rem;
  scrollbar-width: thin;
  scrollbar-color: #e5e7eb #ffffff;
  display: flex;
  flex-direction: column;
  gap: 12px; }
  .cart-drawer-items-list::-webkit-scrollbar {
    width: 3px; }
  .cart-drawer-items-list::-webkit-scrollbar-track {
    background: transparent; }
  .cart-drawer-items-list::-webkit-scrollbar-thumb {
    background: #e5e7eb;
    border-radius: 2px; }
    .cart-drawer-items-list::-webkit-scrollbar-thumb:hover {
      background: #d1d5db; }

.cart-drawer-item {
  min-height: auto;
  overflow: visible;
  padding: 0.75rem 1rem;
  margin-bottom: 0;
  transition: all 0.15s ease;
  border-radius: 0;
  position: relative;
  display: flex;
  gap: 0.625rem;
  background: transparent;
  border-bottom: 1px solid #f5f5f5;
  align-items: flex-start; }
  .cart-drawer-item:last-child {
    border-bottom: none; }
  .cart-drawer-item:hover {
    background: #fafafa; }
  .cart-drawer-item._removed {
    max-height: 0;
    min-height: 0;
    padding: 0;
    margin-bottom: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateX(10px);
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); }

.cart-drawer-item__img-wrapper {
  position: relative;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: #f9fafb; }

.cart-drawer-item__img {
  width: 3rem;
  min-width: 3rem;
  height: 4rem;
  object-fit: cover;
  border-radius: 4px;
  transition: opacity 0.15s ease;
  display: block; }
  .cart-drawer-item:hover .cart-drawer-item__img {
    opacity: 0.85; }

.cart-drawer-item__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  padding-right: 1.5rem; }

.cart-drawer-item__title {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.4;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: #1a1a1a;
  letter-spacing: 0; }
  .cart-drawer-item__title a {
    color: #1a1a1a;
    text-decoration: none;
    transition: color 0.15s ease;
    display: block; }
    .cart-drawer-item__title a:hover {
      color: #4a4a4a; }

.cart-drawer-item__option {
  margin: 0.125rem 0 0;
  font-size: 0.625rem;
  color: #9ca3af;
  line-height: 1.3; }

.cart-drawer-item__price {
  font-size: 0.75rem;
  font-weight: 500;
  color: #1a1a1a;
  margin-top: auto; }

.cart-drawer-item__children {
  margin: 0.375rem 0 0;
  font-size: 0.6875rem;
  color: #6b6b6b;
  line-height: 1.4;
  padding: 0.5rem 0 0;
  border-top: 1px solid #f0f0f0;
  padding-top: 0.375rem; }
  .cart-drawer-item__children strong {
    font-weight: 500;
    color: #4a4a4a;
    display: inline;
    font-size: 0.6875rem;
    margin-right: 0.25rem; }
  .cart-drawer-item__children > div {
    margin: 0.125rem 0;
    padding-left: 0;
    font-size: 0.625rem;
    color: #9ca3af;
    line-height: 1.3; }

.cart-drawer-item__children-price {
  color: #059669;
  font-weight: 500;
  font-size: 0.625rem; }

.cart-drawer-item__price-info {
  position: absolute;
  top: 0.75rem;
  right: 1.5rem;
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  align-items: flex-end;
  white-space: nowrap; }

.cart-drawer-item__price-main {
  font-size: 0.75rem;
  font-weight: 600;
  color: #1a1a1a; }

.cart-drawer-item__price-detail {
  font-size: 0.5625rem;
  color: #9ca3af;
  font-weight: 400;
  line-height: 1.2; }

.cart-drawer-item__price-loading {
  color: #dc3545;
  font-style: italic; }

.cart-drawer-item__price-discount-wrapper {
  display: flex;
  align-items: center;
  gap: 0.1875rem; }

.cart-drawer-item__price-original {
  font-size: 0.625rem;
  color: #9ca3af;
  text-decoration: line-through; }

.cart-drawer-item__price-discount {
  font-size: 0.6875rem;
  color: #dc2626;
  font-weight: 600; }

.cart-drawer-item__remove-btn {
  background: transparent;
  color: #d1d5db;
  border: none;
  border-radius: 3px;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  cursor: pointer;
  transition: all 0.15s ease;
  position: absolute;
  top: 0.75rem;
  right: 0.25rem;
  z-index: 10;
  opacity: 0; }
  .cart-drawer-item:hover .cart-drawer-item__remove-btn {
    opacity: 0.6; }
  .cart-drawer-item__remove-btn:hover {
    background: #fee2e2;
    color: #dc2626;
    transform: rotate(90deg);
    opacity: 1; }

/* ============================================
   YENİ CART ITEM TASARIMI - cart-item-new
   ============================================ */

/* Cart Drawer içindeki cart-item-new - cartnova-item tasarımı gibi */
.cart-drawer .cart-item-new {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 12px;
  padding: 12px;
  border: 1px solid #e3e8f1;
  border-radius: 12px;
  background: #ffffff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  margin-bottom: 12px;
}

.cart-drawer .cart-item-new:last-child {
  margin-bottom: 0;
}

.cart-drawer .cart-item-new:hover {
  border-color: #cbd4e6;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.cart-drawer .cart-item-new._removed {
  max-height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(20px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ürün Resmi - Cart Drawer */
.cart-drawer .cart-item-new__image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e4e9f2;
  background: #f8fafc;
  transition: transform 0.2s ease;
  cursor: pointer;
  position: relative;
  z-index: 1;
  text-decoration: none;
}

.cart-drawer .cart-item-new__image:hover {
  transform: scale(1.02);
}

.cart-drawer .cart-item-new__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* İçerik Alanı - Cart Drawer */
.cart-drawer .cart-item-new__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Header (Başlık + Remove Butonu) - Cart Drawer */
.cart-drawer .cart-item-new__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.cart-drawer .cart-item-new__heading {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cart-drawer .cart-item-new__title {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #0f172a;
}

.cart-drawer .cart-item-new__title a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.cart-drawer .cart-item-new__title a:hover {
  color: #1d4ed8;
}

/* Meta Bilgiler (Alt Ürünler ve Varyantlar) - Cart Drawer */
.cart-drawer .cart-item-new__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 11px;
  color: #64748b;
}

.cart-drawer .cart-item-new__meta:empty {
  display: none;
}

.cart-drawer .cart-item-new__meta li {
  position: relative;
}

/* Remove Butonu - Cart Drawer */
.cart-drawer .cart-item-new__remove,
.cart-drawer .cart-item-new .cart-item-new__remove,
.cart-drawer button.cart-item-new__remove,
.cart-drawer button.js-cart-item-remove.cart-item-new__remove {
  border: 1px solid #f5b5c0 !important;
  background: #ffffff !important;
  color: #e11d48 !important;
  border-radius: 8px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  display: inline-flex !important;
  visibility: visible !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 100 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.cart-drawer .cart-item-new__remove:hover,
.cart-drawer .cart-item-new .cart-item-new__remove:hover,
.cart-drawer button.cart-item-new__remove:hover,
.cart-drawer button.js-cart-item-remove.cart-item-new__remove:hover {
  background: #e11d48 !important;
  color: #ffffff !important;
  border-color: #e11d48 !important;
  transform: none !important;
  opacity: 1 !important;
}

.cart-drawer .cart-item-new__remove i,
.cart-drawer .cart-item-new .cart-item-new__remove i,
.cart-drawer button.cart-item-new__remove i,
.cart-drawer button.js-cart-item-remove.cart-item-new__remove i {
  font-size: 12px !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Footer (Fiyat) - Cart Drawer */
.cart-drawer .cart-item-new__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}

.cart-drawer .cart-item-new__total {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cart-drawer .cart-item-new__price-old {
  font-size: 11px;
  color: #94a3b8;
  text-decoration: line-through;
}

.cart-drawer .cart-item-new__price-current {
  font-size: 15px;
  font-weight: 700;
  color: #dc2626;
}

.cart-drawer .cart-item-new__price-loading {
  font-size: 11px;
  color: #94a3b8;
  font-style: italic;
}

/* Responsive - Cart Drawer */
@media (max-width: 768px) {
  .header-mobile .container,
  .header-mobile > .container,
  .header-mobile .container.d-flex,
  .header-mobile.header_sticky .container,
  .header-mobile.header_sticky > .container,
  .header-mobile.header_sticky .container.d-flex {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important; }
  
  .cart-drawer .cart-item-new {
    grid-template-columns: 70px 1fr;
    gap: 10px;
    padding: 10px;
  }
  
  .cart-drawer .cart-item-new__image {
    width: 60px;
    height: 60px;
  }
  
  .cart-drawer .cart-item-new__title {
    font-size: 13px;
  }
  
  .cart-drawer .cart-item-new__price-current {
    font-size: 14px;
  }
  
  .cart-drawer .cart-item-new__price-old {
    font-size: 12px;
  }
  
  .cart-drawer .cart-item-new__meta {
    font-size: 10px;
  }
  
  .cart-drawer .cart-item-new__remove,
  .cart-drawer .cart-item-new .cart-item-new__remove,
  .cart-drawer button.cart-item-new__remove,
  .cart-drawer button.js-cart-item-remove.cart-item-new__remove {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
  }
  
  .cart-drawer .cart-item-new__remove i,
  .cart-drawer .cart-item-new .cart-item-new__remove i,
  .cart-drawer button.cart-item-new__remove i,
  .cart-drawer button.js-cart-item-remove.cart-item-new__remove i {
    font-size: 10px !important;
  }
}

/* Cart Item Discount Badge - Small Right Aligned */
.cart-item-discount-badge {
  display: inline-block !important;
  font-size: 10px !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  background: #dc2626 !important;
  padding: 3px 6px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  margin-top: 2px !important;
}

.cart-item-discount-badge::before {
  content: "% " !important;
  margin-right: 1px !important;
}

.qty-control {
  width: 3.375rem; }
  .qty-control input::-webkit-outer-spin-button,
  .qty-control input::-webkit-inner-spin-button {
    -webkit-appearance: none; }

.qty-control__number {
  padding: 0;
  width: 100%;
  background-color: #ffffff;
  outline: none;
  -moz-appearance: textfield; }

.qty-control__reduce,
.qty-control__increase {
  position: absolute;
  top: 0;
  width: .75rem;
  padding: 0;
  cursor: pointer;
  user-select: none;
  -ms-user-select: none; }

.qty-control__reduce {
  left: 0; }

.qty-control__increase {
  right: 0; }

.cart-drawer-divider {
  margin: 0;
  border: 0;
  border-top: 1px solid #f0f0f0;
  opacity: 1;
  height: 1px; }
  .cart-drawer-divider._removed {
    height: 0;
    margin: 0;
    border: 0;
    transition: all 0.3s ease; }

.cart-drawer-actions {
  background: #ffffff;
  padding: 1rem 1.5rem 1rem;
  border-top: 1px solid #f5f5f5;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.02);
  position: relative;
  z-index: 10;
  flex-shrink: 0; }

.cart-drawer-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  text-align: center;
  min-height: 400px; }

.cart-empty-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5rem;
  opacity: 0.5; }
  .cart-empty-icon i {
    font-size: 1.75rem;
    color: #9ca3af; }

.cart-empty-title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 0.5rem;
  letter-spacing: -0.01em; }

.cart-empty-text {
  font-size: 0.875rem;
  color: #6b6b6b;
  margin-bottom: 1.5rem;
  line-height: 1.5; }

.cart-drawer-actions__wrapper {
  padding: 0;
  background: transparent;
  margin-top: 0.25rem; }

.cart-drawer-actions__total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin-bottom: 0.375rem;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 0.5rem; }

.cart-drawer-actions__total-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #9ca3af;
  letter-spacing: 0.01em; }

.cart-drawer-actions__total-value {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1a1a1a; }

.cart-drawer-actions__discount-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1875rem 0;
  margin-bottom: 0.1875rem; }

.cart-drawer-actions__discount-label {
  font-size: 0.6875rem;
  color: #9ca3af;
  font-weight: 400; }

.cart-drawer-actions__discount-value {
  font-size: 0.75rem;
  font-weight: 500;
  color: #059669; }

.cart-drawer-actions__discount-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.375rem 0;
  margin: 0.375rem 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem; }

.cart-drawer-actions__discount-total-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #4a4a4a;
  letter-spacing: 0.01em; }

.cart-drawer-actions__discount-total-value {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #059669; }

.cart-drawer-actions__campaign-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.1875rem 0;
  margin-bottom: 0.1875rem; }

.cart-drawer-actions__campaign-label {
  font-size: 0.6875rem;
  color: #9ca3af;
  font-weight: 400; }

.cart-drawer-actions__campaign-value {
  font-size: 0.75rem;
  font-weight: 500;
  color: #ea580c; }

.cart-drawer-actions__final-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin: 0.5rem 0;
  border-top: 1px solid #e5e7eb;
  padding-top: 0.5rem; }

.cart-drawer-actions__final-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #1a1a1a;
  letter-spacing: 0.01em; }

.cart-drawer-actions__final-value {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #dc2626; }

.cart-drawer-actions__buttons {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }

.cart-drawer-actions__btn-checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem 1.25rem;
  background: #1a1a1a;
  color: #ffffff !important;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.875rem;
  text-align: center;
  letter-spacing: 0.01em;
  transition: all 0.15s ease;
  border: 1px solid #1a1a1a;
  position: relative;
  z-index: 1; }
  .cart-drawer-actions__btn-checkout:hover {
    background: #2d2d2d;
    border-color: #2d2d2d;
    color: #ffffff !important;
    text-decoration: none; }
  .cart-drawer-actions__btn-checkout:active {
    background: #1a1a1a;
    transform: scale(0.98); }

.cart-drawer-actions__btn-view {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.625rem 1.25rem;
  background: #ffffff;
  color: #4a4a4a;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.8125rem;
  text-align: center;
  border: 1px solid #e5e7eb;
  transition: all 0.15s ease; }
  .cart-drawer-actions__btn-view:hover {
    background: #fafafa;
    color: #1a1a1a;
    text-decoration: none;
    border-color: #d1d5db; }
  .cart-drawer-actions__btn-view:active {
    background: #f5f5f5;
    transform: scale(0.98); }

.star-rating__star-icon {
  cursor: pointer;
  transition: all .1s ease;
  fill: #ccc; }
  .star-rating__star-icon path {
    pointer-events: none; }
  .star-rating__star-icon.is-selected {
    fill: #eeba36; }
  .star-rating__star-icon.is-overed {
    fill: #eeba36; }
    .star-rating__star-icon.is-overed ~ .star-rating__star-icon:not(.is-overed):not(.is-selected) {
      fill: #ccc; }
    .star-rating__star-icon.is-overed ~ .star-rating__star-icon.is-selected:not(.is-overed) {
      fill: #ffe296; }

.size-guide.modal-dialog {
  width: 60rem;
  max-width: calc(100% - 1rem); }
.size-guide .modal-header {
  background-color: #FAF9F8;
  border-bottom: 0;
  padding: 1.75rem 2.5rem;
  text-transform: uppercase; }
  .size-guide .modal-header .modal-title {
    font-size: 1rem; }
.size-guide .modal-body {
  padding: 2.5rem; }
.size-guide__wrapper {
  display: flex;
  gap: 2.6875rem; }
  @media (max-width: 767.98px) {
    .size-guide__wrapper {
      flex-direction: column; } }
.size-guide__image {
  flex: 0 0 42%;
  max-width: 42%; }
  @media (max-width: 767.98px) {
    .size-guide__image {
      flex: 0 0 100%;
      max-width: 100%; } }
.size-guide__detail {
  flex: 1; }
  .size-guide__detail > h5, .size-guide__detail > .h5 {
    margin-bottom: 1.875rem; }
  .size-guide__detail table {
    font-size: 0.875rem;
    margin-bottom: 1.875rem;
    width: 100%; }
    .size-guide__detail table thead th {
      color: #767676;
      padding-bottom: 0.8125rem; }
    .size-guide__detail table tbody td {
      line-height: 2.1875rem; }

.delivery-modal.modal-dialog {
  width: 37.5rem;
  max-width: calc(100% - 1rem); }
.delivery-modal .modal-header {
  background-color: #FAF9F8;
  border-bottom: 0;
  padding: 1.75rem 2.5rem;
  text-transform: uppercase; }
  .delivery-modal .modal-header .modal-title {
    font-size: 1rem; }
.delivery-modal .modal-body {
  padding: 2.5rem; }
  .delivery-modal .modal-body p {
    line-height: 1.875rem;
    margin-right: 3.875rem;
    margin-bottom: 1.875rem; }

.cookieConsentContainer {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  width: 21.75rem;
  max-width: calc(100% - 2.5rem);
  color: #fff;
  padding: 1.875rem;
  z-index: 1050;
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 20px 26px;
  box-shadow: 0 -1px 10px 0 #acabab4d;
  border-radius: 6px;
  color: #080808;


}
  .cookieConsentContainer .cookieButton a {
    background-color: #5c5c5c;
    color: #fff;
    height: 2.5rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
  .cookieConsentContainer .cookieDesc p {
    font-size: 0.8125rem; }

@-webkit-keyframes bounceIn {
  from,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    -o-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -moz-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    -o-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -moz-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    -o-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-moz-keyframes bounceIn {
  from,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    -o-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -moz-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    -o-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -moz-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    -o-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-ms-keyframes bounceIn {
  from,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    -o-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -moz-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    -o-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -moz-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    -o-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-o-keyframes bounceIn {
  from,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    -o-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -moz-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    -o-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -moz-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    -o-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
  from,20%,40%,60%,80%,to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -moz-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    -o-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -moz-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    -o-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -moz-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    -o-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -moz-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    -o-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-ms-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-o-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  100% {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); } }
@-moz-keyframes marquee {
  0% {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  100% {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); } }
@-ms-keyframes marquee {
  0% {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  100% {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); } }
@-o-keyframes marquee {
  0% {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  100% {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); } }
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); }
  100% {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); } }
@-webkit-keyframes marquee-right {
  0% {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); }
  100% {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); } }
@-moz-keyframes marquee-right {
  0% {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); }
  100% {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); } }
@-ms-keyframes marquee-right {
  0% {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); }
  100% {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); } }
@-o-keyframes marquee-right {
  0% {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); }
  100% {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); } }
@keyframes marquee-right {
  0% {
    -webkit-transform: translateX(-100%) translateZ(0);
    -moz-transform: translateX(-100%) translateZ(0);
    -ms-transform: translateX(-100%) translateZ(0);
    -o-transform: translateX(-100%) translateZ(0);
    transform: translateX(-100%) translateZ(0); }
  100% {
    -webkit-transform: translateX(0) translateZ(0);
    -moz-transform: translateX(0) translateZ(0);
    -ms-transform: translateX(0) translateZ(0);
    -o-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0); } }
@-webkit-keyframes mouseoverLineContainer {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  20% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  21% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
@-moz-keyframes mouseoverLineContainer {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  20% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  21% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
@-ms-keyframes mouseoverLineContainer {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  20% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  21% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
@-o-keyframes mouseoverLineContainer {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  20% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  21% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
@keyframes mouseoverLineContainer {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  20% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }
  21% {
    -webkit-transform: translateX(-110%);
    -moz-transform: translateX(-110%);
    -ms-transform: translateX(-110%);
    -o-transform: translateX(-110%);
    transform: translateX(-110%); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
@-webkit-keyframes snt_shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  17%, 50%, 83% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    -o-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  33%, 67% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    -o-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); } }
@-moz-keyframes snt_shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  17%, 50%, 83% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    -o-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  33%, 67% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    -o-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); } }
@-ms-keyframes snt_shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  17%, 50%, 83% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    -o-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  33%, 67% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    -o-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); } }
@-o-keyframes snt_shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  17%, 50%, 83% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    -o-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  33%, 67% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    -o-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); } }
@keyframes snt_shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  17%, 50%, 83% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    -o-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }
  33%, 67% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    -o-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); } }
@-webkit-keyframes snt_pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(2); }
  100% {
    transform: scale(1);
    opacity: 0; } }
@-moz-keyframes snt_pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(2); }
  100% {
    transform: scale(1);
    opacity: 0; } }
@-ms-keyframes snt_pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(2); }
  100% {
    transform: scale(1);
    opacity: 0; } }
@-o-keyframes snt_pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(2); }
  100% {
    transform: scale(1);
    opacity: 0; } }
@keyframes snt_pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(2); }
  100% {
    transform: scale(1);
    opacity: 0; } }
@-webkit-keyframes snt_pulse_no_scale {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1);
    opacity: 0; } }
@-moz-keyframes snt_pulse_no_scale {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1);
    opacity: 0; } }
@-ms-keyframes snt_pulse_no_scale {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1);
    opacity: 0; } }
@-o-keyframes snt_pulse_no_scale {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1);
    opacity: 0; } }
@keyframes snt_pulse_no_scale {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(1);
    opacity: 0; } }
.effect {
  position: relative; }
  .effect:before, .effect:after {
    pointer-events: none; }

.normal-effect::before {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2; }
  @media (prefers-reduced-motion: reduce) {
    .normal-effect::before {
      transition: none; } }
.normal-effect:hover::before {
  opacity: .3; }
.normal-effect.dark-bg::before {
  background-color: #000; }

.plus-zoom::before, .plus-zoom::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  z-index: 2; }
  @media (prefers-reduced-motion: reduce) {
    .plus-zoom::before, .plus-zoom::after {
      transition: none; } }
.plus-zoom:hover::before {
  width: 0;
  background-color: rgba(255, 255, 255, 0.5); }
.plus-zoom:hover::after {
  height: 0;
  background-color: rgba(255, 255, 255, 0.5); }

.overlay-plus::before, .overlay-plus::after, .overlay-cross::before, .overlay-cross::after, .overlay-horizontal::before, .overlay-horizontal::after, .overlay-vertical::before, .overlay-vertical::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  transition: all 0.5s ease;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.15); }
  @media (prefers-reduced-motion: reduce) {
    .overlay-plus::before, .overlay-plus::after, .overlay-cross::before, .overlay-cross::after, .overlay-horizontal::before, .overlay-horizontal::after, .overlay-vertical::before, .overlay-vertical::after {
      transition: none; } }
.overlay-plus.overlay-dark::before, .overlay-plus.overlay-dark::after, .overlay-cross.overlay-dark::before, .overlay-cross.overlay-dark::after, .overlay-horizontal.overlay-dark::before, .overlay-horizontal.overlay-dark::after, .overlay-vertical.overlay-dark::before, .overlay-vertical.overlay-dark::after {
  background-color: rgba(0, 0, 0, 0.15); }
.overlay-plus::before, .overlay-plus::after {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
.overlay-plus:not(:hover)::before {
  width: 0; }
.overlay-plus:not(:hover)::after {
  height: 0; }
.overlay-cross::before {
  top: 0;
  left: 0; }
.overlay-cross::after {
  bottom: 0;
  right: 0; }
.overlay-cross:not(:hover)::before, .overlay-cross:not(:hover)::after {
  width: 0;
  height: 0; }
.overlay-horizontal::before {
  top: 0;
  left: 0;
  bottom: 0; }
.overlay-horizontal::after {
  top: 0;
  right: 0;
  bottom: 0; }
.overlay-horizontal:not(:hover)::before, .overlay-horizontal:not(:hover)::after {
  width: 0; }
.overlay-vertical::before {
  top: 0;
  left: 0;
  right: 0; }
.overlay-vertical::after {
  left: 0;
  right: 0;
  bottom: 0; }
.overlay-vertical:not(:hover)::before, .overlay-vertical:not(:hover)::after {
  height: 0; }
.overlay-fade::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  transition: all 0.5s ease;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.3); }
  @media (prefers-reduced-motion: reduce) {
    .overlay-fade::before {
      transition: none; } }
.overlay-fade.overlay-dark::before {
  background-color: rgba(0, 0, 0, 0.3); }
.overlay-fade:not(:hover)::before {
  opacity: 0;
  visibility: hidden; }
.overlay-scale-left-top::before, .overlay-scale-right-top::before, .overlay-scale-left-bottom::before, .overlay-scale-right-bottom::before, .overlay-scale-left::before, .overlay-scale-right::before, .overlay-scale-top::before, .overlay-scale-bottom::before, .overlay-scale-center::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  margin: auto;
  transition: all 0.5s ease;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.3); }
  @media (prefers-reduced-motion: reduce) {
    .overlay-scale-left-top::before, .overlay-scale-right-top::before, .overlay-scale-left-bottom::before, .overlay-scale-right-bottom::before, .overlay-scale-left::before, .overlay-scale-right::before, .overlay-scale-top::before, .overlay-scale-bottom::before, .overlay-scale-center::before {
      transition: none; } }
.overlay-scale-left-top.overlay-dark::before, .overlay-scale-right-top.overlay-dark::before, .overlay-scale-left-bottom.overlay-dark::before, .overlay-scale-right-bottom.overlay-dark::before, .overlay-scale-left.overlay-dark::before, .overlay-scale-right.overlay-dark::before, .overlay-scale-top.overlay-dark::before, .overlay-scale-bottom.overlay-dark::before, .overlay-scale-center.overlay-dark::before {
  background-color: rgba(0, 0, 0, 0.3); }
.overlay-scale-left-top::before {
  top: 0;
  left: 0; }
.overlay-scale-left-top:not(:hover)::before {
  width: 0;
  height: 0; }
.overlay-scale-right-top::before {
  top: 0;
  right: 0; }
.overlay-scale-right-top:not(:hover)::before {
  width: 0;
  height: 0; }
.overlay-scale-left-bottom::before {
  bottom: 0;
  left: 0; }
.overlay-scale-left-bottom:not(:hover)::before {
  width: 0;
  height: 0; }
.overlay-scale-right-bottom::before {
  bottom: 0;
  right: 0; }
.overlay-scale-right-bottom:not(:hover)::before {
  width: 0;
  height: 0; }
.overlay-scale-center::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto; }
.overlay-scale-center:not(:hover)::before {
  top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%; }
.overlay-scale-left::before {
  top: 0;
  left: 0;
  bottom: 0; }
.overlay-scale-left:not(:hover)::before {
  width: 0; }
.overlay-scale-right::before {
  top: 0;
  right: 0;
  bottom: 0; }
.overlay-scale-right:not(:hover)::before {
  width: 0; }
.overlay-scale-top::before {
  top: 0;
  left: 0;
  right: 0; }
.overlay-scale-top:not(:hover)::before {
  height: 0; }
.overlay-scale-bottom::before {
  bottom: 0;
  left: 0;
  right: 0; }
.overlay-scale-bottom:not(:hover)::before {
  height: 0; }

.border-zoom {
  overflow: hidden; }
  .border-zoom::before, .border-zoom::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.5s ease;
    z-index: 2;
    opacity: 0; }
    @media (prefers-reduced-motion: reduce) {
      .border-zoom::before, .border-zoom::after {
        transition: none; } }
  .border-zoom::before {
    background-color: #000; }
  .border-zoom::after {
    top: -15px;
    bottom: -15px;
    left: -15px;
    right: -15px;
    border: 2px solid #fff; }
  .border-zoom:hover::before {
    opacity: .3; }
  .border-zoom:hover::after {
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    opacity: 1; }
.border-plus, .border-scale {
  background-color: #000; }
  .border-plus .image-effect, .border-plus img, .border-scale .image-effect, .border-scale img {
    transition: all 0.3s ease; }
    @media (prefers-reduced-motion: reduce) {
      .border-plus .image-effect, .border-plus img, .border-scale .image-effect, .border-scale img {
        transition: none; } }
  .border-plus:hover .image-effect, .border-plus:hover img, .border-scale:hover .image-effect, .border-scale:hover img {
    opacity: .7; }
  .border-plus::before, .border-plus::after, .border-scale::before, .border-scale::after {
    content: '';
    position: absolute;
    z-index: 2;
    border: solid #fff;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    margin: auto;
    transition: all 0.5s ease; }
    @media (prefers-reduced-motion: reduce) {
      .border-plus::before, .border-plus::after, .border-scale::before, .border-scale::after {
        transition: none; } }
  .border-plus::before, .border-scale::before {
    border-width: 2px 0; }
  .border-plus::after, .border-scale::after {
    border-width: 0 2px; }
  .border-plus.s2::before, .border-scale.s2::before {
    top: 30px;
    bottom: 30px; }
  .border-plus.s2::after, .border-scale.s2::after {
    left: 30px;
    right: 30px; }
.border-scale:not(:hover)::before {
  left: 50%;
  right: 50%; }
.border-scale:not(:hover)::after {
  top: 50%;
  bottom: 50%; }
.border-plus:not(:hover)::before {
  top: 30%;
  bottom: 30%;
  opacity: 0; }
.border-plus:not(:hover)::after {
  left: 30%;
  right: 30%;
  opacity: 0; }

.flashlight::before, .flashlight::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #000;
  z-index: 2; }
.flashlight::before {
  left: 0;
  width: 100%; }
.flashlight::after {
  right: 0;
  width: 0;
  opacity: .5; }
.flashlight:hover::before {
  width: 0;
  transition: all 0.5s ease; }
  @media (prefers-reduced-motion: reduce) {
    .flashlight:hover::before {
      transition: none; } }
.flashlight:hover::after {
  width: 100%;
  transition: all 0.8s ease; }
  @media (prefers-reduced-motion: reduce) {
    .flashlight:hover::after {
      transition: none; } }

.bounce-in:hover .image-effect, .bounce-in:hover img {
  -webkit-animation: bounceIn 0.5s ease;
  -moz-animation: bounceIn 0.5s ease;
  -ms-animation: bounceIn 0.5s ease;
  -o-animation: bounceIn 0.5s ease;
  animation: bounceIn 0.5s ease; }

.faded-in .image-effect, .faded-in img {
  transition: opacity 0.2s ease; }
  @media (prefers-reduced-motion: reduce) {
    .faded-in .image-effect, .faded-in img {
      transition: none; } }
.faded-in:not(:hover) .image-effect, .faded-in:not(:hover) img {
  opacity: 0.3; }

.background-zoom {
  overflow: hidden; }
  .background-zoom .image-effect, .background-zoom img {
    transition: all 0.5s ease; }
    @media (prefers-reduced-motion: reduce) {
      .background-zoom .image-effect, .background-zoom img {
        transition: none; } }
  .background-zoom.slow .image-effect, .background-zoom.slow img {
    transition: all 10s ease; }
    @media (prefers-reduced-motion: reduce) {
      .background-zoom.slow .image-effect, .background-zoom.slow img {
        transition: none; } }
  .background-zoom:hover .image-effect, .background-zoom:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
.background-slide {
  overflow: hidden; }
  .background-slide .image-effect, .background-slide img {
    position: relative;
    width: calc(100% + 60px);
    max-width: calc(100% + 60px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 0.4s ease; }
    @media (prefers-reduced-motion: reduce) {
      .background-slide .image-effect, .background-slide img {
        transition: none; } }
  .background-slide:hover .image-effect, .background-slide:hover img {
    margin-left: 30px; }

.grayscale {
  overflow: hidden; }
  .grayscale .image-effect, .grayscale img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease; }
    @media (prefers-reduced-motion: reduce) {
      .grayscale .image-effect, .grayscale img {
        transition: none; } }
  .grayscale.slow .image-effect, .grayscale.slow img {
    transition: all 10s ease; }
    @media (prefers-reduced-motion: reduce) {
      .grayscale.slow .image-effect, .grayscale.slow img {
        transition: none; } }
  .grayscale:hover .image-effect, .grayscale:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0); }
  .grayscale.revert .image-effect, .grayscale.revert img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0); }
  .grayscale.revert:hover .image-effect, .grayscale.revert:hover img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); }

.rotate-left, .rotate-right {
  overflow: hidden; }
  .rotate-left .image-effect, .rotate-left img, .rotate-right .image-effect, .rotate-right img {
    transition: all 0.7s ease; }
    @media (prefers-reduced-motion: reduce) {
      .rotate-left .image-effect, .rotate-left img, .rotate-right .image-effect, .rotate-right img {
        transition: none; } }
.rotate-left:hover .image-effect, .rotate-left:hover img {
  -webkit-transform: scale(1.2) rotate(-5deg);
  -moz-transform: scale(1.2) rotate(-5deg);
  -ms-transform: scale(1.2) rotate(-5deg);
  -o-transform: scale(1.2) rotate(-5deg);
  transform: scale(1.2) rotate(-5deg); }
.rotate-right:hover .image-effect, .rotate-right:hover img {
  -webkit-transform: scale(1.2) rotate(5deg);
  -moz-transform: scale(1.2) rotate(5deg);
  -ms-transform: scale(1.2) rotate(5deg);
  -o-transform: scale(1.2) rotate(5deg);
  transform: scale(1.2) rotate(5deg); }

.navigation__list {
  margin-bottom: 0; }

@media (min-width: 992px) {


  .navigation__item {
    margin: 0 5px;
    padding: 5px 0px;

  }

  .navigation__item:hover {
    background-color: #f5f7fa;

  }

    .navigation__item:hover::before {
      display: block;
      position: absolute;
      top: 0;
      width: 7.5rem;
      height: 100%;
      background-color: transparent;
      content: ''; } }

.navigation__link {
  display: inline-block;
  position: relative;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #222222;
  font-weight: 500;
  line-height: 1.5rem;
  text-decoration: none;
  text-transform: uppercase; }
  .navigation__link:hover:after {
    width: 6em; }
  @media (min-width: 992px) {
    .navigation__link {
      padding-right: 0.7rem;
      padding-left: 0; } }
  @media (min-width: 1200px) {
    .navigation__link {
      padding-right: 1rem;
      padding-left: 0; } }

.sub-menu__title {
  display: block;
  font-weight: 600;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  margin-bottom: 12px;
  padding: 8px 0;
  transition: color 0.2s ease;
  }
  
.sub-menu__title:hover {
  color: #007bff;
  }

  .thumbnailSlider img {
    margin-top: 20px;
}

  .thumbnailSlider .swiper-slide {
  opacity: 1.5 !important;
}

/* ===== MODERN MEGA MENÜ STİLLERİ ===== */
/* Mega menu container'ı Bootstrap container ayarlarını kullanmalı */
.mega-menu .container,
.mega-menu-container {
  width: 100%;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Bootstrap container max-width breakpoint'leri */
@media (min-width: 576px) {
  .mega-menu .container,
  .mega-menu-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .mega-menu .container,
  .mega-menu-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .mega-menu .container,
  .mega-menu-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .mega-menu .container,
  .mega-menu-container {
    max-width: 1140px;
  }
}

@media (min-width: 1500px) {
  .mega-menu .container,
  .mega-menu-container {
    max-width: 1440px;
  }
}

.mega-menu .col {
  padding: 0;
  position: relative;
  margin-right: 32px;
}

.mega-menu .col:first-child {
  padding-left: 0;
}

.mega-menu .col:last-child {
  padding-right: 0;
  margin-right: 0;
}

.mega-menu .col:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -16px;
  top: 8%;
  height: 84%;
  width: 1px;
  background: #e5e7eb;
}

.mega-menu__col-container {
  padding: 0;
  box-sizing: border-box;
}

.mega-menu .sub-menu__list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.mega-menu .sub-menu__item {
  margin-bottom: 4px !important;
  padding: 0 !important;
  position: relative;
}

.mega-menu .sub-menu__item:last-child {
  margin-bottom: 0 !important;
}

/* Modern başlık stilleri */
.mega-menu .sub-menu__title {
  display: block !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  color: #1f2937 !important;
  text-decoration: none !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
  position: relative;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: color 0.2s ease;
}

.mega-menu .sub-menu__title:hover {
  color: #111827 !important;
}

.mega-menu .menu-link {
  display: block !important;
  position: relative !important;
  padding: 8px 0 !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  font-weight: 400;
  transition: color 0.2s ease;
  margin-left: 0;
}

.mega-menu .menu-link:hover {
  color: #111827 !important;
}

/* Modern Default Menu Styles */
.default-menu .menu-link {
  display: block !important;
  position: relative !important;
  padding: 8px 15px !important;
  color: #5a6c7d !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  font-weight: 400;
  border-bottom: 1px solid #f0f0f0;
  margin-left: 0;
  transition: all 0.3s ease;
  border-radius: 4px;
}

.default-menu .menu-link:last-child {
  border-bottom: none;
}

.default-menu .menu-link:hover {
  color: #007bff !important;
  background-color: rgba(0, 123, 255, 0.05);
  padding-left: 8px !important;
  transform: translateX(4px);
  border-bottom-color: #007bff;
}

/* Responsive Mega Menu */
@media (max-width: 1200px) {
  .mega-menu .col {
    padding: 0;
  }
  
  .mega-menu .col:first-child {
    padding-left: 0;
  }
  
  .mega-menu .col:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .mega-menu .container,
  .mega-menu-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 768px) {
  .mega-menu {
    padding: 1.5rem 0;
  }
  
  .mega-menu .sub-menu__title {
    font-size: 12px !important;
    margin-bottom: 12px !important;
  }
  
  .mega-menu .menu-link {
    font-size: 13px !important;
    padding: 6px 0 !important;
  }
  
  .default-menu {
    width: 16rem;
    padding: 1rem 1.5rem 0.5rem;
  }
  
  .default-menu .menu-link {
    font-size: 14px !important;
    padding: 10px 0 !important;
  }
}

.menu-link {
  display: inline-block;
  position: relative;
  padding: 6px 0;
  color: #666;
  font-size: 14px !important;
  line-height: 1.4;
  text-decoration: none;
  transition: all 0.2s ease; }

.menu-link:hover {
  color: #007bff;
  transform: translateX(3px);
  }

.menu-link_us-s:after {
  display: none; }

.default-menu {
  position: absolute;
  top: calc(100% + .75rem);
  left: 0;
  width: 18rem;
  padding: 2rem 3rem 1.5rem;
  background-color: #ffffff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: 0 0 16px 16px;
  border: 1px solid #e8e0db; }
  .navigation__item:hover .default-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0); }

.box-menu {
  display: flex;
  display: -ms-flexbox;
  position: absolute;
  top: calc(100% + .75rem);
  left: 0;
  width: 49.6875rem;
  padding: 2.5rem 3.75rem 2rem;
  background-color: #ffffff;
  box-shadow: 0 0.625rem 1.5625rem 0 rgba(34, 34, 34, 0.05);
  z-index: 1000;
  transition: all 0.28s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  .navigation__item:hover .box-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }

.mega-menu {
  border-top: 1px solid #e5e7eb;
  position: absolute;
  top: calc(100% + .75rem);
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  padding: 2rem 0;
  background-color: #ffffff;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  z-index: 1000;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  .navigation__item:hover .mega-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0); }

.sub-menu__list + .sub-menu__title {
  margin-top: 1.875rem; }

.mega-menu__media {
  flex: 2 0 0;
  max-width: 25.625rem; }

.mega-menu__img {
  max-width: 100%; }

.sitemap {
  height: 100vh;
  background-color: #ffffff;
  z-index: 1030; }

.sitemap__bg {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.sitemap__links .modal-header {
  background: #faf9f8;
  border: 0; }
.sitemap__links .modal-body ::-webkit-scrollbar {
  margin-right: 1.25rem;
  width: .25rem;
  background-color: #ffffff; }
.sitemap__links .modal-body ::-webkit-scrollbar-thumb {
  border-radius: .25rem;
  background-color: #e4e4e4; }
.sitemap__links .nav {
  padding-left: calc(var(--bs-gutter-x) / 2); }
.sitemap__links .nav-link_rline {
  padding-left: 0;
  font-size: 1.25rem;
  line-height: 1.5em; }

.header {
  display: none;
  position: relative;
  background-color: #ffffff;
  z-index: 2; }
  .header .form-select {
    border: 0;
    box-shadow: none;
    height: 2.5rem;
    padding: 0.375rem 2.025rem 0.3rem 1.125rem;
    background-image: url('data:image/svg+xml,%3csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cg clip-path="url%28%23clip0_34_1038%29"%3e%3cpath d="M5.57201 9.11914C5.8052 9.35233 6.1948 9.35233 6.42858 9.11914L11.8229 3.73866C12.059 3.50248 12.059 3.11947 11.8229 2.88389C11.5867 2.64771 11.2031 2.64771 10.9669 2.88389L6.00002 7.83695L1.03375 2.88329C0.796978 2.64711 0.413959 2.64711 0.177183 2.88329C-0.0589957 3.11947 -0.0589957 3.50248 0.177183 3.73806L5.57201 9.11914Z" fill="%23222222"/%3e%3c/g%3e%3cdefs%3e%3cclipPath id="clip0_34_1038"%3e%3crect width="12" height="12" fill="white" transform="translate%2812 12%29 rotate%28-180%29"/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e'); }
    .header .form-select.color-white {
      background-image: url('data:image/svg+xml,%3csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3e%3cg clip-path="url%28%23clip0_34_1038%29"%3e%3cpath d="M5.57201 9.11914C5.8052 9.35233 6.1948 9.35233 6.42858 9.11914L11.8229 3.73866C12.059 3.50248 12.059 3.11947 11.8229 2.88389C11.5867 2.64771 11.2031 2.64771 10.9669 2.88389L6.00002 7.83695L1.03375 2.88329C0.796978 2.64711 0.413959 2.64711 0.177183 2.88329C-0.0589957 3.11947 -0.0589957 3.50248 0.177183 3.73806L5.57201 9.11914Z" fill="white"/%3e%3c/g%3e%3cdefs%3e%3cclipPath id="clip0_34_1038"%3e%3crect width="12" height="12" fill="white" transform="translate%2812 12%29 rotate%28-180%29"/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e'); }
    .header .form-select option {
      color: #222222; }
  @media (min-width: 992px) {
    .header {
      display: block; } }
  .header.header-transparent-bg:not(.header_sticky-active) {
    background: transparent; }
  .header.header_dark {
    background-color: #222222; }
    .header.header_dark .navigation__link {
      color: #fff; }
    .header.header_dark .header-tools__item {
      color: #fff; 
      margin-right: 15px;
    }

     

.header-desk {
  display: flex;
  align-items: center; }

.header-fullwidth {
  padding: 0 1.75rem;
  width: 100%; }
  @media (min-width: 1500px) {
    .header-fullwidth {
      padding: 0 3.75rem; } }
  .header-fullwidth .header-top {
    margin: 0 -1.75rem;
    padding: 0 1.75rem; }
    @media (min-width: 1500px) {
      .header-fullwidth .header-top {
        margin: 0 -3.75rem;
        padding: 0 3.75rem; } }

.logo__image, .header-logo {
  max-width: 200px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  image-rendering: -webkit-optimize-contrast !important;
  image-rendering: crisp-edges !important; }

.header-tools {
  margin-right: -0.5rem;
  position: relative;
  z-index: 1002; }

.header-tools__item {
  display: flex;
  text-decoration: none;
  color: #222222;
  margin-right: 15px; }
  .header-tools__item .flaticon::before {
    display: block;
    line-height: 1; }
  .header-tools__item:last-child {
    margin-right: 1cqmin; }


.header-tools__cart {
  position: relative;
  z-index: 1002; }
  .header-tools__cart .cart-amount {
    top: -8px;
    right: -8px;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #000000;
    color: #ffffff !important;
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    box-sizing: border-box;
    position: absolute;
    z-index: 1003;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    opacity: 1;
    visibility: visible; }
    
  /* Desktop cart badge positioning */
  .header-desk .cart-amount {
    top: -8px;
    right: -8px; }
    
  /* Mobile cart badge positioning */
  .header-mobile .cart-amount,
  .header-mobile .header-tools__cart .cart-amount {
    top: -9px;
    right: -9px;
    min-width: 20px;
    height: 20px;
    background-color: #000000;
    color: #ffffff !important;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-size: 11px;
    font-weight: 700;
    line-height: 1; }
    
  /* Cart badge visibility */
  .cart-amount:empty {
    display: flex; }
    
  .cart-amount[data-quantity]:not([data-quantity="0"]) {
    display: flex;
    visibility: visible;
    opacity: 1; }

    .uomo-header-search {
      display: flex;
      align-items: center;
      padding: 5px 10px;
      border: 1px solid #e4e4e4;
      border-radius: 5px;
      background-color: #ffffff;
    
    }


  .uomo-header-search > :first-child {
    padding-left: 0; }
 
  .uomo-header-search .hover-container {
    display: none; }
    @media (min-width: 1200px) {
      .uomo-header-search .hover-container {
        display: block; } }

.uomo-header-search__input,
.uomo-header-search-input {
  padding: 0 0 0 1.25rem;
  padding-right: 60px; /* Görsel önizleme ve X butonu için alan */
  border: 0;
  background-color: transparent;
  color: #222222;
  outline: none; }
  
.uomo-header-search-input:not(:placeholder-shown) {
  padding-right: 60px; /* Görsel önizleme için */
}

/* Görsel yüklendiğinde input padding'i artır */
.uomo-search-input-container:has(.uomo-image-preview-inline) .uomo-header-search-input {
  padding-right: 100px; /* Görsel önizleme + X butonu + arama butonu için */
}

.uomo-header-search__btn {
  padding: 0;
  border: 0;
  line-height: 1; }

.uomo-header-search__category {
  padding-right: 12px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 12px;
  color: #222222;
  outline: none; }
  .uomo-header-search__category::placeholder {
    color: #6c757d; }

.uomo-header-search__category-list {
  right: calc(-1.25rem - 1px);
  width: calc(100% + 1.875rem + 1px);
  padding: 0 0.625rem;
  border: 1px solid #e4e4e4; }

.header_sticky-bg_dark a {
  color: #fff; }
.header_sticky-bg_dark svg {
  opacity: 1; }
.header_sticky-bg_dark .btn-close-lg {
  background-image: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.414336 14.1421L14.5565 0L15.9707 1.41421L1.82855 15.5563L0.414336 14.1421Z' fill='%23fff'/%3e%3cpath d='M1.41421 0.142113L15.5563 14.2842L14.1421 15.6985L0 1.55633L1.41421 0.142113Z' fill='%23fff'/%3e%3c/svg%3e"); }
.header_sticky-bg_dark .mega-menu a, .header_sticky-bg_dark .box-menu a, .header_sticky-bg_dark .default-menu a {
  color: #222222; }

.header-top.bordered {
  border-bottom: 1px solid #e4e4e4; }
.header-top.bordered-20per {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.header_transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent; }

.header-desk_type_1 {
  padding: 1.875rem 0 1.5rem 0; }

  .header-desk_type_1 .header-tools {
    margin-left: auto;
    margin-right: -0.5rem; }

.header-fullwidth .header-desk_type_1 {
  padding: 10px;

}

.header-fullwidth .header-desk_type_1 .uomo-header-search {
  width: 21.5625rem;
}

.header-transparent-bg.header_sticky-bg_dark .header-desk_type_1 .uomo-header-search {
  background-color: transparent;
  border-color: transparent;
  width: 15rem; }
  .header-transparent-bg.header_sticky-bg_dark .header-desk_type_1 .uomo-header-search__btn, .header-transparent-bg.header_sticky-bg_dark .header-desk_type_1 .uomo-header-search__input {
    background-color: transparent;
    color: #ffffff;
    margin: 0; }
  .header-transparent-bg.header_sticky-bg_dark .header-desk_type_1 .uomo-header-search__input::placeholder {
    color: #ffffff;
    font-weight: 700; }

.header-desk_type_2 {
  padding: 1.75rem 0; }
  .header-desk_type_2 .logo {
    margin: 0 auto;
    padding: 0 1rem; }
  .header-desk_type_2 .navigation {
    flex: 1; }
  .header-desk_type_2 .header-tools {
    flex: 1;
    justify-content: flex-end; }
  @media (min-width: 992px) and (max-width: 1499.98px) {
    .header-desk_type_2 .navigation__link {
      padding: 2px 0.5rem; } }
  @media (min-width: 1500px) {
    .header-desk_type_2 {
      padding: 1.875rem 0; } }

.header-desk_type_3 {
  padding: 2.625rem 0 1.5rem 0; }
  .header-desk_type_3 .logo {
    margin-right: 2.375rem; }
  .header-desk_type_3 .header-tools {
    margin-left: auto;
    margin-right: -0.5rem; }

.header-desk_type_4 {
  padding: 1.875rem 0 1.5rem 0; }
  .header-desk_type_4.header-desk_sm {
    padding: 1.375rem 0; }
  .header-desk_type_4 .navigation {
    margin: 0 auto; }

.header-desk_type_5 {
  padding: 1.25rem 0; }
  .header-desk_type_5 .logo {
    margin-right: 2.75rem; }
  .header-desk_type_5 .uomo-header-search {
    width: 26.625rem;
    margin-right: auto; }

.header-desk_type_6 {


}
  .header-desk_type_6 .header-middle {
    padding: 10px 0px 10px 0px;

   }
  .header-desk_type_6 .logo {
    width: 20.5rem;
    margin-right: 0.9375rem; }
  .header-desk_type_6 .navigation {
    margin: 0 -0.7rem;
}
    @media (min-width: 1200px) {
      .header-desk_type_6 .navigation {
        margin: 0; } }
  .header-desk_type_6 .navigation__item:first-child {
    margin-left: 0; }
  .header-desk_type_6 .navigation__item:last-child {
    margin-right: 0; }
  .header-desk_type_6 .uomo-header-search {
    flex-grow: 1;
    margin-left: 0.9375rem;
    margin-right: 0.5rem; }
    @media (min-width: 1200px) {
      .header-desk_type_6 .uomo-header-search {
        margin-right: 1.5rem; } }
  .header-desk_type_6 .categories-nav {
    width: 13.325rem;
    max-width: 20.5rem;
    margin-right: 0.9375rem; }
    @media (min-width: 1500px) {
      .header-desk_type_6 .categories-nav {
        width: 20.5rem; } }
  .header-desk_type_6 .categories-nav__list {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #ffffff;
    transition: all .3s ease; }
  .header-desk_type_6 .categories-nav__title {
    padding: 1.125rem 0 0.75rem 0.9375rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem; }
    @media (min-width: 1500px) {
      .header-desk_type_6 .categories-nav__title {
        padding-left: 3rem;
        padding-right: 3rem; } }
  .header-desk_type_6.style2 .uomo-header-search {
    padding-left: 1.75rem;
    padding-right: 1.75rem; }
  .header-desk_type_6.style2 .header-bottom {
    background-color: #C32929;
    border-top: 1px solid #ddd;
 
  
  }
    .header-desk_type_6.style2 .header-bottom .navigation__list > .navigation__item > span {
      color: #ffffff; }
    .header-desk_type_6.style2 .header-bottom .navigation__list > .navigation__item > .navigation__link {
      color: #000000;
    text-decoration: none;
    display: block;
    line-height: 24px;
    padding: 0px 10px;
    text-align: center;
    }
  .header-desk_type_6.style2 .navigation {
    margin-right: 0; }
  .header-desk_type_6.style2 .categories-nav__title {
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
    background-color: #C32929; }
    .header-desk_type_6.style2 .categories-nav__title + .categories-nav__list {
      opacity: 0;
      visibility: hidden;
      transition: all .3s ease; }
  .header-desk_type_6.style2 .categories-nav:hover > .categories-nav__list {
    opacity: 1;
    visibility: visible; }

.header_sticky-active .header-desk_type_6 .categories-nav__list {
  opacity: 0;
  visibility: hidden; }
.header_sticky-active .header-desk_type_6 .categories-nav:hover .categories-nav__list {
  opacity: 1;
  visibility: visible; }

.header-desk_type_7 .header-top {
  padding: 1.25rem 0;
  color: #ffffff;
  background-color: #222222; }
.header-desk_type_7 .header-bottom {
  padding: 1.25rem 0 0.75rem;
  color: #ffffff;
  background-color: #767676; }
.header-desk_type_7 .logo {
  margin-right: 2.75rem; }
.header-desk_type_7 .uomo-header-search {
  width: 26.625rem;
  margin-right: auto; }
.header-desk_type_7 .navigation {
  width: 100%; }
.header-desk_type_7 .navigation__link,
.header-desk_type_7 .header-tools__item {
  color: inherit; }
.header-desk_type_7 .navigation__item:first-child {
  margin-left: 0; }
  .header-desk_type_7 .navigation__item:first-child .navigation__link {
    padding-left: 0; }
.header-desk_type_7 .navigation__item:last-child {
  margin-right: 0; }
  .header-desk_type_7 .navigation__item:last-child .navigation__link {
    padding-right: 0; }

.header-mobile {
  position: relative;
  height: 3.75rem;
  min-height: 3.75rem;
  background-color: #ffffff;
  z-index: 1030;
  margin: 0;
  padding: 0; }
  .header-mobile .logo {
    margin: 0 auto; }
  .header-mobile .logo__image {
    max-height: 2rem; }
  .header-mobile .container,
  .header-mobile > .container,
  .header-mobile .container.d-flex {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important; }
  @media (min-width: 992px) {
    .header-mobile {
      display: none; } }

.header-mobile.header_sticky {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
  padding: 0 !important;
  margin: 0 !important; }
  .header-mobile.header_sticky .container,
  .header-mobile.header_sticky > .container,
  .header-mobile.header_sticky .container.d-flex {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important; }

.header-mobile_sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 8px 25px 0 rgba(140, 152, 164, 0.15);
  z-index: 1030; }

.header-mobile__navigation {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  display: flex;
  flex-direction: column;
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s, height .35s;
  z-index: 1030;
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  width: 100%; }
  
  /* Mobile menu z-index override */
  .header-mobile__navigation {
    z-index: 1006; }
  .header-mobile__navigation > .container,
  .header-mobile__navigation .container,
  .header-mobile__navigation .container.d-flex {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important; }
  .header-mobile__navigation .container:not(.mobilemenu-bottom__wrapper):not(.modern-mobile-footer) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .header-mobile__navigation .search-field {
    margin-top: 0 !important;
    margin-bottom: 16px; }
  .header-mobile__navigation .search-field.mt-4 {
    margin-top: 0 !important; }
  .header-mobile__navigation .search-field__input {
    padding: 0.625rem 0.875rem 0.375rem; }
  .header-mobile__navigation .search-result {
    max-height: 30rem;
    overflow: auto;
    background-color: #ffffff;
    z-index: 1; }
    .header-mobile__navigation .search-result .product-card {
      display: flex;
      margin: 0.625rem 0; }
    .header-mobile__navigation .search-result .pc__img-wrapper {
      width: 40%;
      margin-right: 0.875rem; }
  .header-mobile__navigation .navigation__list {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column; }
  .header-mobile__navigation .navigation__item {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative; }
  .header-mobile__navigation .navigation__item:last-child {
    border-bottom: none; }
  .header-mobile__navigation .navigation__link {
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    color: #111111;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease; }
  .header-mobile__navigation .navigation__link:hover {
    background-color: #f5f7fa;
    color: #000000; }
  .header-mobile__navigation .navigation__link svg {
    width: 7px;
    height: 11px;
    flex-shrink: 0;
    margin-left: 12px; }
  .header-mobile__navigation .sub-menu {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    background-color: #fafafa;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease; }
  .header-mobile__navigation .sub-menu:not(.d-none) {
    max-height: 2000px;
    padding: 0; }
  .header-mobile__navigation .sub-menu .navigation__link {
    padding-left: 40px;
    font-size: 15px;
    font-weight: 400; }
  .header-mobile__navigation .sub-menu .navigation__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03); }
  li.sub-menu__item a {
    font-size: 15px;
    font-weight: 400;
    padding: 12px 20px 12px 40px; }
    .header-mobile__navigation .navigation__link .flaticon {
      font-size: 0.75rem; }
  .header-mobile__navigation .form-select-sm {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  @media (max-width: 991.98px) {
    .header-mobile__navigation .container,
    .header-mobile__navigation > .container,
    .header-mobile__navigation .container.d-flex {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      max-width: 100% !important;
      width: 100% !important; }
    .header-mobile__navigation .modern-mobile-menu {
      width: 100% !important;
      max-width: 100% !important;
      padding: 0 !important;
      margin: 0 !important; }
    .header-mobile__navigation .modern-mobile-menu__link {
      width: 100%;
      box-sizing: border-box; } }

.mobile-nav-activator {
  position: relative;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -4px !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  left: 0 !important;
  top: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
  border-width: 0 !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  transform: none !important; }
.mobile-nav-activator:hover,
.mobile-nav-activator:active,
.mobile-nav-activator:focus {
  margin-left: -4px !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  left: 0 !important;
  top: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
  border-width: 0 !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  position: relative !important; }
.mobile-nav-activator .nav-icon,
.mobile-nav-activator .btn-close-lg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .24s;
  margin: 0; }
.mobile-nav-activator .btn-close-lg {
  transform: translate(-50%, -50%) rotate(-90deg) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  display: none !important;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1;
  align-items: center;
  justify-content: center; }

.mobile-menu-opened {
  overflow: hidden; }
  .mobile-menu-opened .header-mobile {
    z-index: 1050; }
  .mobile-menu-opened .header-mobile__navigation {
    height: calc(100vh - 100%);
    max-height: calc(100vh - 100%);
    transition: max-height .35s, height .35s;
    border-top: 1px solid #e4e4e4;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 !important;
    margin: 0 !important;
    top: 100% !important; }
  .mobile-menu-opened .header-mobile__navigation .navigation__list {
    position: relative;
    left: 0;
    transform: translateX(0);
    transition: transform .18s ease-in; }
  .mobile-menu-opened .mobile-nav-activator .nav-icon {
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important; }
  .mobile-menu-opened .mobile-nav-activator .btn-close-lg {
    transform: translate(-50%, -50%) rotate(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important; }

.header_sticky {
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  z-index: 9;
  transition: all .3s ease; }

.header-mobile.header_sticky {
  position: relative;
  z-index: 1030; }

.header_sticky-active {
  position: fixed;
  animation: moveDown .5s;
  background-color: #ffffff;
  box-shadow: 0 8px 25px 0 rgba(140, 152, 164, 0.15);
  z-index: 1020; }

.header-mobile.header_sticky-active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
  .header_sticky-active.header_sticky-bg_dark {
    background-color: #222222; }
  .header_sticky-active .header-desk_type_3 {
    padding-top: 1.5rem; }

.footer-top {
  padding-top: 6.2rem; }
  .footer-top .block-newsletter {
    max-width: 47rem;
    margin: 0 auto;
    text-align: center; }

.footer-middle {
  padding-top: 3.125rem;
  padding-bottom: 1.625rem; }
  .footer-middle .logo {
    margin-bottom: 2.75rem;
    max-width: 170px;
  }
  @media (min-width: 768px) {
    .footer-middle {
      padding-top: 3.75rem;
      padding-bottom: 2.85rem; } }
  @media (min-width: 992px) {
    .footer-middle {

    padding-top: 3.25rem;
    padding-bottom: 4.75rem;
    
    
    } }

.footer-column {
  flex-grow: 1; }

.footer-address {
  margin-bottom: 0.875rem; }

.footer__social-link {
  padding: 0.5rem 1rem;
  color: inherit; }
  .footer__social-link .svg-icon {
    fill: currentColor; }

.footer-newsletter__form .btn-link {
  padding-right: 0.9375rem; }

.footer-bottom {
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  border-top: 1px solid #cfcdcd; }

.footer {
  background-color: #feca071c;
  color: #222222; }
  .footer .sub-menu__title {
    margin-bottom: 0.875rem;
    font-weight: bold;
    color: inherit; }
    @media (min-width: 992px) {
      .footer .sub-menu__title {
        margin-bottom: 15px;
      } }

  .footer .social-links {
    margin-left: -1rem; }
  .footer .form-select {
    color: inherit;
    background-image: url("data:image/svg+xml,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.49932 0.360778C7.22726 0.0887249 6.77274 0.0887249 6.49999 0.360778L0.206656 6.638C-0.0688853 6.91355 -0.0688853 7.3604 0.206656 7.63524C0.482197 7.91078 0.929749 7.91078 1.20529 7.63524L6.99997 1.85667L12.794 7.63594C13.0702 7.91148 13.517 7.91148 13.7933 7.63594C14.0688 7.3604 14.0688 6.91355 13.7933 6.6387L7.49932 0.360778Z' fill='%23222222'/%3e%3c/svg%3e"); }
    .footer .form-select:focus {
      box-shadow: none;
      border-color: transparent; }
    @media (max-width: 767.98px) {
      .footer .form-select {
        padding-left: 0; } }
    .footer .form-select.color-white {
      background-image: url("data:image/svg+xml,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.49932 0.360778C7.22726 0.0887249 6.77274 0.0887249 6.49999 0.360778L0.206656 6.638C-0.0688853 6.91355 -0.0688853 7.3604 0.206656 7.63524C0.482197 7.91078 0.929749 7.91078 1.20529 7.63524L6.99997 1.85667L12.794 7.63594C13.0702 7.91148 13.517 7.91148 13.7933 7.63594C14.0688 7.3604 14.0688 6.91355 13.7933 6.6387L7.49932 0.360778Z' fill='white'/%3e%3c/svg%3e"); }
      .footer .form-select.color-white option {
        color: #222222; }
  .footer .service-promotion.horizontal {
    border-bottom: 1px solid #cfcdcd; }

.footer_type_1.dark {
  background-color: #222222;
  color: #ffffff; }
  .footer_type_1.dark .sub-menu__title {
    color: inherit; }
  .footer_type_1.dark .menu-link {
    color: #e4e4e4; }
  .footer_type_1.dark .form-select {
    background-image: url("data:image/svg+xml,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.49932 0.360778C7.22726 0.0887249 6.77274 0.0887249 6.49999 0.360778L0.206656 6.638C-0.0688853 6.91355 -0.0688853 7.3604 0.206656 7.63524C0.482197 7.91078 0.929749 7.91078 1.20529 7.63524L6.99997 1.85667L12.794 7.63594C13.0702 7.91148 13.517 7.91148 13.7933 7.63594C14.0688 7.3604 14.0688 6.91355 13.7933 6.6387L7.49932 0.360778Z' fill='%23ffffff'/%3e%3c/svg%3e"); }
  .footer_type_1.dark .footer-select__option {
    background-color: #222222; }
  .footer_type_1.dark .footer-bottom {
    border-color: rgba(255, 255, 255, 0.15); }
  .footer_type_1.dark .footer__social-link:hover {
    color: #767676; }
  .footer_type_1.dark .service-promotion.horizontal {
    border-bottom-color: rgba(255, 255, 255, 0.15); }

.footer_type_2 {
  background-color: #fffbfb;
  color: #767676; 
  background-image: url(https://sofahome.com.tr/themes/awapanel/deep/images/footerbg.png);
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
  .footer_type_2 .form-select {
    background-image: url("data:image/svg+xml,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.49932 0.360778C7.22726 0.0887249 6.77274 0.0887249 6.49999 0.360778L0.206656 6.638C-0.0688853 6.91355 -0.0688853 7.3604 0.206656 7.63524C0.482197 7.91078 0.929749 7.91078 1.20529 7.63524L6.99997 1.85667L12.794 7.63594C13.0702 7.91148 13.517 7.91148 13.7933 7.63594C14.0688 7.3604 14.0688 6.91355 13.7933 6.6387L7.49932 0.360778Z' fill='%23767676'/%3e%3c/svg%3e"); }
  .footer_type_2 .footer-select__option {
    background-color: #ffffff; }
  .footer_type_2 .footer-bottom {
    border-color: #e4e4e4; }
  .footer_type_2 .sub-menu__title {
    color: #222222; }
  .footer_type_2.dark {
    background-color: #222222;
    color: #ffffff; }
    .footer_type_2.dark .sub-menu__title {
      color: inherit; }
    .footer_type_2.dark .menu-link {
      color: #e4e4e4; }
    .footer_type_2.dark .form-select {
      background-image: url("data:image/svg+xml,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.49932 0.360778C7.22726 0.0887249 6.77274 0.0887249 6.49999 0.360778L0.206656 6.638C-0.0688853 6.91355 -0.0688853 7.3604 0.206656 7.63524C0.482197 7.91078 0.929749 7.91078 1.20529 7.63524L6.99997 1.85667L12.794 7.63594C13.0702 7.91148 13.517 7.91148 13.7933 7.63594C14.0688 7.3604 14.0688 6.91355 13.7933 6.6387L7.49932 0.360778Z' fill='%23ffffff'/%3e%3c/svg%3e"); }
    .footer_type_2.dark .footer-select__option {
      background-color: #222222; }
    .footer_type_2.dark .footer-bottom {
      border-color: rgba(255, 255, 255, 0.15); }
    .footer_type_2.dark .footer__social-link:hover {
      color: #767676; }
  .footer_type_2.bordered {
    border-top: 1px solid #e4e4e4; }

.footer_type_3 {
  background-color: #fff; }
  .footer_type_3 .footer-middle {
    padding: 0.875rem 0;
    border-top: 1px solid #cfcdcd; }

.app-download-link {
  background: #767676;
  display: flex;
  width: 14.1875rem;
  height: 4.375rem;
  border-radius: 0.25rem;
  color: #ffffff;
  align-items: center;
  padding: 0.875rem;
  line-height: 1.4;
  gap: 1.5rem;
  transition: all .3s ease; }
  .app-download-link .app-download-text {
    display: flex;
    flex-direction: column;
    font-size: 0.8125rem; }
    .app-download-link .app-download-text strong {
      font-size: 1rem;
      font-weight: 400; }
  .app-download-link:hover {
    color: #ffffff;
    background-color: #222222; }
  .app-download-link.no-bg {
    width: auto;
    height: auto;
    border-radius: 0;
    color: #222222;
    background-color: transparent;
    padding: 0;
    gap: 1rem; }

@media (min-width: 992px) {
  .footer-store-info {
    width: 24%; }

  .footer-menu {
    width: 17%; }

  .footer-newsletter {
    width: 25%; } }
.footer-mobile {
  max-width: 100%;
  padding-top: 0.625rem;
  padding-bottom: 0.125rem;
  z-index: 1000;
  opacity: 0;
  bottom: -6.25rem;
  transition: all .32s; }
  .footer-mobile .flaticon {
    font-size: 1.125rem; }
  .footer-mobile .cart-amount,
  .footer-mobile .wishlist-amount {
    top: -5px;
    left: calc(100% - 5px);
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: #383735;
    color: #ffffff;
    font-size: 0.625rem;
    line-height: 1rem;
    text-align: center; }
  .footer-mobile.position-fixed {
    opacity: 1; }
  .footer-mobile.footer-mobile_initialized {
    bottom: 0;
    transition: all .32s; }

.footer-mobile__link {
  font-size: 0.8125rem; }


  @media (max-width: 575.98px) {
    .slideshow.h-xs-25rem {
      height: 25rem; } }
  @media (max-width: 991.98px) {
    .slideshow.minh-100 {
      min-height: calc(100vh - 4rem); } }
  @media (max-width: 767.98px) {
    .slideshow.minh-100 {
      min-height: calc(100vh - 7rem); } }

.slideshow_small {
  height: 20rem; }
  @media (min-width: 992px) {
    .slideshow_small {
      height: 28.125rem; } }

.swiper-slide {
  overflow: hidden; }

.slideshow-bg {
  height: 100%; }

.slideshow-bg__img {
  width: 100%;
  height: 100%; }

.slideshow-character__img {
  max-height: 555px; }
  @media (min-width: 992px) {
    .slideshow-character__img {
      max-height: 733px; } }
  .slideshow_small .slideshow-character__img {
    max-height: 20rem; }
    @media (min-width: 992px) {
      .slideshow_small .slideshow-character__img {
        max-height: 28.125rem; } }

.character_bg {
  max-width: 140%;
  width: 43.125rem;
  margin-top: -10%; }

.slideshow-pagination {
  z-index: 10; }
  .slideshow-pagination.type2 .swiper-pagination-bullet::after {
    color: #767676; }
  .slideshow-pagination.type2 .swiper-pagination-bullet-active {
    border-color: transparent; }
    .slideshow-pagination.type2 .swiper-pagination-bullet-active::after {
      color: #222222;
      width: 0.625rem;
      height: 0.625rem;
      margin-top: -0.3125rem;
      margin-left: -0.3125rem; }
  .slideshow-pagination.position-left-center {
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 1rem;
    transform: translateX(-50%);
    display: flex;
    width: auto; }
    @media (min-width: 1700px) {
      .slideshow-pagination.position-left-center {
        left: 3.75rem;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        flex-direction: column; } }
  .slideshow-pagination.position-right-center {
    position: absolute;
    left: auto;
    right: 50%;
    top: auto;
    bottom: 1rem;
    transform: translateX(50%);
    display: flex;
    width: auto; }
    @media (min-width: 1500px) {
      .slideshow-pagination.position-right-center {
        right: 3.75rem;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
        flex-direction: column; }
        .slideshow-pagination.position-right-center.position-right-2 {
          right: 2.6875rem; } }

.lookbook-container .slideshow-pagination.position-right-center {
  position: static;
  align-items: center;
  justify-content: center;
  margin-top: 1rem; }
  @media (min-width: 1500px) {
    .lookbook-container .slideshow-pagination.position-right-center {
      position: absolute;
      right: -3.75rem; }
      .lookbook-container .slideshow-pagination.position-right-center.position-right-2 {
        right: -2.6875rem; }
        .lookbook-container .slideshow-pagination.position-right-center.position-right-2 .swiper-pagination-bullet {
          margin: 0.25rem 0; } }

.blog-pagination, .testimonial-pagination, .products-pagination, .slideshow-pagination {
  z-index: 10; }
  .blog-pagination.type2 .swiper-pagination-bullet-active, .testimonial-pagination.type2 .swiper-pagination-bullet-active, .products-pagination.type2 .swiper-pagination-bullet-active, .slideshow-pagination.type2 .swiper-pagination-bullet-active {
    border-color: transparent; }
    .blog-pagination.type2 .swiper-pagination-bullet-active::after, .testimonial-pagination.type2 .swiper-pagination-bullet-active::after, .products-pagination.type2 .swiper-pagination-bullet-active::after, .slideshow-pagination.type2 .swiper-pagination-bullet-active::after {
      color: #222222;
      width: 0.625rem;
      height: 0.625rem;
      margin-top: -0.3125rem;
      margin-left: -0.3125rem; }
  .blog-pagination.active-white .swiper-pagination-bullet::after, .testimonial-pagination.active-white .swiper-pagination-bullet::after, .products-pagination.active-white .swiper-pagination-bullet::after, .slideshow-pagination.active-white .swiper-pagination-bullet::after {
    color: #767676; }
  .blog-pagination.active-white .swiper-pagination-bullet-active::after, .testimonial-pagination.active-white .swiper-pagination-bullet-active::after, .products-pagination.active-white .swiper-pagination-bullet-active::after, .slideshow-pagination.active-white .swiper-pagination-bullet-active::after {
    color: #ffffff; }
  .blog-pagination.color-white .swiper-pagination-bullet::after, .testimonial-pagination.color-white .swiper-pagination-bullet::after, .products-pagination.color-white .swiper-pagination-bullet::after, .slideshow-pagination.color-white .swiper-pagination-bullet::after {
    color: #ffffff; }
  .blog-pagination.color-white .swiper-pagination-bullet-active::after, .testimonial-pagination.color-white .swiper-pagination-bullet-active::after, .products-pagination.color-white .swiper-pagination-bullet-active::after, .slideshow-pagination.color-white .swiper-pagination-bullet-active::after {
    color: #ffffff; }

.slideshow-number-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  border: 0;
  color: #767676;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.75rem; }
  .slideshow-number-pagination .swiper-pagination-bullet:before {
    content: '';
    border-top: 1px solid #767676;
    width: 2.3125rem;
    display: block; }
  .slideshow-number-pagination .swiper-pagination-bullet:after {
    display: none; }
  .slideshow-number-pagination .swiper-pagination-bullet:first-child:before {
    display: none; }
  .slideshow-number-pagination .swiper-pagination-bullet-active {
    color: #222222; }
@media (min-width: 1500px) {
  .slideshow-number-pagination.position-xxl-right-center {
    right: 0 !important;
    top: 50% !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateY(-50%);
    flex-direction: column;
    margin: 0 1.125rem; }
    .slideshow-number-pagination.position-xxl-right-center .swiper-pagination-bullet {
      flex-direction: column; }
      .slideshow-number-pagination.position-xxl-right-center .swiper-pagination-bullet:before {
        border-top: 0;
        border-left: 1px solid #767676;
        width: 1px;
        height: 2.3125rem; } }

.slideshow-navigation {
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 2.5rem; }
  .slideshow-navigation .slideshow__prev, .slideshow-navigation .slideshow__next {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    color: #767676;
    font-weight: 500;
    width: auto;
    opacity: 1; }
  .slideshow-navigation .slideshow__prev:after {
    content: '';
    display: block;
    width: 1.875rem;
    border-bottom: 2px solid;
    transition: all .3s ease; }
  .slideshow-navigation .slideshow__prev:hover {
    color: #222222; }
    .slideshow-navigation .slideshow__prev:hover:after {
      width: 3.125rem; }
  .slideshow-navigation .slideshow__next:before {
    content: '';
    display: block;
    width: 1.875rem;
    border-bottom: 2px solid;
    transition: all .3s ease; }
  .slideshow-navigation .slideshow__next:hover {
    color: #222222; }
    .slideshow-navigation .slideshow__next:hover:before {
      width: 3.125rem; }

.slideshow__prev,
.slideshow__next {
  width: 35px;
  height: 35px;
  transform: translateY(-50%);
  border-radius: 100%;
  z-index: 1;
  outline: none;
  cursor: pointer;
  color: #ffffff; }
  .slideshow__prev svg,
  .slideshow__next svg {
    fill: #ffffff; }
  .slideshow__prev .flaticon,
  .slideshow__next .flaticon {
    font-size: 10px; }
  @media (max-width: 767.98px) {
    .slideshow__prev,
    .slideshow__next {
      width: 25px;
      height: 25px; }
    .slideshow__prev svg,
    .slideshow__next svg {
      width: 15px;
      height: 30px; } }
  @media (min-width: 1530px) {
    .slideshow__prev,
    .slideshow__next {
      width: 25px;
      height: 25px;
      margin-top: -0.875rem;
      border: 0;
      transition: opacity .32s;
      }
      .slideshow__prev .flaticon,
      .slideshow__next .flaticon {
        font-size: 25px; }
      .slideshow__prev:hover,
      .slideshow__next:hover {
        opacity: 1; } }

.slideshow__prev {
  left: 0.25rem; }
  @media (min-width: 768px) {
    .slideshow__prev {
      left: 1rem; } }
  @media (min-width: 1530px) {
    .slideshow__prev {
      left: 3.5rem; } }

.slideshow__next {
  right: 0.25rem; }
  @media (min-width: 768px) {
    .slideshow__next {
      right: 1rem; } }
  @media (min-width: 1530px) {
    .slideshow__next {
      right: 3.5rem; } }

.slideshow-navigation-white-sm .slideshow__prev,
.slideshow-navigation-white-sm .slideshow__next {
  width: 75px;
  height: 75px;
  transform: translateY(-50%);
  border-radius: 100%;
  z-index: 1;
  color: #ffffff;
  outline: none;
  cursor: pointer;
  display: flex !important; }
  .slideshow-navigation-white-sm .slideshow__prev svg,
  .slideshow-navigation-white-sm .slideshow__next svg {
    fill: #ffffff; }
  @media (max-width: 767.98px) {
    .slideshow-navigation-white-sm .slideshow__prev,
    .slideshow-navigation-white-sm .slideshow__next {
      width: 25px;
      height: 25px;
      display: flex !important; }
    .slideshow-navigation-white-sm .slideshow__prev svg,
    .slideshow-navigation-white-sm .slideshow__next svg {
      width: 15px;
      height: 30px; } }
  @media (min-width: 768px) {
    .slideshow-navigation-white-sm .slideshow__prev,
    .slideshow-navigation-white-sm .slideshow__next {
      display: flex !important; } }
  .slideshow-navigation-white-sm .slideshow__prev .flaticon,
  .slideshow-navigation-white-sm .slideshow__next .flaticon {
    font-size: 10px; }

@media (max-width: 767.98px) {
  .slideshow_split {
    height: auto; } }

.slide-split_text {
  flex: 2 2 40%; }
  @media (max-width: 1499.98px) {
    .slide-split_text {
      flex: 2 2 50%; } }

.slide-split_media {
  flex: 1 1 60%; }
  @media (max-width: 1499.98px) {
    .slide-split_media {
      flex: 2 2 50%; } }

.slideshow-social-follow {
  width: 3.75rem;
  z-index: 1; }

.slideshow-social-follow__title {
  transform: rotate(-90deg);
  white-space: nowrap; }

.slideshow-scroll {
  width: 3.75rem;
  transform: rotate(-90deg) translateX(30%);
  white-space: nowrap;
  z-index: 3; }

.slideshow-boxed-right > .slideshow {
  height: 26.25rem;
  background-color: #eee;
  border-radius: 4px; }
  @media (min-width: 992px) {
    .slideshow-boxed-right > .slideshow {
      height: 31.875rem;
      width: 44rem;
      margin-left: auto;
      margin-right: 0;
      margin-top: 1.875rem; } }
  @media (min-width: 1200px) {
    .slideshow-boxed-right > .slideshow {
      width: 54rem; } }
  @media (min-width: 1500px) {
    .slideshow-boxed-right > .slideshow {
      width: 65.625rem; } }

.hover-effect .slideshow-text ul.sub-menu__list {
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease; }
.hover-effect:hover .slideshow-text ul.sub-menu__list {
  opacity: 1;
  visibility: visible; }

@media (min-width: 992px) {
  .collections-grid_masonry {
    height: 30rem; } }
@media (min-width: 1500px) {
  .collections-grid_masonry {
    height: 37.5rem; } }
.collections-grid_masonry .collection-grid__item {
  height: 17.8125rem; }
  @media (min-width: 992px) {
    .collections-grid_masonry .collection-grid__item {
      height: auto; } }

.collection-grid__item {
  margin-bottom: 0.9375rem; }
  @media (min-width: 992px) {
    .collection-grid__item {
      margin-bottom: 0; } }

.grid-banner__item_rect {
  min-height: 19.375rem; }
  @media (min-width: 992px) {
    .grid-banner__item_rect {
      min-height: 24.875rem; } }
  @media (min-width: 992px) {
    .grid-banner__item_rect_2 {
      min-height: 31.25rem; }
      .grid-banner__item_rect_2 .content_abs {
        --content-space: 4.5625rem; } }
  @media (min-width: 992px) {
    .grid-banner__item_rect_3 {
      min-height: 28.125rem; }
      .grid-banner__item_rect_3 .content_abs {
        --content-space: 3.125rem; } }

.products-grid .row {
  --bs-gutter-x: 0.875rem; }
  @media (min-width: 768px) {
    .products-grid .row {
      --bs-gutter-x: 1.5rem; } }
  @media (min-width: 992px) {
    .products-grid .row {
      --bs-gutter-x: 1.875rem; } }
.products-grid .nav {
  margin-left: -var(--bs-gutter-x);
  margin-right: -var(--bs-gutter-x); }

@media (min-width: 992px) {
  .products-masonry {
    height: 480px; }
    .products-masonry .pc__img-wrapper {
      height: 100%; } }
@media (min-width: 1200px) {
  .products-masonry {
    height: 640px; } }
@media (min-width: 1500px) {
  .products-masonry {
    height: 730px; } }

.deal-timer {
  --countdown-space: 1.125rem;
  min-height: 19.375rem;
  margin: 0 0.9375rem;
  padding: 2rem 1rem; }
  .deal-timer .countdown-unit {
    position: relative;
    min-width: 4.375rem;
    padding-right: calc(var(--countdown-space) * 2);
    font-size: 1.125rem;
    line-height: 1; }
  .deal-timer .countdown-word {
    font-size: 0.875rem; }
  .deal-timer .day:after,
  .deal-timer .hour:after,
  .deal-timer .min:after {
    content: ':';
    display: block;
    position: absolute;
    top: 0;
    right: var(--countdown-space); }
  @media (min-width: 768px) {
    .deal-timer {
      min-height: 25rem; }
      .deal-timer .countdown-unit {
        font-size: 1.5rem; } }
  @media (min-width: 992px) {
    .deal-timer {
      min-height: 31.25rem;
      padding: 2.5rem 0; }
      .deal-timer .countdown-unit {
        min-width: 6.25rem;
        font-size: 1.875rem; }
      .deal-timer .countdown-word {
        font-size: 1rem; } }
  @media (min-width: 1500px) {
    .deal-timer {
      --countdown-space: 1.375rem;
      min-height: 37.5rem;
      margin: 0 3.75rem; } }

.hot-deals {
  --countdown-space: 0.875rem; }
  .hot-deals .countdown-unit {
    position: relative;
    padding-right: calc(var(--countdown-space) * 2);
    line-height: 1;
    font-size: 1.125rem; }
  .hot-deals .countdown-word {
    font-size: 0.875rem; }
  .hot-deals .day:after,
  .hot-deals .hour:after,
  .hot-deals .min:after {
    content: ':';
    display: block;
    position: absolute;
    top: 0;
    right: var(--countdown-space); }

.swiper-slide.product-card {
  width: 50%; }
  @media (min-width: 768px) {
    .swiper-slide.product-card {
      width: 33.33333%; } }
  @media (min-width: 992px) {
    .swiper-slide.product-card {
      width: 25%; } }

.products-carousel__prev,
.products-carousel__next {
  width: 35px;
  height: 35px;
  margin-top: -2.2rem;
  transform: translateY(-50%);
  background-color: #ffffff;
  z-index: 1;
  outline: none; }
  .products-carousel__prev svg,
  .products-carousel__next svg {
    color: #767676;
    width: 20px;
    height: auto; }
  .products-carousel__prev.type2,
  .products-carousel__next.type2 {
    background-color: #eee; }
    .products-carousel__prev.type2 svg,
    .products-carousel__next.type2 svg {
      width: 0.75rem; }
  @media (min-width: 1530px) {
    .products-carousel__prev:not(.navigation-sm),
    .products-carousel__next:not(.navigation-sm) {
      width: 25px;
      height: 25px;
      margin-top: -0.875rem;
      border: 0;
      transition: opacity .32s;
      opacity: 0.5; }
      .products-carousel__prev:not(.navigation-sm) svg,
      .products-carousel__next:not(.navigation-sm) svg {
        width: 25px; }
      .products-carousel__prev:not(.navigation-sm):hover,
      .products-carousel__next:not(.navigation-sm):hover {
        opacity: 1; }
      .products-carousel__prev:not(.navigation-sm).type2,
      .products-carousel__next:not(.navigation-sm).type2 {
        width: 2.8125rem;
        height: 2.8125rem; } }

.products-carousel__prev {
  left: -0.625rem; }
  @media (min-width: 1530px) {
    .products-carousel__prev {
      left: -3rem; }
      .products-carousel__prev.type2 {
        left: -4.5rem; } }

.products-carousel__next {
  right: -0.625rem; }
  @media (min-width: 1530px) {
    .products-carousel__next {
      right: -3rem; }
      .products-carousel__next.type2 {
        right: -4.5rem; } }

.products-carousel-with-banner .products-carousel__prev svg, .products-carousel-with-banner .products-carousel__next svg {
  width: 0.9375rem;
  height: auto; }
.products-carousel-with-banner__category {
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-90deg);
  transform-origin: right top; }

.instagram__img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover; }

.instagram .row {
  margin: -7px; }
  @media (min-width: 768px) {
    .instagram .row {
      margin: -3px; } }

.instagram__tile {
  padding: 7px; }
  @media (min-width: 768px) {
    .instagram__tile {
      padding: 3px; } }

.service-promotion__icon .flaticon {
  font-size: 3.25rem; }
.service-promotion__icon img {
  max-width: 50px;
  width: 100%;
  height: auto;
  object-fit: contain; }
.service-promotion__content {
  font-size: 0.9375rem; }
.service-promotion.horizontal {
  border-bottom: 1px solid #e8e8e8 !important;

}
  .service-promotion.horizontal .service-promotion__icon .flaticon {
    font-size: 2.8125rem; }
  @media (max-width: 768px) {
    .service-promotion.horizontal .service-promotion__icon {
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .service-promotion.horizontal .service-promotion__icon img {
      max-width: 45px;
      max-height: 45px;
      width: auto;
      height: auto; }
    .service-promotion.horizontal .service-promotion__icon .flaticon {
      font-size: 2rem !important; } }
  @media (max-width: 576px) {
    .service-promotion.horizontal .service-promotion__icon {
      width: 40px;
      height: 40px; }
    .service-promotion.horizontal .service-promotion__icon img {
      max-width: 40px;
      max-height: 40px; }
    .service-promotion.horizontal .service-promotion__icon .flaticon {
      font-size: 1.75rem !important; } }

.shop-banner {
  min-height: 18.5rem; }
  @media (min-width: 1200px) {
    .shop-banner {
      min-height: 21.5rem; } }
  @media (min-width: 1200px) {
    .shop-banner {
      min-height: 26.25rem; } }

.shop-acs__select {
  padding-right: 0.9375rem;
  background-position: right center;
  cursor: pointer;
  padding-left: 0;
  box-shadow: none !important;
  text-transform: uppercase;
  font-weight: 500; }

.shop-asc__seprator {
  width: 2px;
  height: 22px; }

.aside-filters {
  overflow-x: hidden;
  overflow-y: auto; }

.shop-acs .multi-select__actor {
  padding-right: 2.8125rem; }
.shop-acs .filters-container {
  border: 1px solid #e4e4e4; }

.shop-pages .flaticon {
  font-size: 0.625rem; }

.shop-sidebar {
  width: 18.75rem;
  min-width: 18.75rem; }

.aside-filters .accordion-button__icon,
.shop-sidebar .accordion-button__icon {
  width: 0.625rem;
  height: 0.625rem; }

.shop-list {
  max-width: 100%; }
  @media (min-width: 992px) {
    .shop-list {
      max-width: calc(100% - 22.5rem); } }

.side-sticky {
  position: fixed;
  top: 0;
  right: -26.25rem;
  left: auto;
  width: 26.25rem;
  max-width: 100%;
  height: 100vh;
  padding: 0 1.25rem 1.75rem;
  transition: left .35s, right .35s;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1050; }
  .side-sticky.aside_visible {
    right: 0; }
  .side-sticky .accordion {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  @media (min-width: 992px) {
    .side-sticky {
      position: sticky;
      top: 0;
      right: auto;
      left: 0;
      width: 18.75rem;
      height: 100%;
      padding: .375rem 0 0;
      margin-right: 3.75rem;
      z-index: 1; }
      .side-sticky .accordion {
        padding-left: 0;
        padding-right: 0; } }

.shop-categories {
  --item-space: 0.9375rem;
  padding: calc(var(--item-space) * 2) var(--item-space); }
  @media (min-width: 992px) {
    .shop-categories {
      --item-space: 1.875rem;
      padding: var(--item-space); } }
  @media (min-width: 1500px) {
    .shop-categories {
      --item-space: 3.75rem; } }

.shop-categories__list {
  margin: 0 calc(var(--item-space) * -1 / 2); }

.shop-categories__item,
.shop-categories__item_sm {
  margin-right: calc(var(--item-space) / 2);
  margin-left: calc(var(--item-space) / 2);
  transition: filter .2s; }
  .shop-categories__item:hover,
  .shop-categories__item_sm:hover {
    filter: brightness(0.97); }

.shop-categories__item-img {
  width: 5rem;
  height: 5rem;
  background-color: #e4e4e4; }
  @media (min-width: 992px) {
    .shop-categories__item-img {
      width: 6.25rem;
      height: 6.25rem; } }
  @media (min-width: 1500px) {
    .shop-categories__item-img {
      width: 7.5rem;
      height: 7.5rem; }
      .shop-categories__item_sm .shop-categories__item-img {
        width: 6.25rem;
        height: 6.25rem; } }

@media (min-width: 576px) {
  .block-newsletter {
    padding: 0 1rem; } }
.block-newsletter .block__title {
  color: #222222;
  margin-bottom: 1.125rem; }
.block-newsletter p {
  margin-bottom: 1.5rem; }
.block-newsletter .block-newsletter__form {
  display: flex;
  gap: 1.25rem; }
.block-newsletter .form-control {
  border-width: 1px;
  border-color: #e4e4e4; }
.block-newsletter .btn {
  font-size: 0.875rem;
  background-color: #222222; }
.block-newsletter.dark .block__title {
  color: inherit; }
.block-newsletter.dark .form-control {
  border-color: #353535;
  background-color: #353535;
  color: #ffffff; }
  .block-newsletter.dark .form-control::placeholder {
    color: #e4e4e4; }
.block-newsletter.dark .btn {
  border-color: #5C5C5C;
  background-color: #5C5C5C;
  color: #ffffff; }

.newsletter-popup {
  width: 56.25rem;
  max-width: calc(100% - 1rem); }
  .newsletter-popup .modal-content {
    overflow: hidden; }
    .newsletter-popup .modal-content .btn-close {
      position: absolute;
      right: 0.75rem;
      top: 1rem; }
  .newsletter-popup .block-newsletter {
    padding: 1.875rem 1.25rem; }
    @media (min-width: 768px) {
      .newsletter-popup .block-newsletter {
        padding: 3.5rem 2.5rem; } }

@media (min-width: 1200px) {
  .product-single > .row {
    --bs-gutter-x: 1.75rem;
    margin-top: 20px;

  
  } }
.product-single__media {
  display: flex;
  width: 100%;
  margin: 0 -0.3125rem;
  position: relative;
  flex-direction: column;
  margin-bottom: 3rem; }
  @media (min-width: 992px) {
    .product-single__media {
      flex-direction: row;
      margin-bottom: 0; } }
  .product-single__media .swiper-container {
    width: 100%;
    height: 100%; }
  .product-single__media .swiper-button-prev, .product-single__media .swiper-button-next {
    width: 2.1875rem;
    height: 2.1875rem;
    background-color: #fff;
    border-radius: 2rem;
    font-size: 0.875rem;
    color: #222222; }
    .product-single__media .swiper-button-prev:hover, .product-single__media .swiper-button-next:hover {
      background-color: #e4e4e4; }
    .product-single__media .swiper-button-prev:after, .product-single__media .swiper-button-next:after {
      display: none; }
    @media (min-width: 576px) {
      .product-single__media .swiper-button-prev, .product-single__media .swiper-button-next {
        width: 2.8125rem;
        height: 2.8125rem; } }
  .product-single__media .swiper-button-prev {
    left: 1rem;
    z-index: 1; }
    @media (min-width: 576px) {
      .product-single__media .swiper-button-prev {
        left: 2rem; } }
  .product-single__media .swiper-button-next {
    right: 1rem;
    z-index: 1; }
    @media (min-width: 576px) {
      .product-single__media .swiper-button-next {
        right: 2rem; } }
  .product-single__media.vertical-thumbnail .product-single__image {
    flex: 0 0 85.7142%;
    max-width: 85.7142%; }
    @media (max-width: 991.98px) {
      .product-single__media.vertical-thumbnail .product-single__image {
        flex: 0 0 100%;
        max-width: 100%; } }
    .product-single__media.vertical-thumbnail .product-single__image-item {
      position: relative;
      display: block !important;
      padding: 0.3125rem; }
      .product-single__media.vertical-thumbnail .product-single__image-item > a, .product-single__media.vertical-thumbnail .product-single__image-item > button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.8125rem;
        height: 2.8125rem;
        position: absolute;
        right: 1.875rem;
        bottom: 1.875rem;
        border-radius: 2rem;
        background-color: #fff;
        transition: all .3s ease; }
        .product-single__media.vertical-thumbnail .product-single__image-item > a:hover, .product-single__media.vertical-thumbnail .product-single__image-item > button:hover {
          background-color: #e4e4e4; }
        .product-single__media.vertical-thumbnail .product-single__image-item > a svg, .product-single__media.vertical-thumbnail .product-single__image-item > button svg {
          pointer-events: none; }
        @media (max-width: 575.98px) {
          .product-single__media.vertical-thumbnail .product-single__image-item > a, .product-single__media.vertical-thumbnail .product-single__image-item > button {
            width: 2.1875rem;
            height: 2.1875rem;
            right: 1rem;
            bottom: 1rem; }
            .product-single__media.vertical-thumbnail .product-single__image-item > a svg, .product-single__media.vertical-thumbnail .product-single__image-item > button svg {
              width: 0.7775rem;
              height: 0.7775rem; } }
        .product-single__media.vertical-thumbnail .product-single__image-item > a.view-video, .product-single__media.vertical-thumbnail .product-single__image-item > button.view-video {
          bottom: 6rem;
          border: 0; }
          .product-single__media.vertical-thumbnail .product-single__image-item > a.view-video .flaticon, .product-single__media.vertical-thumbnail .product-single__image-item > button.view-video .flaticon {
            font-size: 1rem;
            pointer-events: none; }
          @media (max-width: 575.98px) {
            .product-single__media.vertical-thumbnail .product-single__image-item > a.view-video, .product-single__media.vertical-thumbnail .product-single__image-item > button.view-video {
              bottom: 4rem; }
              .product-single__media.vertical-thumbnail .product-single__image-item > a.view-video .flaticon, .product-single__media.vertical-thumbnail .product-single__image-item > button.view-video .flaticon {
                font-size: 0.75rem; } }
        .product-single__media.vertical-thumbnail .product-single__image-item > a.product-degree, .product-single__media.vertical-thumbnail .product-single__image-item > button.product-degree {
          left: 1.875rem;
          top: 1.875rem;
          right: auto;
          bottom: auto;
          background-color: transparent;
          width: auto;
          height: auto;
          padding-top: 0.5rem;
          padding-right: 0.5rem; }
          .product-single__media.vertical-thumbnail .product-single__image-item > a.product-degree .flaticon, .product-single__media.vertical-thumbnail .product-single__image-item > button.product-degree .flaticon {
            font-size: 2.5rem;
            pointer-events: none; }
          @media (max-width: 575.98px) {
            .product-single__media.vertical-thumbnail .product-single__image-item > a.product-degree, .product-single__media.vertical-thumbnail .product-single__image-item > button.product-degree {
              left: 1rem;
              top: 1rem;
              right: auto;
              bottom: auto; }
              .product-single__media.vertical-thumbnail .product-single__image-item > a.product-degree .flaticon, .product-single__media.vertical-thumbnail .product-single__image-item > button.product-degree .flaticon {
                font-size: 1.5rem; } }
    .product-single__media.vertical-thumbnail .product-single__image img {
      width: 100%; }
  .product-single__media.vertical-thumbnail .product-single__thumbnail {
    flex: 0 0 100%;
    max-width: 1000%;
    order: 1; }
    @media (min-width: 992px) {
      .product-single__media.vertical-thumbnail .product-single__thumbnail {
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
        order: -1; } }
    .product-single__media.vertical-thumbnail .product-single__thumbnail .swiper-slide {
      cursor: pointer;
      opacity: .5;
      border: 0; }
      .product-single__media.vertical-thumbnail .product-single__thumbnail .swiper-slide.swiper-slide-thumb-active {
        opacity: 1; }
  .product-single__media.horizontal-thumbnail {
    flex-direction: column; }
    .product-single__media.horizontal-thumbnail .product-single__image {
      flex: 0 0 100%;
      max-width: 100%; }
      .product-single__media.horizontal-thumbnail .product-single__image-item {
        position: relative;
        display: block !important;
        padding: 0.3125rem; }
        .product-single__media.horizontal-thumbnail .product-single__image-item > a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 2.8125rem;
          height: 2.8125rem;
          position: absolute;
          right: 1.875rem;
          bottom: 1.875rem;
          border-radius: 2rem;
          background-color: #fff;
          transition: all .3s ease; }
          .product-single__media.horizontal-thumbnail .product-single__image-item > a:hover {
            background-color: #e4e4e4; }
          .product-single__media.horizontal-thumbnail .product-single__image-item > a svg {
            pointer-events: none; }
      .product-single__media.horizontal-thumbnail .product-single__image img {
        width: 100%; }
    .product-single__media.horizontal-thumbnail .product-single__thumbnail {
      flex: 0 0 100%;
      max-width: 100%; }
      .product-single__media.horizontal-thumbnail .product-single__thumbnail .swiper-slide {
        cursor: pointer;
        opacity: .5;
        border: 0; }
        .product-single__media.horizontal-thumbnail .product-single__thumbnail .swiper-slide.swiper-slide-thumb-active {
          opacity: 1; }
  @media (min-width: 992px) {
    .product-single__media.vertical-dot {
      padding-left: 5.375rem; } }
  .product-single__media.vertical-dot .product-single__image {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    position: static; }
    .product-single__media.vertical-dot .product-single__image .swiper-container {
      position: static; }
    .product-single__media.vertical-dot .product-single__image .swiper-wrapper {
      margin-bottom: 1rem; }
      @media (min-width: 992px) {
        .product-single__media.vertical-dot .product-single__image .swiper-wrapper {
          margin-bottom: 0; } }
    .product-single__media.vertical-dot .product-single__image-item {
      position: relative;
      display: block !important;
      padding: 1rem; }
      @media (min-width: 576px) {
        .product-single__media.vertical-dot .product-single__image-item {
          padding: 10%; } }
      .product-single__media.vertical-dot .product-single__image-item > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.8125rem;
        height: 2.8125rem;
        position: absolute;
        right: 1.875rem;
        bottom: 1.875rem;
        border-radius: 2rem;
        background-color: #fff;
        transition: all .3s ease; }
        .product-single__media.vertical-dot .product-single__image-item > a:hover {
          background-color: #e4e4e4; }
    .product-single__media.vertical-dot .product-single__image img {
      width: 100%; }
    .product-single__media.vertical-dot .product-single__image .swiper-pagination {
      position: static;
      transform: none;
      flex-direction: row;
      justify-content: center;
      left: 0;
      top: 50%;
      display: flex;
      gap: 0.5rem;
      width: auto;
      bottom: auto; }
      @media (min-width: 992px) {
        .product-single__media.vertical-dot .product-single__image .swiper-pagination {
          position: absolute;
          transform: translateY(-50%);
          flex-direction: column; } }
      .product-single__media.vertical-dot .product-single__image .swiper-pagination-bullet:first-child {
        margin-left: 4px; }
  .product-single__media .product-label {
    position: absolute;
    left: auto;
    right: 1rem;
    top: 1rem;
    width: 4.5625rem;
    height: 4.5625rem;
    border-radius: 3rem;
    background-color: #D6001C;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 0.5rem;
    text-align: center;
    line-height: 1.4;
    z-index: 1; }
    @media (min-width: 768px) {
      .product-single__media .product-label {
        right: -1.125rem;
        top: 1.875rem; } }
.product-single__prev-next {
  gap: 1.875rem;
  display: none !important; }
  @media (min-width: 992px) {
    .product-single__prev-next {
      display: flex !important; } }
  .product-single__prev-next > a {
    display: flex;
    align-items: center;
    gap: 0.625rem; }
    .product-single__prev-next > a .flaticon {
      font-size: 0.75rem; }
    .product-single__prev-next > a.disabled {
      opacity: .5;
      pointer-events: none; }
.product-single__name {
  font-size: 32px; } /* Masaüstü için büyütüldü (22px'den 32px'e) */
.product-single__rating {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.625rem; }
.product-single__price {
  font-size: 1.375rem;
  font-weight: 500;
  margin-bottom: 5px;

}
  .product-single__price span.old-price {
    font-size: 1rem;
    color: #767676;
    font-weight: 400;
    text-decoration: line-through; }
  .product-single__price .special-price {
    color: #000; }
.product-single__short-desc {
  margin-bottom: 2.1875rem; }
.product-single__addtocart {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 0.1875rem;

}
  .product-single__addtocart .qty-control {
    min-width: 7.25rem; }
    .product-single__addtocart .qty-control__number {
      border: 2px solid #E4E4E4;
      height: 3.75rem;
      padding: 0 2rem;
      min-width: 6.5rem; 
      border-radius: 10px;
    }
    .product-single__addtocart .qty-control__reduce, .product-single__addtocart .qty-control__increase {
      font-size: 1rem;
      text-align: center;
      top: 50%;
      transform: translateY(-50%);
      width: 2rem; }
    .product-single__addtocart .qty-control__reduce {
      padding-left: 1.25rem; }
    .product-single__addtocart .qty-control__increase {
      padding-right: 1.25rem; }
  .product-single__addtocart .btn-addtocart {
    height: 3.75rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    width: 17.5rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 10px;
  }
    .product-single__addtocart .btn-addtocart.btn-outofstock {
      border: 2px solid #D6001C;
      color: #D6001C;
      background-color: #fff;
      cursor: default;
      pointer-events: none; }
  .product-single__addtocart.product-single__grouped {
    flex-direction: column;
    align-items: normal;
    gap: 0; }
    .product-single__addtocart.product-single__grouped .grouped-item {
      display: flex;
      align-items: center;
      gap: 1.5rem;
      border-top: 1px solid #e4e4e4;
      padding: 1.25rem 0; }
      .product-single__addtocart.product-single__grouped .grouped-item:first-child {
        border-top: 0;
        padding-top: 0; }
      .product-single__addtocart.product-single__grouped .grouped-item__name {
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .product-single__addtocart.product-single__grouped .grouped-item__price {
        margin-left: auto;
        font-weight: 500; }
    .product-single__addtocart.product-single__grouped > div:not(.grouped-item) {
      margin-top: 1.2rem; }
.product-single__addtolinks {
  font-size: 0.8125rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem; }
  .product-single__addtolinks > a, .product-single__addtolinks > .share-button > button {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0 0 0.625rem;
    text-transform: uppercase;
    border: 0;
    background-color: transparent;
    font-weight: 500; }
    .product-single__addtolinks > a:hover:after, .product-single__addtolinks > .share-button > button:hover:after {
      width: 50%; }
    .product-single__addtolinks > a .flaticon, .product-single__addtolinks > .share-button > button .flaticon {
      font-size: 1rem; }
  .product-single__addtolinks > .add-to-wishlist.active svg {
    color: #C32929; }
.product-single__meta-info {

  font-size: 15px;
    line-height: 1.5rem;
    margin-bottom: 15px;
    margin-top: 10px;

}
  .product-single__meta-info label {
    color: #767676;
    text-transform: uppercase; }
.product-single__details-tab {
  margin: 4.25rem auto 2.375rem; }
  .product-single__details-tab > .nav-tabs {
    justify-content: center;
    text-transform: uppercase; }
    @media (max-width: 575.98px) {
      .product-single__details-tab > .nav-tabs {
        flex-direction: column; 
      }

      .container-sm {
        padding-right: 0;
        padding-left: 0;
        max-width: none;
        margin: 0;

    }
        .product-single__details-tab > .nav-tabs .nav-link {
          width: max-content; } }
  .product-single__details-tab > .tab-content {
    padding: 3.125rem 0; }
.product-single__description * {
  line-height: 1.875rem; }
.product-single__addtional-info > .item {
  margin-bottom: 1.875rem; }
  .product-single__addtional-info > .item label {
    min-width: 8.75rem;
    margin: 0; }
.product-single__reviews-title {
  font-size: 1.125rem;
  margin-bottom: 1.75rem; }
.product-single__reviews-list {
  display: flex;
  flex-direction: column;
  gap: 1.87rem;
  margin-bottom: 2.375rem; }
.product-single__reviews-item {
  display: flex;
  gap: 1.875rem;
  border-bottom: 1px solid #e4e4e4; }
  .product-single__reviews-item:last-child {
    border-bottom: 0; }
  .product-single__reviews-item .customer-avatar {

    flex: 0 0 6.75rem;
    width: 5.75rem;
    height: 5.75rem;
    border-radius: 2rem;
    overflow: hidden;
  
  }
    .product-single__reviews-item .customer-avatar > img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .product-single__reviews-item .customer-review .customer-name {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .product-single__reviews-item .customer-review .customer-name > h6, .product-single__reviews-item .customer-review .customer-name > .h6 {
      margin: 0;
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.5rem; }
  .product-single__reviews-item .customer-review .review-date {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #767676;
    margin-bottom: 1.25rem; }
  .product-single__reviews-item .customer-review .review-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5rem;
    color: #646060;
    margin-bottom: 1.5rem; }
.product-single__review-form form > h5, .product-single__review-form form > .h5 {
  font-size: 1.125rem;
  margin-bottom: 0.375rem; }
.product-single__review-form form > p {
  font-size: 0.875rem;
  color: #767676;
  line-height: 1.5rem;
  margin-bottom: 1.875rem; }
.product-single__review-form form .select-star-rating {
  margin-bottom: 2rem; }
.product-single__review-form form button {
  text-transform: uppercase;
  font-size: 0.875rem;
  min-width: 12.5rem; }
.product-single__swatches .product-swatch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2.5rem;
  margin-bottom: 1.875rem; }
  @media (max-width: 1499.98px) {
    .product-single__swatches .product-swatch {
      gap: 1rem; } }
  .product-single__swatches .product-swatch > label {
    font-size: 0.875rem;
    font-weight: 500;
    min-width: 3rem;
    text-transform: uppercase; }
  .product-single__swatches .product-swatch .swatch-list {
    display: flex;
    align-items: center;
    gap: 0.625rem; }
    .product-single__swatches .product-swatch .swatch-list > input[type="radio"] {
      display: none; }
  .product-single__swatches .product-swatch .sizeguide-link {
    margin-left: auto;
    font-size: 0.8125rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.875rem;
    position: relative; }
    @media (max-width: 1499.98px) {
      .product-single__swatches .product-swatch .sizeguide-link {
        margin-left: 0; } }
    .product-single__swatches .product-swatch .sizeguide-link:before {
      content: '';
      border-bottom: 2px solid;
      display: block;
      width: 0;
      transition: all .3s ease;
      position: absolute;
      left: 0;
      bottom: 0; }
    .product-single__swatches .product-swatch .sizeguide-link:hover:before {
      width: 100%; }
  .product-single__swatches .product-swatch .swatch {
    transition: all .3s ease; }
  .product-single__swatches .product-swatch.text-swatches .swatch {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.875rem;
    border: 1px solid #e4e4e4;
    padding: 0 0.8125rem; }
    .product-single__swatches .product-swatch.text-swatches .swatch.swatch_active, .product-single__swatches .product-swatch.text-swatches .swatch:hover {
      border-color: #222222; }
  .product-single__swatches .product-swatch.text-swatches input[type="radio"]:checked + label {
    border-color: #222222; }
  .product-single__swatches .product-swatch.color-swatches .swatch-color {
    margin: 0;
    border: 2px solid transparent; }
    .product-single__swatches .product-swatch.color-swatches .swatch-color.swatch_active, .product-single__swatches .product-swatch.color-swatches .swatch-color:hover {
      border-color: #222222; }
  .product-single__swatches .product-swatch.color-swatches input[type="radio"]:checked + label.swatch-color {
    border-color: #222222; }
  .product-single__swatches .product-swatch.color-swatches .swatch-image {
    width: 3.875rem;
    height: 3.875rem;
    border: 1px solid transparent; }
    .product-single__swatches .product-swatch.color-swatches .swatch-image.swatch_active, .product-single__swatches .product-swatch.color-swatches .swatch-image:hover {
      border-color: #e4e4e4; }
    .product-single__swatches .product-swatch.color-swatches .swatch-image img {
      pointer-events: none; }
  .product-single__swatches .product-swatch.color-swatches input[type="radio"]:checked + label.swatch-image {
    border-color: #e4e4e4; }
.product-single__additional-info {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: normal;
  gap: 0.5rem;
  margin-bottom: 1rem; }
  .product-single__additional-info > a {
    font-size: 0.8125rem;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    line-height: 1.5rem;
    width: max-content; }
    .product-single__additional-info > a:before {
      content: '';
      display: block;
      border-bottom: 2px solid;
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 0;
      transition: all .3s ease; }
    .product-single__additional-info > a:hover:before {
      width: 100%; }
  @media (min-width: 576px) {
    .product-single__additional-info {
      flex-direction: row;
      align-items: center;
      gap: 1.875rem; } }
  @media (min-width: 992px) {
    .product-single__additional-info {
      flex-direction: column;
      align-items: normal;
      gap: 0.5rem; } }
  @media (min-width: 1500px) {
    .product-single__additional-info {
      flex-direction: row;
      align-items: center;
      gap: 1.875rem; } }
.product-single__type-2 .product-single__top-background {
  background-color: #e0e0e0; }
.product-single__type-2 .product-single__swatches .product-swatch.text-swatches .swatch {
  border-color: #222222; }
  .product-single__type-2 .product-single__swatches .product-swatch.text-swatches .swatch:hover, .product-single__type-2 .product-single__swatches .product-swatch.text-swatches .swatch.swatch_active {
    box-shadow: 0 0 0 1px inset #222222; }
.product-single__type-2 .product-single__swatches .product-swatch.text-swatches input[type="radio"]:checked + label {
  box-shadow: 0 0 0 1px inset #222222;
  border-color: #222222; }
.product-single__type-2 .product-single__addtocart .qty-control__number {
  border-color: #222222;
  background-color: transparent; }
.product-single__type-3 .breadcrumb .menu-link {
  color: #767676; }
  .product-single__type-3 .breadcrumb .menu-link:hover {
    color: #767676; }
.product-single__type-3 .product-single {
  color: #fff; }
  .product-single__type-3 .product-single__top-background {
    background-color: #222222; }
  .product-single__type-3 .product-single__media.vertical-dot .product-single__image-item {
    padding: 0; }
  .product-single__type-3 .product-single__media.vertical-dot .product-single__image .swiper-pagination-bullet:after {
    color: #fff; }
  .product-single__type-3 .product-single__media.vertical-dot .product-single__image .swiper-pagination-bullet-active {
    border-color: #fff; }
    .product-single__type-3 .product-single__media.vertical-dot .product-single__image .swiper-pagination-bullet-active:after {
      color: #fff; }
  .product-single__type-3 .product-single__prev-next a, .product-single__type-3 .product-single__prev-next .menu-link {
    color: #767676; }
  .product-single__type-3 .product-single__name {
    color: #fff; }
  .product-single__type-3 .product-single__rating .reviews-note {
    color: #fff !important; }
  .product-single__type-3 .product-single__price {
    color: #fff; }
  .product-single__type-3 .product-single__short-desc {
    color: #e4e4e4; }
  .product-single__type-3 .product-single__swatches label {
    color: #767676; }
  .product-single__type-3 .product-single__swatches .product-swatch.text-swatches .swatch {
    border-color: #fff;
    color: #fff; }
    .product-single__type-3 .product-single__swatches .product-swatch.text-swatches .swatch:hover, .product-single__type-3 .product-single__swatches .product-swatch.text-swatches .swatch.swatch_active {
      box-shadow: 0 0 0 1px inset #fff; }
  .product-single__type-3 .product-single__swatches .product-swatch.text-swatches input[type="radio"]:checked + label {
    box-shadow: 0 0 0 1px inset #fff;
    border-color: #fff; }
  .product-single__type-3 .product-single__swatches .product-swatch.color-swatches .swatch-color.swatch_active, .product-single__type-3 .product-single__swatches .product-swatch.color-swatches .swatch-color:hover {
    border-color: #fff; }
  .product-single__type-3 .product-single__swatches .product-swatch.color-swatches input[type="radio"]:checked + label.swatch-color {
    border-color: #fff; }
  .product-single__type-3 .product-single__swatches .product-swatch .sizeguide-link {
    color: #fff; }
  .product-single__type-3 .product-single__addtocart .qty-control__number {
    background: transparent;
    border-color: #767676;
    color: #fff; }
  .product-single__type-3 .product-single__addtocart .qty-control__reduce, .product-single__type-3 .product-single__addtocart .qty-control__increase {
    color: #fff; }
  .product-single__type-3 .product-single__addtocart .btn-addtocart {
    background-color: #fff;
    color: #222222; }
  .product-single__type-3 .product-single__addtolinks > a {
    color: #fff; }
  .product-single__type-3 .product-single__meta-info label {
    color: #767676; }
  .product-single__type-3 .product-single__meta-info span {
    color: #fff; }
  .product-single__type-3 .product-single__additional-info > a {
    color: #fff; }
.product-single__type-4 .product-single__media:before {
  content: '';
  height: 100%;
  width: 100vw;
  background-color: #e6e6e6;
  position: absolute;
  right: 0;
  z-index: -1; }
  @media (max-width: 991.98px) {
    .product-single__type-4 .product-single__media:before {
      right: -9.5rem;
      width: calc(100% + 19rem); } }
.product-single__type-4 .product-single__image {
  width: 100%;
  position: relative;
  background-color: #e6e6e6; }
  .product-single__type-4 .product-single__image-item {
    padding-top: 6.25rem;
    height: 100vh;
    scroll-snap-align: center; }
    .product-single__type-4 .product-single__image-item img {
      height: 100%;
      width: 100%;
      object-fit: contain; }
.product-single__type-5 {
  margin-bottom: 6.25rem; }
  .product-single__type-5 .product-single__image-item img {
    width: 100%; }
  .product-single__type-5 .product-single__swatches .product-swatch {
    gap: 0.5rem; }
    .product-single__type-5 .product-single__swatches .product-swatch > label {
      flex: 0 0 100%; }
  .product-single__type-5 .product-single__additional-info {
    flex-wrap: wrap;
    row-gap: 0.5rem; }
.product-single__type-6 {
  margin-bottom: 6.25rem; }
.product-single__type-7 {
  margin-bottom: 6.25rem; }
  .product-single__type-7 .product-single__media {
    margin-bottom: 1.25rem; }
  .product-single__type-7 .product-single__image {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem; }
    .product-single__type-7 .product-single__image-item {
      flex: 0 0 calc(50% - 0.3125rem);
      max-width: calc(50% - 0.3125rem); }
      .product-single__type-7 .product-single__image-item:first-child {
        flex: 0 0 100%;
        max-width: 100%; }
  .product-single__type-7 .product-single__details {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 1.875rem;
    margin-bottom: 1rem;
    flex-wrap: wrap; }
    .product-single__type-7 .product-single__details > a {
      font-size: 1rem;
      font-weight: 500;
      text-transform: uppercase;
      position: relative;
      line-height: 1.5rem;
      color: #767676;
      transition: all .3s ease;
      white-space: nowrap; }
      .product-single__type-7 .product-single__details > a:before {
        content: '';
        display: block;
        border-bottom: 2px solid;
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        transition: all .3s ease; }
      .product-single__type-7 .product-single__details > a:hover {
        color: #222222; }
        .product-single__type-7 .product-single__details > a:hover:before {
          width: 100%; }
    @media (max-width: 575.98px) {
      .product-single__type-7 .product-single__details {
        flex-direction: column;
        align-items: normal;
        gap: 0.5rem; }
        .product-single__type-7 .product-single__details > a {
          width: max-content; } }
.product-single__type-9 {
  margin-bottom: 6.25rem; }
  .product-single__type-9 .product-single__details {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 1.875rem;
    margin-bottom: 1rem; }
    .product-single__type-9 .product-single__details > a {
      font-size: 1rem;
      font-weight: 500;
      text-transform: uppercase;
      position: relative;
      line-height: 1.5rem;
      color: #767676;
      transition: all .3s ease; }
      .product-single__type-9 .product-single__details > a:before {
        content: '';
        display: block;
        border-bottom: 2px solid;
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        transition: all .3s ease; }
      .product-single__type-9 .product-single__details > a:hover {
        color: #222222; }
        .product-single__type-9 .product-single__details > a:hover:before {
          width: 100%; }
    @media (max-width: 575.98px) {
      .product-single__type-9 .product-single__details {
        flex-direction: column;
        align-items: normal;
        gap: 0.5rem; }
        .product-single__type-9 .product-single__details > a {
          width: max-content; } }
.product-single__aside {
  width: 37.5rem;
  right: -37.5rem; }
  .product-single__aside .aside-content {
    height: calc(100% - 9rem);
    overflow-y: auto; }
.product-single__details-accordion {
  margin-bottom: 6rem; }
  .product-single__details-accordion .accordion-item {
    margin-bottom: 1.25rem; }
  .product-single__details-accordion .accordion-button {
    text-transform: uppercase;
    border: 0;
    border-bottom: 1px solid #e4e4e4;
    padding: 0.625rem 0;
    color: #767676; }
  .product-single__details-accordion .accordion-collapse {
    border: 0; }
  .product-single__details-accordion .accordion-body {
    padding: 1.5rem 0; }
.product-single__details-list {
  width: 65.3125rem;
  max-width: 100%;
  margin-top: 1.375rem; }
  .product-single__details-list__title {
    font-size: 1rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 3.4375rem; }
    .product-single__details-list__title:after {
      content: '';
      display: block;
      width: 2.5rem;
      border-bottom: 2px solid; }
  .product-single__details-list__content {
    padding-left: 7.1875rem;
    margin-bottom: 6.25rem; }
    @media (max-width: 575.98px) {
      .product-single__details-list__content {
        padding-left: 2.1875rem; } }

.header_transparent ~ main {
  padding-top: 0 !important;
  overflow: hidden; }

html.snap {
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-snap-points-y: repeat(100%); }

button.js-add-wishlist.active .flaticon.flaticon-heart, a.add-to-wishlist.active .flaticon.flaticon-heart {
  color: #d6001c; }

.quick-view {
  width: 73.125rem;
  max-width: calc(100% - 1rem); }
  .quick-view .product-single {
    display: flex;
    flex-wrap: wrap; }
    .quick-view .product-single__media {
      flex: 0 0 100%;
      max-width: 100%; }
      .quick-view .product-single__media img {
        width: 100%; }
      @media (min-width: 768px) {
        .quick-view .product-single__media {
          flex: 0 0 47%;
          max-width: 47%; } }
    .quick-view .product-single__detail {
      flex: 0 0 100%;
      max-width: 100%;
      padding: 1.875rem 1.25rem; }
      @media (min-width: 768px) {
        .quick-view .product-single__detail {
          flex: 0 0 53%;
          max-width: 53%;
          padding: 3.5rem 2.5rem; } }
  .quick-view .modal-content {
    overflow: hidden; }
    .quick-view .modal-content .btn-close {
      position: absolute;
      right: 0.75rem;
      top: 1rem; }

.shop-checkout .page-title {
  font-size: 2.1875rem;
  margin-bottom: 3.125rem;
  text-transform: uppercase; }
.shop-checkout .checkout-steps {
  display: flex;
  border-bottom: 2px solid #e4e4e4; }
  .shop-checkout .checkout-steps__item {
    flex-grow: 1;
    display: flex;
    gap: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px; }
    .shop-checkout .checkout-steps__item-number {
      font-size: 1.125rem;
      font-weight: 500; }
    .shop-checkout .checkout-steps__item-title {
      display: flex;
      flex-direction: column; }
      .shop-checkout .checkout-steps__item-title > span {
        font-size: 1.125rem;
        font-weight: 500;
        text-transform: uppercase; }
      .shop-checkout .checkout-steps__item-title > em {
        font-size: 0.875rem;
        font-weight: 400;
        font-style: normal;
        color: #767676; }
    .shop-checkout .checkout-steps__item.active {
      border-color: #222222; }
  @media (max-width: 991.98px) {
    .shop-checkout .checkout-steps {
      border-bottom: 0;
      border-left: 2px solid #e4e4e4;
      flex-direction: column; }
      .shop-checkout .checkout-steps__item {
        border-left: 2px solid transparent;
        margin-left: -2px;
        border-bottom: 0;
        margin-bottom: 0;
        padding: 0.5rem 1rem; } }

.shopping-cart {
  display: flex;
  flex-direction: column;
  gap: 3.625rem; }
  @media (min-width: 1200px) {
    .shopping-cart {
      flex-direction: row; } }
  .shopping-cart .cart-table__wrapper {
    padding-top: 3.125rem;
    flex-grow: 1; }
  .shopping-cart__totals-wrapper .sticky-content {
    padding-top: 3.125rem; }
  .shopping-cart__totals-wrapper .mobile_fixed-btn_wrapper:not(.fixed-btn) {
    padding: 0; }
  .shopping-cart__totals-wrapper .mobile_fixed-btn_wrapper .fixed-btn {
    position: fixed;
    left: var(--bs-gutter-x, 0.9375rem);
    right: var(--bs-gutter-x, 0.9375rem);
    bottom: 4rem;
    width: auto; }
    @media (min-width: 768px) {
      .shopping-cart__totals-wrapper .mobile_fixed-btn_wrapper .fixed-btn {
        bottom: 1rem; } }
    @media (min-width: 992px) {
      .shopping-cart__totals-wrapper .mobile_fixed-btn_wrapper .fixed-btn {
        position: static; } }
  .shopping-cart__totals-wrapper .btn-checkout {
    width: 100%;
    height: 3.75rem;
    font-size: 0.875rem; }
  .shopping-cart__totals {
    border: 1px solid #222;
    margin-bottom: 1.25rem;
    padding: 2.5rem 2.5rem 0.5rem;
    max-width: 100%; }
    @media (min-width: 1200px) {
      .shopping-cart__totals {
        width: 26.25rem; } }
    .shopping-cart__totals > h3, .shopping-cart__totals > .h3 {
      font-size: 1rem;
      text-transform: uppercase;
      margin-bottom: 1.25rem; }
    .shopping-cart__totals table {
      width: 100%; }
      .shopping-cart__totals table th, .shopping-cart__totals table td {
        border-bottom: 1px solid #e4e4e4;
        padding: 0.875rem 0;
        font-size: 0.875rem;
        font-weight: 500; }
      .shopping-cart__totals table th {
        text-transform: uppercase;
        vertical-align: baseline; }
      .shopping-cart__totals table tr:last-child th, .shopping-cart__totals table tr:last-child td {
        border-bottom: 0; }
  .shopping-cart .cart-table {
    width: 100%; }
    @media (min-width: 768px) {
      .shopping-cart .cart-table th, .shopping-cart .cart-table td {
        border-bottom: 1px solid #e4e4e4; } }
    .shopping-cart .cart-table thead {
      display: none; }
      @media (min-width: 768px) {
        .shopping-cart .cart-table thead {
          display: table-header-group; } }
      .shopping-cart .cart-table thead th {
        font-size: 0.875rem;
        text-transform: uppercase;
        font-weight: 500;
        padding: 0 0 0.625rem; }
    .shopping-cart .cart-table tbody tr {
      position: relative;
      display: block;
      padding: 1.25rem 0;
      border-bottom: 1px solid #e4e4e4;
      transition: all .3s ease; }
      @media (min-width: 768px) {
        .shopping-cart .cart-table tbody tr {
          display: table-row;
          padding: 0;
          border: 0; } }
      .shopping-cart .cart-table tbody tr:first-child {
        border-top: 1px solid #e4e4e4; }
        @media (min-width: 768px) {
          .shopping-cart .cart-table tbody tr:first-child {
            border: 0; } }
      .shopping-cart .cart-table tbody tr:after {
        content: '';
        display: block;
        clear: both; }
        @media (min-width: 768px) {
          .shopping-cart .cart-table tbody tr:after {
            display: none; } }
      .shopping-cart .cart-table tbody tr td {
        transition: all 0.32s cubic-bezier(0.39, 0.575, 0.565, 1); }
        .shopping-cart .cart-table tbody tr td > * {
          transition: all 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
          overflow: hidden;
          max-height: 12rem; }
      .shopping-cart .cart-table tbody tr._removed td {
        padding-top: 0;
        padding-bottom: 0; }
        .shopping-cart .cart-table tbody tr._removed td > * {
          display: block;
          max-height: 0; }
    .shopping-cart .cart-table tbody td {
      display: block;
      margin-left: 9.375rem; }
      @media (min-width: 768px) {
        .shopping-cart .cart-table tbody td {
          padding: 1.875rem 0;
          display: table-cell;
          margin: 0; } }
      .shopping-cart .cart-table tbody td:first-child {
        width: 9.375rem;
        float: left;
        margin-left: 0; }
        @media (min-width: 768px) {
          .shopping-cart .cart-table tbody td:first-child {
            float: none; } }
      .shopping-cart .cart-table tbody td .shopping-cart__product-price {
        display: none; }
        @media (min-width: 768px) {
          .shopping-cart .cart-table tbody td .shopping-cart__product-price {
            display: block; } }
      .shopping-cart .cart-table tbody td .shopping-cart__subtotal {
        float: right;
        display: block;
        margin-top: -2.2rem; }
        @media (min-width: 768px) {
          .shopping-cart .cart-table tbody td .shopping-cart__subtotal {
            float: none;
            margin: 0; } }
      .shopping-cart .cart-table tbody td .remove-cart {
        position: absolute;
        right: 0;
        top: 1rem; }
        @media (min-width: 768px) {
          .shopping-cart .cart-table tbody td .remove-cart {
            position: static; } }
    .shopping-cart .cart-table .qty-control {
      margin: 0.5rem 0; }
      @media (min-width: 768px) {
        .shopping-cart .cart-table .qty-control {
          width: 7.25rem;
          margin: 0; } }
      .shopping-cart .cart-table .qty-control__number {
        border: 0; }
        @media (min-width: 768px) {
          .shopping-cart .cart-table .qty-control__number {
            border: 2px solid #e4e4e4;
            height: 3.125rem;
            padding: 0 2rem;
            min-width: 6.875rem; } }
      .shopping-cart .cart-table .qty-control__reduce, .shopping-cart .cart-table .qty-control__increase {
        font-size: 1rem;
        text-align: center;
        top: 50%;
        transform: translateY(-50%); }
      .shopping-cart .cart-table .qty-control__reduce {
        left: 0; }
        @media (min-width: 768px) {
          .shopping-cart .cart-table .qty-control__reduce {
            left: 1.25rem; } }
      .shopping-cart .cart-table .qty-control__increase {
        right: 0; }
        @media (min-width: 768px) {
          .shopping-cart .cart-table .qty-control__increase {
            right: 1.25rem; } }
    .shopping-cart .cart-table-footer {
      display: flex;
      justify-content: space-between;
      padding-top: 1.875rem;
      gap: 1.875rem;
      flex-wrap: wrap; }
      .shopping-cart .cart-table-footer form {
        max-width: 100%; }
      .shopping-cart .cart-table-footer .form-control {
        width: 23.125rem;
        max-width: 100%;
        height: 3.875rem; }
      .shopping-cart .cart-table-footer button {
        height: 3.875rem; }
  .shopping-cart__product-item {
    display: flex;
    align-items: center;
    gap: 1.875rem; }
    .shopping-cart__product-item img {
      width: 7.5rem;
      height: auto; }
    .shopping-cart__product-item__detail h4, .shopping-cart__product-item__detail .h4 {
      font-size: 1rem;
      font-weight: 400;
      margin-bottom: 0; }
    .shopping-cart__product-item__options {
      list-style: none;
      padding: 0;
      margin: 0;
      margin-top: 0.5rem; }
      .shopping-cart__product-item__options li {
        font-size: 0.875rem;
        color: #767676; }
  .shopping-cart__product-price {
    font-size: 1rem;
    color: #767676; }
  .shopping-cart__subtotal {
    font-size: 1rem;
    font-weight: 500; }

.checkout-form {
  display: flex;
  gap: 3.625rem; }
  @media (max-width: 1199.98px) {
    .checkout-form {
      flex-direction: column; } }
  .checkout-form .billing-info__wrapper {
    padding-top: 3.125rem;
    flex-grow: 1; }
    .checkout-form .billing-info__wrapper .form-floating > label, .checkout-form .billing-info__wrapper .form-label-fixed > .form-label {
      color: #767676; }
  .checkout-form .checkout__totals-wrapper .sticky-content {
    padding-top: 3.125rem; }
  .checkout-form .checkout__totals-wrapper .btn-checkout {
    width: 100%;
    height: 3.75rem;
    font-size: 0.875rem; }
  .checkout-form .checkout__payment-methods {
    border: 1px solid #e4e4e4;
    margin-bottom: 1.25rem;
    padding: 2.5rem 2.5rem 1.5rem;
    width: 26.25rem; }
    @media (max-width: 1199.98px) {
      .checkout-form .checkout__payment-methods {
        width: 100%; } }
    .checkout-form .checkout__payment-methods label {
      font-size: 1rem;
      line-height: 1.5rem; }
      .checkout-form .checkout__payment-methods label .option-detail {
        font-size: 0.875rem;
        margin: 0.625rem 0 0;
        display: none; }
    .checkout-form .checkout__payment-methods .form-check-input:checked ~ label .option-detail {
      display: block; }
    .checkout-form .checkout__payment-methods .policy-text {
      font-size: 0.75rem;
      line-height: 1.5rem; }
      .checkout-form .checkout__payment-methods .policy-text > a {
        color: #c32929; }

.checkout__totals {
  border: 1px solid #222;
  margin-bottom: 1.25rem;
  padding: 2.5rem 2.5rem 0.5rem;
  width: 26.25rem; }
  @media (max-width: 1199.98px) {
    .checkout__totals {
      width: 100%; } }
  .checkout__totals > h3, .checkout__totals > .h3 {
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 1.25rem; }
  .checkout__totals table {
    width: 100%; }
  .checkout__totals .checkout-cart-items thead th {
    border-bottom: 1px solid #e4e4e4;
    padding: 0.875rem 0;
    font-size: 0.875rem;
    font-weight: 500; }
  .checkout__totals .checkout-cart-items tbody td {
    padding: 0.40625rem 0;
    color: #767676; }
  .checkout__totals .checkout-cart-items tbody tr:first-child td {
    padding-top: 0.8125rem; }
  .checkout__totals .checkout-cart-items tbody tr:last-child td {
    padding-bottom: 0.8125rem;
    border-bottom: 1px solid #e4e4e4; }
  .checkout__totals .checkout-totals th, .checkout__totals .checkout-totals td {
    border-bottom: 1px solid #e4e4e4;
    padding: 0.875rem 0;
    font-size: 0.875rem;
    font-weight: 500; }
  .checkout__totals .checkout-totals tr:last-child th, .checkout__totals .checkout-totals tr:last-child td {
    border-bottom: 0; }

.order-complete {
  width: 56.25rem;
  max-width: 100%;
  margin: 3.125rem auto;
  display: flex;
  flex-direction: column;
  gap: 2.25rem; }
  .order-complete__message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .order-complete__message svg {
      margin-bottom: 1.25rem; }
    .order-complete__message h3, .order-complete__message .h3 {
      font-size: 2.1875rem;
      text-align: center; }
    .order-complete__message p {
      color: #767676;
      margin-bottom: 0;
      text-align: center; }
  .order-complete .order-info {
    width: 100%;
    border: 2px dashed #767676;
    padding: 2.5rem;
    display: flex;
    gap: 1rem; }
    @media (max-width: 767.98px) {
      .order-complete .order-info {
        flex-direction: column; } }
    .order-complete .order-info__item {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      flex-grow: 1; }
      .order-complete .order-info__item label {
        font-size: 0.875rem;
        font-weight: 400;
        color: #767676; }
      .order-complete .order-info__item span {
        font-size: 1rem;
        font-weight: 500; }
  .order-complete .checkout__totals {
    width: 100%; }
    .order-complete .checkout__totals .checkout-cart-items thead th:last-child {
      }

.order-tracking {
  width: 31.25rem;
  max-width: 100%;
  margin: 0 auto;
  text-align: center; }
  .order-tracking .btn-track {
    height: 3.75rem;
    font-size: 0.875rem; }

.my-account .page-title {
  font-size: 2.1875rem;
  font-weight: 700;
  text-transform: uppercase; }
.my-account .account-nav {
  list-style: none;
  padding: 0;
  padding-top: 2.5rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
  border: 1px solid #ddd;
  padding: 15px;
}
  .my-account .account-nav .menu-link.menu-link_active {
    pointer-events: none;
    color: #c32929; }
.my-account .page-content {
  padding-top: 2.5rem; }
.my-account__dashboard p {
  width: 43.125rem;
  max-width: 100%; }
.my-account__dashboard .unerline-link {
  text-decoration: underline; }
.my-account__orders-list {
  overflow-x: auto;
  width: 100%; }
.my-account .orders-table {
  border: 1px solid #e4e4e4;
  width: 100%; }
  .my-account .orders-table thead th {
    background-color: #e4e4e4;
    padding: 1rem 1.875rem;
    text-transform: uppercase;
    font-size: 0.875rem; }
  .my-account .orders-table tbody td {
    border-top: 1px solid #e4e4e4;
    padding: 1.875rem; }
    .my-account .orders-table tbody td:first-child {
      text-decoration: underline; }
    .my-account .orders-table tbody td:last-child {
      width: 12.5rem; }
    .my-account .orders-table tbody td .btn {
      height: 3.125rem;
      font-size: 0.875rem; }
.my-account__address .notice {
  margin-bottom: 3.75rem; }
.my-account__address-list {
  display: flex;
  gap: 5.625rem; }
  @media (max-width: 767.98px) {
    .my-account__address-list {
      flex-direction: column; } }
.my-account__address-item {
  flex-grow: 1; }
  .my-account__address-item__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 0.875rem;
    font-weight: 500; }
    .my-account__address-item__title h5, .my-account__address-item__title .h5 {
      font-size: 1.125rem;
      margin: 0; }
    .my-account__address-item__title a {
      font-size: 0.8125rem;
      border-bottom: 2px solid; }
  .my-account__address-item__detail {
    line-height: 1.5rem; }
    .my-account__address-item__detail p {
      margin: 0; }
.my-account__edit .btn-primary {
  width: 18.75rem;
  height: 3.75rem;
  max-width: 100%;
  text-transform: uppercase;
  font-size: 0.875rem; }
.my-account__wishlist .btn-remove-from-wishlist {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  z-index: 2;
  border: 0;
  background-color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all .3s ease;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden; }
.my-account__wishlist .product-card:hover .btn-remove-from-wishlist {
  opacity: 1;
  visibility: visible; }

.blog-page-title {
  width: 112.5rem;
  height: 16rem;
  max-width: calc(100% - 1.875rem);
  border: 2px solid #e4e4e4;
  margin: 0 auto;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  padding: 1.25rem; }
  .blog-page-title .page-title {
    font-size: calc(1.5rem + 3vw);
    font-weight: 700;
    text-transform: uppercase; }
    @media (min-width: 1200px) {
      .blog-page-title .page-title {
        font-size: 3.75rem; } }
  .blog-page-title .title-bg {
    display: block;
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    top: 0.5rem;
    bottom: 0.5rem;
    z-index: -1; }
    .blog-page-title .title-bg img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  @media (min-width: 576px) {
    .blog-page-title {
      height: 27.5rem;
      padding: 0; } }
.blog-page .flaticon {
  font-size: 0.625rem; }
.blog__filter {
  display: flex;
  gap: 1rem;
  row-gap: 0;
  flex-wrap: wrap; }
  .blog__filter > a {
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500; }
.blog-grid__item {
  margin-bottom: 2.75rem;
  height: 100%;
  display: flex;
  flex-direction: column; }
  .blog-grid__item-image {
    margin-bottom: 1.25rem;
    overflow: hidden;
    border-radius: 0; }
    .blog-grid__item-image img {
      display: block;
      width: 100%;
      height: 220px;
      object-fit: cover;
      transition: transform 0.3s ease; }
    .blog-grid__item-image:hover img {
      transform: scale(1.05); }
  .blog-grid__item-meta {
    display: flex;
    gap: 1.5rem;
    text-transform: uppercase;
    color: #767676;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    font-size: 0.75rem; }
  .blog-grid__item-title {
    font-size: 1.625rem;
    margin-bottom: 1.875rem;
    line-height: 1.3;
    min-height: 2.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 991.98px) {
      .blog-grid__item-title {
        font-size: 1.125rem;
        margin-bottom: 1.25rem;
        min-height: 2rem; } }
  .blog-grid__item-content {
    flex: 1;
    display: flex;
    flex-direction: column; }
    .blog-grid__item-content p {
      margin-bottom: 0.625rem;
      line-height: 1.4;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      min-height: 3rem; }
  .blog-grid__item-content .readmore-link {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    font-weight: 500; }
    .blog-grid__item-content .readmore-link:after {
      content: '';
      display: block;
      width: 70%;
      border-bottom: 2px solid;
      position: absolute;
      bottom: -2px;
      left: 0;
      transition: all .3s ease; }
    .blog-grid__item-content .readmore-link:hover:after {
      width: 100%; }
.blog-grid.row-cols-xl-3 .blog-grid__item-title {
  font-size: 1.125rem;
  margin-bottom: 1.25rem; }
.blog-list {
  margin-bottom: 3.125rem; }
  @media (min-width: 992px) {
    .blog-list {
      margin-bottom: 6.25rem; } }
  .blog-list__item {
    margin-bottom: 1.875rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem; }
    @media (min-width: 992px) {
      .blog-list__item {
        flex-direction: row;
        align-items: center;
        gap: 3.125rem; } }
    .blog-list__item-image {
      flex: 0 0 100%;
      width: 100%; }
      @media (min-width: 992px) {
        .blog-list__item-image {
          flex: 0 0 calc(50% - 1.5625rem); } }
      .blog-list__item-image img {
        display: block;
        width: 100%; }
    .blog-list__item-detail {
      flex: 0 0 100%;
      padding: 0; }
      @media (min-width: 992px) {
        .blog-list__item-detail {
          flex: 0 0 calc(50% - 1.5625rem);
          padding: 1.875rem 0; } }
    .blog-list__item-meta {
      display: flex;
      gap: 1.5rem;
      text-transform: uppercase;
      color: #767676;
      margin-bottom: 0.25rem; }
    .blog-list__item-title {
      font-size: 1.125rem;
      margin-bottom: 1.25rem;
      line-height: 1.5; }
      @media (min-width: 992px) {
        .blog-list__item-title {
          font-size: 1.625rem;
          margin-bottom: 1.875rem; } }
    .blog-list__item-content p {
      margin-bottom: 0.625rem; }
    .blog-list__item-content .readmore-link {
      text-transform: uppercase;
      position: relative;
      display: inline-block;
      font-weight: 500; }
      .blog-list__item-content .readmore-link:after {
        content: '';
        display: block;
        width: 70%;
        border-bottom: 2px solid;
        position: absolute;
        bottom: -2px;
        left: 0;
        transition: all .3s ease; }
      .blog-list__item-content .readmore-link:hover:after {
        width: 100%; }
.blog-single .page-title {
  margin-bottom: 0.875rem; }
.blog-single__reviews-title {
  font-size: 1.125rem;
  margin-bottom: 1.75rem; }
.blog-single__reviews-list {
  display: flex;
  flex-direction: column;
  gap: 1.87rem;
  margin-bottom: 2.375rem; }
.blog-single__reviews-item {
  display: flex;
  gap: 1.875rem;
  border-bottom: 1px solid #e4e4e4; }
  .blog-single__reviews-item:last-child {
    border-bottom: 0; }
  .blog-single__reviews-item .customer-avatar {
    flex: 0 0 3.75rem;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 2rem;
    overflow: hidden; }
    .blog-single__reviews-item .customer-avatar > img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .blog-single__reviews-item .customer-review .customer-name {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .blog-single__reviews-item .customer-review .customer-name > h6, .blog-single__reviews-item .customer-review .customer-name > .h6 {
      margin: 0;
      font-size: 0.875rem;
      font-weight: 400;
      line-height: 1.5rem; }
  .blog-single__reviews-item .customer-review .review-date {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #767676;
    margin-bottom: 1.25rem; }
  .blog-single__reviews-item .customer-review .review-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #767676;
    margin-bottom: 1.5rem; }
.blog-single__review-form form > h5, .blog-single__review-form form > .h5 {
  font-size: 1.125rem;
  margin-bottom: 0.375rem; }
.blog-single__review-form form > p {
  font-size: 0.875rem;
  color: #767676;
  line-height: 1.5rem;
  margin-bottom: 1.875rem; }
.blog-single__review-form form .select-star-rating {
  margin-bottom: 2rem; }
.blog-single__review-form form button {
  text-transform: uppercase;
  font-size: 0.875rem;
  min-width: 12.5rem;
  height: 3.75rem; }
.blog-single__item-meta {
  display: flex;
  gap: 1.5rem;
  text-transform: uppercase;
  color: #767676;
  margin-bottom: 2.625rem; }
.blog-single__item-pagination {
  padding-top: 2.8125rem;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 3.125rem; }
  .blog-single__item-pagination p {
    margin-bottom: 2.625rem !important; }
  .blog-single__item-pagination a {
    color: #767676; }
.blog-single p {
  margin-bottom: 1.875rem; }
  .blog-single p img {
    margin-bottom: 3.25rem; }
.blog-single h5, .blog-single .h5 {
  margin-bottom: 1.875rem; }
.blog-single .text-list {
  margin-bottom: 1.875rem; }
  .blog-single .text-list__item {
    line-height: 1.875rem; }
.blog-single__item-share {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 3.125rem;
  flex-direction: column; }
  @media (min-width: 992px) {
    .blog-single__item-share {
      flex-direction: row; } }
.blog-single .btn-share {
  width: 13.75rem;
  height: 3.125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
  color: #fff;
  padding: 0; }
  .blog-single .btn-share.btn-facebook {
    background-color: #306199; }
  .blog-single .btn-share.btn-twitter {
    background-color: #26C4F1; }
  .blog-single .btn-share.btn-pinterest {
    background-color: #E82B2D; }
  .blog-single .btn-share.btn-more {
    background-color: #222222;
    font-size: 1.5625rem;
    padding: 0;
    width: 3.125rem; }

.about-us .page-title {
  font-size: 2.1875rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2.5rem; }
.about-us__content {
  line-height: 1.875rem; }

.brands-carousel .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center; }

.google-map__wrapper {
  height: 34.375rem;
  position: relative; }
  .google-map__wrapper > div {
    height: 100%; }
.google-map__marker-detail {
  position: absolute;
  left: 10rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 1.6875rem 1.875rem 1.25rem;
  width: auto;
  height: auto !important;
  background-color: #fff;
  border-radius: 4px;
  transition: all .3s ease; }
  @media (max-width: 767.98px) {
    .google-map__marker-detail {
      display: none; } }
  .google-map__marker-detail.hide {
    opacity: 0;
    visibility: hidden; }
  .google-map__marker-detail .btn-close {
    background: none;
    padding: 0;
    position: absolute;
    top: 1.25rem;
    right: 1.25rem; }
  .google-map__marker-detail__content a {
    display: none; }

.contact-us .page-title {
  font-size: 2.1875rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2.5rem; }
.contact-us__form input.form-control {
  height: 3.4375rem; }
.contact-us__form .btn {
  min-width: 12.5rem;
  height: 3.75rem;
  text-transform: uppercase;
  font-size: 0.875rem; }

.lookbook .page-title {
  font-size: calc(1.34375rem + 1.125vw);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2.5rem; }
  @media (min-width: 1200px) {
    .lookbook .page-title {
      font-size: 2.1875rem; } }
.lookbook-collection__item {
  display: block;
  padding-top: 57.68%; }
  .lookbook-collection__item.size-lg {
    padding-top: 119.7%; }
  .lookbook-collection__item-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
    .lookbook-collection__item-image img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }

.popover-point {
  padding: 1rem;
  border: 0;
  background-color: transparent; }
  .popover-point > span {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border: 0.3rem solid #fff;
    background-color: #383735;
    border-radius: 1rem; }
  .popover-point.type2 {
    padding: 0.2rem; }
    @media (min-width: 768px) {
      .popover-point.type2 {
        padding: 1rem; } }
    .popover-point.type2 > span {
      background-color: #ffffff;
      border-radius: 3rem;
      border: 0;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 0.625rem;
      height: 0.625rem;
      box-shadow: 0 0 0 0.2625rem rgba(255, 255, 255, 0.3);
      font-size: 0.5625rem;
      padding-bottom: 0.05rem; }
      @media (min-width: 768px) {
        .popover-point.type2 > span {
          width: 2.625rem;
          height: 2.625rem;
          box-shadow: 0 0 0 0.5625rem rgba(255, 255, 255, 0.3);
          font-size: 1.5625rem;
          padding-bottom: 0.2rem; } }
  .popover-point.type3 {
    padding: 0.2rem; }
    @media (min-width: 768px) {
      .popover-point.type3 {
        padding: 1rem; } }
    .popover-point.type3 > span {
      background-color: #ffffff;
      border-radius: 3rem;
      border: 0;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 0.625rem;
      height: 0.625rem;
      box-shadow: 0 0 0 0.2625rem rgba(255, 255, 255, 0.3);
      font-size: 0.5625rem;
      padding-bottom: 0.05rem; }
      @media (min-width: 768px) {
        .popover-point.type3 > span {
          width: 1.75rem;
          height: 1.75rem;
          box-shadow: 0 0 0 0.375rem rgba(255, 255, 255, 0.3);
          font-size: 1.5625rem;
          padding-bottom: 0.2rem; } }

.lookbook-products > h2, .lookbook-products > .h2 {
  pointer-events: none; }

.store-location .page-title {
  font-size: 2.1875rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2.5rem; }
.store-location__search {
  position: relative;
  width: 100%; }
  .store-location__search-input {
    padding: 1.25rem 3.875rem 1rem 1.25rem;
    height: 3.75rem;
    border: 1px solid #e4e4e4;
    font-size: 0.875rem;
    width: 100%; }
  .store-location__search-btn {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translateY(-50%);
    padding: 0; }
  .store-location__search-result__item {
    padding: 1.875rem 0;
    border-top: 1px solid #e4e4e4; }
    .store-location__search-result__item:first-child {
      border-top: 0; }
    .store-location__search-result__item h5, .store-location__search-result__item .h5 {
      margin-bottom: 0.8125rem; }
    .store-location__search-result__item a {
      font-size: 0.8125rem;
      line-height: 1.5rem;
      display: inline-block;
      position: relative;
      text-transform: uppercase;
      font-weight: 500; }
      .store-location__search-result__item a:after {
        content: '';
        display: block;
        border-bottom: 2px solid;
        width: 0;
        position: absolute;
        bottom: -2px;
        left: 0;
        transition: all .3s ease; }
      .store-location__search-result__item a:hover:after {
        width: 75%; }
.store-location .google-map__wrapper {
  height: 46.875rem;
  max-height: 100vh; }

.login-register {
  width: 40.625rem;
  max-width: 100%;
 }
  @media (max-width: 767.98px) {
    .login-register {
      padding: 0 1rem; } }
  .login-register .nav-tabs {
    justify-content: center;
    text-transform: uppercase; }
  .login-register .btn {
    font-size: 0.875rem;
    height: 3.75rem;
    font-weight: 500; }
  .login-register p {
    color: #767676; }

body.not-found-page {
  background: url(../../images/pattern_bg.png) center no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  body.not-found-page .header {
    background: transparent; }

.page-not-found {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5rem; }
  .page-not-found .content {
    width: 31.25rem;
    max-width: 100%;
    text-align: center; }
    .page-not-found .content h2, .page-not-found .content .h2 {
      font-size: calc(1.75rem + 6vw);
      font-weight: 700; }
      @media (min-width: 1200px) {
        .page-not-found .content h2, .page-not-found .content .h2 {
          font-size: 6.25rem; } }
    .page-not-found .content .btn {
      width: 21.25rem;
      max-width: 100%;
      height: 3.75rem;
      font-size: 0.875rem; }

body.coming-soon-page {
  background: url(../../images/pattern_bg.png) center no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  body.coming-soon-page .header {
    background: transparent; }

.coming-soon {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5rem; }
  .coming-soon .content {
    width: 46.875rem;
    max-width: 100%;
    text-align: center; }
    .coming-soon .content h2, .coming-soon .content .h2 {
      font-size: calc(1.75rem + 6vw);
      font-weight: 700;
      letter-spacing: -0.05em; }
      @media (min-width: 1200px) {
        .coming-soon .content h2, .coming-soon .content .h2 {
          font-size: 6.25rem; } }
    .coming-soon .content p {
      width: 29.75rem;
      max-width: 100%;
      margin: 0 auto; }
  .coming-soon .js-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem; }
    @media (min-width: 768px) {
      .coming-soon .js-countdown {
        gap: 3.625rem; } }
    .coming-soon .js-countdown .countdown-num {
      font-size: 1.875rem; }
    .coming-soon .js-countdown .countdown-word {
      font-size: 1rem; }
    .coming-soon .js-countdown .countdown-unit {
      position: relative;
      min-width: 3.625rem; }
      .coming-soon .js-countdown .countdown-unit:before {
        content: ':';
        display: block;
        position: absolute;
        font-size: 1.875rem;
        left: -1rem; }
        @media (min-width: 768px) {
          .coming-soon .js-countdown .countdown-unit:before {
            left: -2rem; } }
      .coming-soon .js-countdown .countdown-unit:first-child:before {
        display: none; }
  .coming-soon .block-newsletter .block-newsletter__form {
    height: 3.75rem; }
    .coming-soon .block-newsletter .block-newsletter__form button {
      font-weight: 400;
      font-size: 0.875rem; }

.image-banner {
  position: relative;
  min-height: 18.75rem;
  display: flex;
  align-items: center; }
  @media (min-width: 576px) {
    .image-banner {
      min-height: 30rem; } }
  @media (min-width: 992px) {
    .image-banner {
      min-height: 43.75rem; } }
  .image-banner__content {
    position: relative;
    z-index: 1;
    text-align: center; }
    .image-banner__content h2, .image-banner__content .h2 {
      font-size: calc(1.5rem + 3vw);
      font-weight: 700;
      text-transform: uppercase; }
      @media (min-width: 1200px) {
        .image-banner__content h2, .image-banner__content .h2 {
          font-size: 3.75rem; } }


          .category-banner__item {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            border: 1px solid #ddd;
        }
        
        .category-banner__item img {
          max-width: 100%;
          padding: 15px;
        }
        
        .category-banner__item-content {
            text-align: center; /* Başlığı ortalamak için */
        }
        
        .category-banner__item h3 {
            margin-top: 0; /* Başlığın üst boşluğunu sıfırlamak için */
        }



.category-banner__item:hover {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

 


           .category-banner__item-content h3 {
    font-size: 16px;
    display: flex;
    padding: 14px;
    position: relative;
    color: #5b5a5c;
    font-weight: 600 !important;
    text-transform: uppercase; }
  @media (max-width: 767.98px) {
    .category-banner__item-content h3 {
      font-size: 13px; } }
   
.category-banner__item-content img {
  max-width: 288px;
}

/* Kargo Koşulu Bilgileri Stilleri */
.cargo-condition-info {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.cargo-condition-info h4 {
    color: #495057;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 8px;
}

.condition-details {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.condition-item {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
}

.condition-item:last-child {
    border-bottom: none;
}

.condition-item strong {
    color: #495057;
    font-weight: 600;
    min-width: 120px;
    margin-right: 10px;
}

.condition-item span {
    color: #6c757d;
    font-weight: 500;
}

@media (min-width: 768px) {
    .condition-details {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
    
    .condition-item {
        padding: 10px 0;
    }
    
    .condition-item strong {
        min-width: 140px;
    }
}


  

    @media (min-width: 1200px) {
 }

.category-masonry__title {
  font-size: calc(1.4375rem + 2.25vw);
  line-height: 1.5; }
  @media (min-width: 1200px) {
    .category-masonry__title {
      font-size: 3.125rem; } }
.category-masonry__item {
  position: relative; }
  .category-masonry__item-category {
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(-90deg) translate(-100%, -100%);
    transform-origin: left top; }

.video-banner {
  height: 100vh;
  max-height: 43.75rem; }
  .video-banner:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5); }

.btn-video-player {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 0.125rem solid;
  border-radius: 4rem;
  padding-left: 0.125rem;
  transition: all .3s ease;
  background-color: transparent; }
  .btn-video-player:hover {
    background-color: rgba(0, 0, 0, 0.2); }
  .btn-video-player .flaticon {
    font-size: 1rem; }
  @media (min-width: 768px) {
    .btn-video-player {
      width: 4.375rem;
      height: 4.375rem;
      border: 0.25rem solid;
      padding-left: 0.25rem; }
      .btn-video-player .flaticon {
        font-size: 1.25rem; } }
  .btn-video-player svg {
    display: block; }
    .btn-video-player svg.btn-pause {
      display: none; }
    .btn-video-player svg.btn-play {
      margin-left: 0.3rem; }
  .btn-video-player.playing svg.btn-play {
    display: none; }
  .btn-video-player.playing svg.btn-pause {
    display: block; }

/* Adres Detayları CSS */
.address-details {
    margin-top: 8px;
    padding: 8px 0;
}

.address-details .name {
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}

.address-details .address {
    color: #666;
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 1.4;
}

.address-details .location {
    color: #888;
    font-size: 13px;
    margin-bottom: 4px;
}

.address-details .phone {
    color: #999;
    font-size: 12px;
}

/* Adres Header CSS */
.address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.address-header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.add-address-btn {
    background: #007bff;
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
}

.add-address-btn:hover {
    background: #0056b3;
    transform: translateY(-1px);
}

/* Adres Detayları Sola Yasla */
.address-details {
    text-align: left;
}

.address-item {
    text-align: left;
}

/* Kargo Seçimi Şık CSS */
.shipping-item {
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: white;
}

.shipping-item:hover {
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
    transform: translateY(-2px);
}

.shipping-item.selected {
    border-color: #dc3545;
    background: #f8fff9;
    box-shadow: 0 4px 16px rgba(40, 167, 69, 0.2);
}

.shipping-item-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.shipping-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shipping-name {
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

.shipping-status {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #dc3545;
    border-radius: 50%;
    color: white;
}

.shipping-price {
    font-size: 18px;
    font-weight: 700;
    color: #dc3545;
    text-align: right;
}

.shipping-item.selected .shipping-price {
    color: #dc3545;
}

.shipping-item:not(.selected) .shipping-price {
    color: #666;
}

/* Blog Yorum Sistemi Stilleri */
.comments-section {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}

.comments-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    color: #333;
}

.comment-form {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.comment-form-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
}

.comment-form-group {
    margin-bottom: 20px;
}

.comment-form-label {
    display: block;
    font-weight: 500;
    margin-bottom: 8px;
    color: #555;
}

.comment-form-input,
.comment-form-textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

.comment-form-input:focus,
.comment-form-textarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.comment-form-textarea {
    min-height: 120px;
    resize: vertical;
}

.comment-form-btn {
    background: #007bff;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.comment-form-btn:hover {
    background: #0056b3;
}

.comments-list {
    margin-top: 30px;
}

.comment-item {
    background: white;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.comment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.comment-author {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.comment-author i {
    margin-right: 8px;
    color: #007bff;
}

.comment-date {
    font-size: 12px;
    color: #888;
}

.comment-date i {
    margin-right: 5px;
}

.comment-content {
    color: #555;
    line-height: 1.6;
    font-size: 14px;
}

.comment-reply {
    margin-top: 15px;
}

.comment-reply-btn {
    background: none;
    border: none;
    color: #007bff;
    font-size: 12px;
    cursor: pointer;
    padding: 5px 0;
    transition: color 0.3s ease;
}

.comment-reply-btn:hover {
    color: #0056b3;
}

.comment-reply-btn i {
    margin-right: 5px;
}

.reply-form {
    margin-top: 15px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}

.comment-replies {
    margin-top: 15px;
    margin-left: 30px;
}

.comment-reply-item {
    background: #f8f9fa;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 10px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 6px;
    font-size: 14px;
}

.alert-success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.alert-danger {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.alert ul {
    margin: 0;
    padding-left: 20px;
}

.alert li {
    margin-bottom: 5px;
}

/* reCAPTCHA stilleri */
.g-recaptcha {
    margin-bottom: 15px;
}

/* Responsive tasarım */
@media (max-width: 768px) {
    .comment-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .comment-date {
        margin-top: 5px;
    }
    
    .comment-replies {
        margin-left: 15px;
    }
    
    .comment-form {
        padding: 20px;
    }
}

/* ===== MOBİL MENÜ MODERN STİLLERİ ===== */

/* Mobil menü linklerini daha büyük ve modern yapma */
@media (max-width: 991.98px) {
  .menu-link {
    font-size: 16px !important;
    padding: 12px 16px !important;
    margin: 4px 0 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid transparent !important;
    text-decoration: none !important;
  }

  .menu-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    transform: translateX(5px) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  }

  .menu-link.menu-link_active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    font-weight: 600 !important;
  }
}

/* Sepet ikonu ve cart butonunun tıklanabilirliğini artırma */
@media (max-width: 991.98px) {
  /* Sepet ikonu için daha büyük tıklama alanı */
  .header-cart,
  .header-cart a,
  .header-cart .cart-icon,
  .header-cart .cart-count {
    min-width: 56px !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    margin: 0 8px !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .header-cart:hover,
  .header-cart a:hover,
  .header-cart .cart-icon:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  }

  /* Sepet ikonunu daha büyük yapma */
  .header-cart .cart-icon i,
  .header-cart .cart-icon svg,
  .header-cart .cart-icon .flaticon {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
  }

  /* Sepet sayısını daha belirgin yapma */
  .header-cart .cart-count {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    min-width: 24px !important;
    height: 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background-color: #c32929 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 8px !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
  }

  /* Mobil menüde sepet ve cart arasındaki boşluğu artırma */
  .navbar-nav .header-cart {
    margin: 12px 0 !important;
    padding: 12px !important;
  }

  /* Mobil menüde sepet butonunu daha belirgin yapma */
  .navbar-nav .header-cart a {
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 16px 20px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  .navbar-nav .header-cart a:before {
    content: "🛒" !important;
    margin-right: 16px !important;
    font-size: 22px !important;
  }
}

/* Mobil menüde genel iyileştirmeler */
@media (max-width: 991.98px) {
  .navbar-collapse {
    background-color: rgba(34, 34, 34, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    margin: 8px !important;
    padding: 16px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
  }

  .navbar-nav {
    gap: 8px !important;
  }

  .navbar-nav .nav-item {
    margin: 4px 0 !important;
  }

  /* Mobil menüde arama butonunu da iyileştirme */
  .navbar-nav .search-toggle,
  .navbar-nav .search-btn {
    min-width: 56px !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    margin: 8px !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .navbar-nav .search-toggle:hover,
  .navbar-nav .search-btn:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  }

  /* Arama ikonunu daha büyük yapma */
  .navbar-nav .search-toggle i,
  .navbar-nav .search-toggle svg,
  .navbar-nav .search-toggle .flaticon,
  .navbar-nav .search-btn i,
  .navbar-nav .search-btn svg,
  .navbar-nav .search-btn .flaticon {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
  }
}

/* Genel header ikonları için modern stiller */
@media (max-width: 991.98px) {
  /* Header'daki tüm ikonlar için genel stil */
  .header .navbar-nav .nav-link,
  .header .navbar-nav .nav-item > a,
  .header .navbar-nav .btn {
    min-width: 56px !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    margin: 8px !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    position: relative !important;
  }

  .header .navbar-nav .nav-link:hover,
  .header .navbar-nav .nav-item > a:hover,
  .header .navbar-nav .btn:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  }

  /* Header ikonlarını daha büyük yapma */
  .header .navbar-nav .nav-link i,
  .header .navbar-nav .nav-link svg,
  .header .navbar-nav .nav-link .flaticon,
  .header .navbar-nav .nav-item > a i,
  .header .navbar-nav .nav-item > a svg,
  .header .navbar-nav .nav-item > a .flaticon,
  .header .navbar-nav .btn i,
  .header .navbar-nav .btn svg,
  .header .navbar-nav .btn .flaticon {
    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
  }

  /* FontAwesome ikonları için özel stiller */
  .header-tools__item i.fas,
  .header-tools__item i.far,
  .header-tools__item i.fab {
    font-size: 24px !important;
    color: inherit !important;
    transition: all 0.3s ease !important;
  }

  .header-tools__item:hover i.fas,
  .header-tools__item:hover i.far,
  .header-tools__item:hover i.fab {
    transform: scale(1.1) !important;
    color: #c32929 !important;
  }

  /* Mobil menü toggle ikonu - user.css'de tanımlanmış */

  /* Arama butonu ikonu */
  .uomo-header-search-btn i.fas.fa-search {
    font-size: 20px !important;
    color: inherit !important;
    transition: all 0.3s ease !important;
  }

  .uomo-header-search-btn:hover i.fas.fa-search {
    transform: scale(1.1) !important;
    color: #c32929 !important;
  }

  /* Kullanıcı menüsü ikonu için özel stil */
  .header .navbar-nav .user-menu-toggle,
  .header .navbar-nav .dropdown-toggle {
    min-width: 56px !important;
    min-height: 56px !important;
    padding: 12px !important;
    margin: 8px !important;
    border-radius: 12px !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .header .navbar-nav .user-menu-toggle:hover,
  .header .navbar-nav .dropdown-toggle:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  }

  /* Wishlist ikonu için özel stil */
  .header .navbar-nav .wishlist-toggle,
  .header .navbar-nav .wishlist-btn {
    min-width: 56px !important;
    min-height: 56px !important;
    padding: 12px !important;
    margin: 8px !important;
    border-radius: 12px !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .header .navbar-nav .wishlist-toggle:hover,
  .header .navbar-nav .wishlist-btn:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  }

  /* Mobil menü toggle butonu için özel stil */
  .navbar-toggler {
    min-width: 56px !important;
    min-height: 56px !important;
    padding: 12px !important;
    margin: 8px !important;
    border-radius: 12px !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.3s ease !important;
  }

  .navbar-toggler:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  }

  .navbar-toggler-icon {
    width: 24px !important;
    height: 24px !important;
  }

  /* İkonlar arası boşluğu artırma */
  .header .navbar-nav {
    gap: 12px !important;
  }

  .header .navbar-nav .nav-item {
    margin: 4px 0 !important;
  }
}

/* ===== MOBİL MENÜ MODERN STİLLERİ SONU ===== */

/* ===== ÜRÜN DETAY SAYFASI İYİLEŞTİRMELERİ ===== */

/* Stok Kodu Stilleri */
.product-sku {
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 8px;
    border-left: 4px solid #dc3545;
    margin-bottom: 16px;
}

.product-sku .label {
    color: #495057;
    font-weight: 600;
    margin-right: 8px;
}

.product-sku .variant-sku {
    color: #6c757d;
    font-family: 'Courier New', monospace;
    font-weight: 500;
}

/* Etiketler Stilleri */
.product-tags {
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 8px;
    border-left: 4px solid #17a2b8;
    margin-bottom: 16px;
}

.product-tags .label {
    color: #495057;
    font-weight: 600;
    margin-right: 8px;
}

.product-tags .tags-list {
    display: inline;
}

.product-tags .tag-link {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.product-tags .tag-link:hover {
    color: #0056b3;
    text-decoration: underline;
}

/* Sepete Ekle Butonu İyileştirmeleri */
.btn-addtocart {
    transition: all 0.3s ease !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.btn-addtocart:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

.btn-addtocart:active {
    transform: translateY(0) !important;
}

/* Tab İyileştirmeleri */
.nav-tabs .nav-link {
    border-radius: 8px 8px 0 0 !important;
    font-weight: 500 !important;
    color: #6c757d !important;
    transition: all 0.3s ease !important;
}

.nav-tabs .nav-link:hover {
    color: #495057 !important;
    background-color: #f8f9fa !important;
}

.nav-tabs .nav-link.active {
    color: #007bff !important;
    background-color: #fff !important;
    border-color: #dee2e6 #dee2e6 #fff !important;
    font-weight: 600 !important;
}



.tab-pane {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ürün Açıklaması Stilleri */
.product-description {
    line-height: 1.8;
    color: #495057;
}

.product-description h1,
.product-description h2,
.product-description h3,
.product-description h4,
.product-description h5,
.product-description h6 {
    color: #212529;
    margin-top: 24px;
    margin-bottom: 16px;
}

.product-description p {
    margin-bottom: 16px;
}

.product-description ul,
.product-description ol {
    margin-bottom: 16px;
    padding-left: 24px;
}

.product-description li {
    margin-bottom: 8px;
}

/* Ürün Önerileri Stilleri */
.product-suggestions .alert-info {
    background-color: #f8f9fa;
    border-color: #17a2b8;
    color: #495057;
}

.product-suggestions .alert-info h5 {
    color: #17a2b8;
    font-weight: 600;
    margin-bottom: 16px;
}

.product-suggestions .alert-info h6 {
    color: #495057;
    font-weight: 600;
    margin-bottom: 12px;
}

.product-suggestions .alert-info a {
    color: #17a2b8;
    text-decoration: none;
}

.product-suggestions .alert-info a:hover {
    text-decoration: underline;
}

.product-suggestions .btn-primary {
    background-color: #17a2b8;
    border-color: #17a2b8;
    transition: all 0.3s ease;
}

.product-suggestions .btn-primary:hover {
    background-color: #138496;
    border-color: #117a8b;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(23, 162, 184, 0.3);
}

/* Mobil Responsive İyileştirmeler */
@media (max-width: 768px) {
    .product-sku,
    .product-tags {
        padding: 10px 12px;
        margin-bottom: 12px;
    }
    
    .btn-addtocart {
        font-size: 16px !important;
        padding: 12px !important;
    }
    
    .tab-content {
        padding: 16px;
    }
    
    .nav-tabs .nav-link {
        font-size: 14px;
        padding: 8px 12px;
    }
}

/* ===== ÜRÜN DETAY SAYFASI İYİLEŞTİRMELERİ SONU ===== */

/* ===== ACCORDION TASARIMI ===== */

.accordion-item {
    border: none;
    border-bottom: 1px solid #dee2e6;
}

.accordion-item:last-child {
    border-bottom: none;
}

.accordion-header {
    margin: 0;
}

.accordion-button {
    background: #fff;
    border: none;
    padding: 12px 16px;
    font-weight: 500;
    font-size: 14px;
    color: #495057;
    transition: none;
}

.accordion-button:not(.collapsed) {
    background: #f8f9fa;
    color: #c32929;
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
    border: none;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23495057'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transition: transform 0.15s ease;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23005850'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(180deg);
}

.accordion-body {
    padding: 16px;
    background: #fff;
    border-top: 1px solid #dee2e6;
}

/* Accordion İçerik Stilleri */
.accordion-body h5 {
    color: #c32929;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 16px;
}

.accordion-body h6 {
    color: #495057;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 14px;
}

.accordion-body p {
    color: #6c757d;
    line-height: 1.4;
    margin-bottom: 10px;
    font-size: 13px;
}

.accordion-body ul {
    margin-bottom: 10px;
}

.accordion-body li {
    color: #6c757d;
    margin-bottom: 4px;
    line-height: 1.3;
    font-size: 13px;
}

/* Tablo Stilleri */
.accordion-body .table {
    margin-bottom: 0;
    font-size: 13px;
}

.accordion-body .table-sm td,
.accordion-body .table-sm th {
    padding: 8px 10px;
    border: none;
    border-bottom: 1px solid #dee2e6;
    vertical-align: middle;
}

.accordion-body .table-borderless td,
.accordion-body .table-borderless th {
    border: none;
}

.accordion-body .border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.accordion-body .table-light {
    background-color: #f8f9fa;
}

.accordion-body .table-warning {
    background-color: #fff3cd;
}

/* Alert Stilleri */
.accordion-body .alert {
    border: none;
    border-radius: 4px;
    padding: 10px 12px;
    margin-bottom: 0;
    font-size: 13px;
}

.accordion-body .alert-info {
    background-color: #f8f9fa;
    color: #495057;
}

.accordion-body .alert-success {
    background-color: #d4edda;
    color: #155724;
}

.accordion-body .alert-warning {
    background-color: #fff3cd;
    color: #856404;
}

/* İkon Stilleri */
.accordion-body .fas,
.accordion-body .far {
    width: 16px;
    text-align: center;
}

.accordion-body .text-success {
    color: #dc3545 !important;
}

.accordion-body .text-primary {
    color: #c32929 !important;
}

.accordion-body .text-warning {
    color: #ffc107 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .accordion-button {
        padding: 10px 12px;
        font-size: 13px;
    }
    
    .accordion-body {
        padding: 12px;
    }
    
    .accordion-body .table-sm td,
    .accordion-body .table-sm th {
        padding: 6px 8px;
        font-size: 12px;
    }
    
    .accordion-body h5 {
        font-size: 15px;
    }
    
    .accordion-body h6 {
        font-size: 14px;
    }
    
    .accordion-body p,
    .accordion-body li {
        font-size: 12px;
    }
}

/* Animasyon */
.accordion-collapse {
    transition: all 0.15s ease;
}

.accordion-collapse.show {
    animation: slideDown 0.15s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-3px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== ACCORDION TASARIMI SONU ===== */

/* ===== VARYANT SİSTEMİ TASARIMI ===== */
.variant-section {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 20px;
    margin-top: 20px;
}

.variant-title {
    color: #c32929;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

.variant-group {
    margin-bottom: 20px;
}

.variant-label {
    margin-bottom: 10px;
}

.variant-name {
    font-weight: 600;
    color: #495057;
    font-size: 14px;
}

/* Renk Varyantları */
.color-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.color-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 6px;
    transition: all 0.2s ease;
    border: 2px solid transparent;
}

.color-option:hover {
    background: #f8f9fa;
}

.color-option.active {
    border-color: #c32929;
    background: #f8f9fa;
}

.color-option.unavailable {
    opacity: 0.5;
    cursor: not-allowed;
}

.color-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 5px;
}

.color-name {
    font-size: 12px;
    color: #6c757d;
    text-align: center;
}

/* Boyut Varyantları */
.size-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.size-option {
    padding: 8px 16px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s ease;
    background: #fff;
}

.size-option:hover {
    border-color: #c32929;
    background: #f8f9fa;
}

.size-option.active {
    border-color: #c32929;
    background: #c32929;
    color: #fff;
}

.size-option.unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f8f9fa;
}

/* Resim Varyantları */
.image-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.image-option {
    position: relative;
    width: 60px;
    height: 60px;
    border: 2px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.2s ease;
}

.image-option:hover {
    border-color: #c32929;
}

.image-option.active {
    border-color: #c32929;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.2);
}

.image-option.unavailable {
    opacity: 0.5;
    cursor: not-allowed;
}

.variant-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.variant-text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #6c757d;
    background: #f8f9fa;
}

.unavailable-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.unavailable-overlay::after {
    content: "×";
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

/* Select Varyantları */
.variant-select {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
}

.variant-select:focus {
    border-color: #c32929;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.2);
    outline: none;
}

/* Responsive */
@media (max-width: 768px) {
    .variant-section {
        padding: 15px;
    }
    
    .color-grid {
        gap: 8px;
    }
    
    .color-circle {
        width: 25px;
        height: 25px;
    }
    
    .color-name {
        font-size: 11px;
    }
    
    .size-option {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .image-option {
        width: 50px;
        height: 50px;
    }
}

/* ===== VARYANT SİSTEMİ TASARIMI SONU ===== */

/* ===== MODERN TAB SİSTEMİ ===== */
.modern-tabs {
    border-bottom: 2px solid #e9ecef;
    margin-bottom: 0;
}

.modern-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    color: #6c757d;
    font-weight: 500;
    padding: 12px 20px;
    margin-right: 0;
    transition: all 0.3s ease;
    background: transparent;
}

.modern-tabs .nav-link:hover {
    color: #c32929;
    background: #f8f9fa;
    border-bottom-color: #c32929;
}

.modern-tabs .nav-link.active {
    color: #c32929;
    background: #fff;
    border-bottom-color: #c32929;
    font-weight: 600;
}



.tab-content-body {
    padding: 25px;
}

/* ===== MODERN GALERİ SİSTEMİ ===== */
.modern-product-gallery {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.main-gallery-swiper {
    position: relative;
}

.gallery-image-container {
    position: relative;
    overflow: hidden;
   
}

.gallery-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-image-container:hover .gallery-overlay {
    opacity: 1;
}

.gallery-image-container:hover .gallery-main-image {
    transform: scale(1.05);
}

.gallery-actions {
    display: flex;
    gap: 10px;
}

.gallery-actions .btn {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.9);
    border: none;
    color: #333;
    transition: all 0.3s ease;
}

.gallery-actions .btn:hover {
    background: #fff;
    transform: scale(1.1);
}

.thumbnail-gallery-swiper {
    margin-top: 15px;
    padding: 0 40px;
}

.thumbnail-container {
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.3s ease;
    aspect-ratio: 1;
}

.thumbnail-container:hover {
    border-color: #c32929;
}

.thumbnail-container.swiper-slide-thumb-active {
    border-color: #c32929;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.2);
}

.thumbnail-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Swiper Navigation */
.swiper-button-next,
.swiper-button-prev {
    background: rgba(255,255,255,0.9);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: #333;
    transition: all 0.3s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #fff;
    transform: scale(1.1);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 16px;
    font-weight: bold;
}

.swiper-pagination {
    bottom: 10px;
}

.swiper-pagination-bullet {
    background: rgba(255,255,255,0.8);
    opacity: 0.7;
}

.swiper-pagination-bullet-active {
    background: #c32929;
    opacity: 1;
}

/* ===== TAKIM İÇERİĞİ KONTROL SİSTEMİ ===== */
.quantity-control {
    display: flex;
    align-items: center;
    gap: 8px;
}

.quantity-control .btn {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    transition: all 0.2s ease;
}

.quantity-control .btn:hover {
    transform: scale(1.1);
}

.quantity-display {
    min-width: 30px;
    text-align: center;
    font-weight: 600;
    color: #c32929;
}

/* ===== MODERN BUTON SİSTEMİ ===== */
.btn-addtocart {
    background: linear-gradient(135deg, #c32929 0%, #d63030 100%);
    border: none;
    color: #fff;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.btn-addtocart:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 88, 80, 0.3);
    color: #fff;
}

.btn-addtocart:active {
    transform: translateY(0);
}

.btn-buy-now {
    background: linear-gradient(135deg, #dc3545 0%, #e11d48 100%);
    border: none;
    color: #fff;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.btn-buy-now:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(40, 167, 69, 0.3);
    color: #fff;
}

.btn-buy-now:active {
    transform: translateY(0);
}

/* ===== RESPONSIVE TASARIM ===== */
@media (max-width: 768px) {
    .modern-tabs .nav-link {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    .tab-content-body {
        padding: 20px;
    }
    
    .gallery-image-container {
        aspect-ratio: 3/2;
    }
    
    .thumbnail-gallery-swiper {
        padding: 0 20px;
    }
    
    .quantity-control .btn {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
    
    .quantity-display {
        min-width: 25px;
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .modern-tabs {
        flex-wrap: wrap;
    }
    
    .modern-tabs .nav-link {
        padding: 8px 12px;
        font-size: 13px;
    }
    
    .tab-content-body {
        padding: 15px;
    }
    
    .gallery-actions .btn {
        width: 35px;
        height: 35px;
    }
    
    .swiper-button-next,
    .swiper-button-prev {
        width: 35px;
        height: 35px;
    }
}

/* ===== ANİMASYONLAR ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.tab-pane.fade.show {
    animation: fadeInUp 0.3s ease;
}

/* ===== MODERN TABLO TASARIMI ===== */
.table-modern {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.table-modern thead th {
    background: linear-gradient(135deg, #c32929 0%, #d63030 100%);
    color: #fff;
    border: none;
    padding: 15px;
    font-weight: 600;
}

.table-modern tbody tr {
    transition: all 0.2s ease;
}

.table-modern tbody tr:hover {
    background: #f8f9fa;
    transform: scale(1.01);
}

.table-modern tbody td {
    padding: 12px 15px;
    border-bottom: 1px solid #e9ecef;
    vertical-align: middle;
}

/* ===== MODERN TASARIM SONU ===== */


/* ===== HEADER SEARCH DROPDOWN FIXES ===== */
.uomo-header-search {
    position: relative;
}

.uomo-header-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 1000;
    max-height: 400px;
    overflow-y: auto;
    margin-top: 4px;
}

.uomo-header-search-results[x-cloak] {
    display: none !important;
}

.uomo-search-loading {
    padding: 20px;
    text-align: center;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.uomo-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #c32929;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.uomo-search-results-list {
    max-height: 300px;
    overflow-y: auto;
}

.uomo-search-result-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s ease;
}

.uomo-search-result-item:hover,
.uomo-search-result-item.selected {
    background-color: #f8f9fa;
}

.uomo-search-result-item:last-child {
    border-bottom: none;
}

.uomo-search-result-image {
    width: 50px;
    height: 50px;
    margin-right: 12px;
    border-radius: 4px;
    overflow: hidden;
    flex-shrink: 0;
}

.uomo-search-result-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uomo-search-result-content {
    flex: 1;
    min-width: 0;
}

.uomo-search-result-title {
    font-weight: 600;
    margin-bottom: 4px;
    color: #333;
}

.uomo-search-result-category {
    font-size: 12px;
    color: #666;
    margin-bottom: 2px;
}

.uomo-search-result-price {
    font-weight: 600;
    color: #c32929;
}

.uomo-search-no-results {
    padding: 20px;
    text-align: center;
    color: #666;
}

.uomo-search-suggestions {
    padding: 16px;
}

.uomo-suggestions-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #333;
}

.uomo-suggestions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.uomo-suggestion-tag {
    background: #f0f0f0;
    border: none;
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    transition: all 0.2s ease;
}

.uomo-suggestion-tag:hover {
    background: #c32929;
    color: white;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .uomo-header-search-results {
        position: fixed;
        top: 60px;
        left: 10px;
        right: 10px;
        max-height: 60vh;
    }
}

/* Blog Carousel Styles */
.blog-carousel {
    padding: 30px 0;
    background: #f8fafc;
}

.blog-carousel .container {
    max-width: none;
    width: 100%;
}

.blog-carousel .swiper-container {
    overflow: hidden;
}

.blog-carousel .swiper-slide {
    height: auto;
    min-height: 500px;
    width: auto;
}

.blog-carousel .blog-grid__item {
    height: 100%;
    margin-bottom: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    display: flex;
    flex-direction: column;
}

.blog-carousel .blog-grid__item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.blog-carousel .blog-grid__item-image {
    height: 250px;
    overflow: hidden;
    position: relative;
}

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

.blog-carousel .blog-grid__item:hover .blog-grid__item-image img {
    transform: scale(1.08);
}

.blog-carousel .blog-grid__item-detail {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.blog-carousel .blog-grid__item-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
}

.blog-carousel .blog-grid__item-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    min-height: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-carousel .blog-grid__item-title a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
}

.blog-carousel .blog-grid__item-title a:hover {
    color: #c32929;
}

.blog-carousel .blog-grid__item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-carousel .blog-grid__item-content p {
    margin-bottom: 20px;
    color: #666;
    line-height: 1.6;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 60px;
}

.blog-carousel .btn-link {
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 600;
    color: #c32929;
    display: inline-flex;
    align-items: center;
    margin-top: auto;
}

.blog-carousel .btn-link:hover {
    transform: translateX(5px);
    color: #8b1a1a;
}

.blog-carousel .btn-link svg {
    transition: transform 0.3s ease;
}

.blog-carousel .btn-link:hover svg {
    transform: translateX(3px);
}

/* Responsive Blog Carousel */
@media (min-width: 992px) {
    .blog-carousel .swiper-slide {
        min-height: 500px;
        width: calc(33.333% - 20px);
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .blog-carousel .swiper-slide {
        min-height: 450px;
        width: calc(50% - 15px);
    }
    
    .blog-carousel .blog-grid__item-image {
        height: 220px;
    }
    
    .blog-carousel .blog-grid__item-detail {
        padding: 20px;
    }
    
    .blog-carousel .blog-grid__item-title {
        font-size: 16px;
        min-height: 45px;
    }
}

@media (max-width: 767px) {
    .blog-carousel {
        padding: 20px 0;
    }
    
    .blog-carousel .swiper-slide {
        min-height: 400px;
        width: 100%;
    }
    
    .blog-carousel .blog-grid__item-image {
        height: 200px;
    }
    
    .blog-carousel .blog-grid__item-detail {
        padding: 15px;
    }
    
    .blog-carousel .blog-grid__item-title {
        font-size: 14px;
        min-height: 40px;
    }
    
    .blog-carousel .blog-grid__item-content p {
        font-size: 13px;
        min-height: 50px;
    }
}

/* Blog Slider Pagination */
.blog-pagination {
    margin-top: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ddd;
    opacity: 1;
    margin: 0 5px;
    transition: all 0.3s ease;
    border-radius: 50%;
    cursor: pointer;
}

.blog-pagination .swiper-pagination-bullet-active {
    background: #c32929;
    transform: scale(1.2);
}

/* Container-fluid için blog carousel */
.blog-carousel.container-fluid {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.blog-carousel.container-fluid .container {
    max-width: none;
}

/* ===========================================
   UOMO FURNITURE UNIQUE SWIPER SLIDER STYLES
   ===========================================
   Bu stiller style2.css ile çakışmayı önlemek için benzersiz class'lar kullanır
*/

/* Ana Swiper Container */
.uomo-unique-gallery-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/* Ana Swiper */
.uomo-unique-gallery-container .uomo-main-swiper {
    width: 100%;
    height: 500px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.uomo-unique-gallery-container .uomo-main-swiper .swiper-wrapper {
    align-items: center;
}

.uomo-unique-gallery-container .uomo-main-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
}

.uomo-unique-gallery-container .uomo-main-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    border-radius: 8px !important;
}



.uomo-unique-gallery-container .uomo-thumbs-swiper .swiper-wrapper {
    align-items: center;
}

.uomo-unique-gallery-container .uomo-thumbs-swiper .swiper-slide.uomo-swiper-slide-thumb-active img {
    opacity: 0.8;
}

/* Swiper Navigation Buttons */
.uomo-unique-gallery-container .uomo-swiper-button-next,
.uomo-unique-gallery-container .uomo-swiper-button-prev {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    z-index: 10;
}

.uomo-unique-gallery-container .uomo-swiper-button-next:hover,
.uomo-unique-gallery-container .uomo-swiper-button-prev:hover {
    background: #007bff;
    color: white;
    transform: scale(1.1);
}

.uomo-unique-gallery-container .uomo-swiper-button-next:after,
.uomo-unique-gallery-container .uomo-swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold;
}

/* Swiper Pagination */
.uomo-unique-gallery-container .uomo-swiper-pagination {
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.uomo-unique-gallery-container .uomo-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    margin: 0 6px;
    transition: all 0.3s ease;
}

.uomo-unique-gallery-container .uomo-swiper-pagination .swiper-pagination-bullet-active {
    background: #007bff;
    transform: scale(1.2);
}

/* Responsive Design */
@media (max-width: 768px) {
    .uomo-unique-gallery-container .uomo-main-swiper {
        height: 300px;
    }
    
    .uomo-unique-gallery-container .uomo-thumbs-swiper {
        height: 60px;
    }
    
    .uomo-unique-gallery-container .uomo-thumbs-swiper .swiper-slide {
        width: 60px;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .uomo-unique-gallery-container .uomo-swiper-button-next,
    .uomo-unique-gallery-container .uomo-swiper-button-prev {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .uomo-unique-gallery-container .uomo-main-swiper {
        height: 250px;
    }
    
    .uomo-unique-gallery-container .uomo-thumbs-swiper {
        height: 50px;
    }
    
    .uomo-unique-gallery-container .uomo-thumbs-swiper .swiper-slide {
        width: 50px;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Gallery Image Container */
.uomo-unique-gallery-container .uomo-gallery-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.uomo-unique-gallery-container .uomo-gallery-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}



/* Zoom Hint */
.uomo-unique-gallery-container .uomo-zoom-hint {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

/* Zoom hint hover ile görünür olmayacak - sadece butona tıklanınca çalışacak */
.uomo-unique-gallery-container .uomo-gallery-image-container:hover .uomo-zoom-hint {
    opacity: 0;
}

/* Video Play Button */
.uomo-unique-gallery-container .uomo-video-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.uomo-unique-gallery-container .uomo-video-play-button:hover {
    background: rgba(0, 123, 255, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Thumbnail Video Play Button */
.uomo-unique-gallery-container .uomo-video-play-button-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 8px;
    pointer-events: none;
}

/* Simple Gallery Modal - Gelişmiş Modern Tasarım */
.uomo-simple-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.uomo-simple-gallery-modal .uomo-modal-overlay {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.uomo-simple-gallery-modal .uomo-modal-content {
    position: relative;
    width: 100%;
    max-width: 1720px;
    height: 100%;
    max-height: 95vh;
    display: flex;
    flex-direction: column;
    animation: modalSlideUp 0.4s ease;
}

@keyframes modalSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.uomo-simple-gallery-modal .uomo-modal-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 12px 12px 0 0;
    z-index: 10;
}

.uomo-simple-gallery-modal .uomo-modal-counter {
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.uomo-simple-gallery-modal .uomo-modal-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.uomo-simple-gallery-modal .uomo-modal-actions button {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 16px;
}

.uomo-simple-gallery-modal .uomo-modal-actions button:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.uomo-simple-gallery-modal .uomo-modal-close:hover {
    background: rgba(220, 38, 38, 0.9);
    border-color: rgba(220, 38, 38, 1);
}

.uomo-simple-gallery-modal .uomo-modal-image-container {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.uomo-simple-gallery-modal .uomo-modal-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: zoom-in;
    transition: transform 0.3s ease;
    user-select: none;
}

/* Video Container */
.uomo-simple-gallery-modal .uomo-modal-video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background: #000;
}

.uomo-simple-gallery-modal .uomo-modal-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.uomo-simple-gallery-modal .uomo-modal-zoom-hint {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 5;
}

.uomo-simple-gallery-modal .uomo-modal-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 20px;
    z-index: 10;
}

.uomo-simple-gallery-modal .uomo-modal-nav-btn:hover {
    background: rgba(0, 88, 80, 0.9);
    border-color: rgba(0, 88, 80, 1);
    transform: translateY(-50%) scale(1.1);
}

.uomo-simple-gallery-modal .uomo-modal-prev {
    left: 20px;
}

.uomo-simple-gallery-modal .uomo-modal-next {
    right: 20px;
}

.uomo-simple-gallery-modal .uomo-modal-thumbnails-container {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    padding: 15px;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

.uomo-simple-gallery-modal .uomo-modal-thumbnails {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px 0;
}

.uomo-simple-gallery-modal .uomo-modal-thumbnail {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

.uomo-simple-gallery-modal .uomo-modal-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.uomo-simple-gallery-modal .uomo-modal-thumbnail:hover img {
    transform: scale(1.1);
}

.uomo-simple-gallery-modal .uomo-modal-thumbnail.active {
    border-color: #c32929;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.3);
}

/* ===========================================
   UOMO FURNITURE HOMEPAGE SLIDER STYLES
   ===========================================
   Bu stiller ana sayfa slider'ı için benzersiz class'lar kullanır
   Style2.css ile çakışmayı önler
*/

/* Ana Sayfa Slider Container */
.uomo-homepage-slider-container {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
}

/* Ana Sayfa Slider Slide */
.uomo-homepage-slider-slide {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .uomo-homepage-slider-slide {
        min-height: 500px;
    }
}

/* Ana Sayfa Slideshow Background */
.uomo-homepage-slideshow-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.uomo-homepage-slideshow-bg__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.3s ease;
}

/* Slider desktop/mobil responsive: masaüstünde desktop, mobilde mobil görsel */
@media (max-width: 767px) {
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.d-none.d-md-block,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg--mobile.d-none.d-md-block {
        display: none !important;
    }
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.d-block.d-md-none,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.uomo-homepage-slideshow-bg--mobile {
        display: block !important;
    }
}
@media (min-width: 768px) {
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.d-none.d-md-block {
        display: block !important;
    }
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.d-block.d-md-none,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.uomo-homepage-slideshow-bg--mobile {
        display: none !important;
    }
}

/* Ana Sayfa Slider Navigation */
.uomo-homepage-slideshow__prev,
.uomo-homepage-slideshow__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.uomo-homepage-slideshow__prev {
    left: 30px;
}

.uomo-homepage-slideshow__next {
    right: 30px;
}

/* Homepage hero slider navigation butonlarını içeri al */
.homepage-hero-slider-wrapper .slideshow__prev {
    left: 40px !important;
}

.homepage-hero-slider-wrapper .slideshow__next {
    right: 40px !important;
}

@media (max-width: 767px) {
    .homepage-hero-slider-wrapper .slideshow__prev {
        left: 20px !important;
    }
    
    .homepage-hero-slider-wrapper .slideshow__next {
        right: 20px !important;
    }
}

@media (min-width: 768px) {
    .homepage-hero-slider-wrapper .slideshow__prev {
        left: 60px !important;
    }
    
    .homepage-hero-slider-wrapper .slideshow__next {
        right: 60px !important;
    }
}

@media (min-width: 1200px) {
    .homepage-hero-slider-wrapper .slideshow__prev {
        left: 80px !important;
    }
    
    .homepage-hero-slider-wrapper .slideshow__next {
        right: 80px !important;
    }
}

.uomo-homepage-slideshow__prev:hover,
.uomo-homepage-slideshow__next:hover {
    background: rgba(255, 255, 255, 1);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.uomo-homepage-slideshow__prev svg,
.uomo-homepage-slideshow__next svg {
    width: 20px;
    height: 20px;
    fill: #333;
    transition: fill 0.3s ease;
}

.uomo-homepage-slideshow__prev:hover svg,
.uomo-homepage-slideshow__next:hover svg {
    fill: #007bff;
}

/* ===========================================
   MODERN SLICK-DOTS TASARIMI
   Benzersiz class ile diğer slick-dots'larla çakışmayı önler
   =========================================== */
/* Pagination container'ı ortaya al */
.homepage-hero-slider-wrapper .slideshow-pagination {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    justify-content: center !important;
}

/* Slick-dots modern tasarım */
.homepage-hero-slider-wrapper .slideshow-pagination .slick-dots,
.homepage-hero-slider-wrapper .uomo-modern-slick-dots ~ .container .slideshow-pagination .slick-dots {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    z-index: 20 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
    justify-content: center !important;
    align-items: center !important;
}

.homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li,
.homepage-hero-slider-wrapper .uomo-modern-slick-dots ~ .container .slideshow-pagination .slick-dots li {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    list-style: none !important;
}

.homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li button,
.homepage-hero-slider-wrapper .uomo-modern-slick-dots ~ .container .slideshow-pagination .slick-dots li button {
    font-size: 0 !important;
    line-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 4px !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, 0.4) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    outline: none !important;
    opacity: 1 !important;
    color: transparent !important;
    text-indent: -9999px !important;
    position: relative !important;
    overflow: hidden !important;
}

.homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li button:before,
.homepage-hero-slider-wrapper .uomo-modern-slick-dots ~ .container .slideshow-pagination .slick-dots li button:before {
    display: none !important;
    content: none !important;
}

/* Hover efekti - genişleme */
.homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li button:hover,
.homepage-hero-slider-wrapper .uomo-modern-slick-dots ~ .container .slideshow-pagination .slick-dots li button:hover {
    background: rgba(255, 255, 255, 0.7) !important;
    width: 32px !important;
    transform: scaleY(1.2) !important;
}

/* Aktif dot - modern bar animasyonu */
.homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li.slick-active button,
.homepage-hero-slider-wrapper .uomo-modern-slick-dots ~ .container .slideshow-pagination .slick-dots li.slick-active button {
    background: rgba(255, 255, 255, 1) !important;
    width: 36px !important;
    height: 4px !important;
    box-shadow: 0 2px 8px rgba(255, 255, 255, 0.5),
                0 0 12px rgba(255, 255, 255, 0.3) !important;
    animation: uomo-dot-pulse 2s ease-in-out infinite !important;
    border-color: transparent !important;
}

/* Pulse animasyonu */
@keyframes uomo-dot-pulse {
    0%, 100% {
        box-shadow: 0 2px 8px rgba(255, 255, 255, 0.5),
                    0 0 12px rgba(255, 255, 255, 0.3);
    }
    50% {
        box-shadow: 0 2px 12px rgba(255, 255, 255, 0.7),
                    0 0 20px rgba(255, 255, 255, 0.5);
    }
}

/* Mobil cihazlar için responsive ayarlar */
@media (max-width: 768px) {
    .homepage-hero-slider-wrapper .slideshow-pagination .slick-dots {
        gap: 6px !important;
    }
    
    .homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li button {
        width: 24px !important;
        height: 3px !important;
    }
    
    .homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li button:hover {
        width: 28px !important;
    }
}

/* ===========================================
   BLOG SLİDER SLICK-DOTS TASARIMI
   Benzersiz class ile diğer slick-dots'larla çakışmayı önler
   =========================================== */
/* Blog slider pagination container */
.uomo-blog-slick-dots-container {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

/* Blog slider slick-dots modern tasarım */
.uomo-blog-slick-dots-container .slick-dots {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: row !important;
    gap: 10px !important;
    z-index: 20 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
    justify-content: center !important;
    align-items: center !important;
}

.uomo-blog-slick-dots-container .slick-dots li {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
    list-style: none !important;
}

.uomo-blog-slick-dots-container .slick-dots li button {
    font-size: 0 !important;
    line-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 4px !important;
    padding: 0 !important;
    cursor: pointer !important;
    color: transparent !important;
    border: none !important;
    outline: none !important;
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.uomo-blog-slick-dots-container .slick-dots li button:before {
    display: none !important;
    content: none !important;
}

.uomo-blog-slick-dots-container .slick-dots li button:hover {
    background: rgba(0, 0, 0, 0.4) !important;
    width: 32px !important;
    transform: scaleY(1.2) !important;
}

.uomo-blog-slick-dots-container .slick-dots li.slick-active button {
    background: rgba(0, 0, 0, 0.8) !important;
    width: 36px !important;
    height: 5px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3),
                0 0 12px rgba(0, 0, 0, 0.2) !important;
    animation: uomo-blog-dot-pulse 2s ease-in-out infinite !important;
    border-color: transparent !important;
}

/* Blog slider pulse animasyonu */
@keyframes uomo-blog-dot-pulse {
    0%, 100% {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3),
                    0 0 12px rgba(0, 0, 0, 0.2);
    }
    50% {
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5),
                    0 0 20px rgba(0, 0, 0, 0.3);
    }
}

/* Blog slider mobil responsive */
@media (max-width: 768px) {
    .uomo-blog-slick-dots-container .slick-dots {
        gap: 6px !important;
    }
    
    .uomo-blog-slick-dots-container .slick-dots li button {
        width: 20px !important;
        height: 3px !important;
    }
    
    .uomo-blog-slick-dots-container .slick-dots li button:hover {
        width: 26px !important;
    }
    
    .uomo-blog-slick-dots-container .slick-dots li.slick-active button {
        width: 28px !important;
        height: 4px !important;
    }
    
    .homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li.slick-active button {
        width: 28px !important;
        height: 4px !important;
    }
}

@media (max-width: 480px) {
    .homepage-hero-slider-wrapper .slideshow-pagination .slick-dots {
        gap: 5px !important;
    }
    
    .homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li button {
        width: 20px !important;
        height: 3px !important;
    }
    
    .homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li button:hover {
        width: 24px !important;
    }
    
    .homepage-hero-slider-wrapper .slideshow-pagination .slick-dots li.slick-active button {
        width: 24px !important;
        height: 3px !important;
    }
}



.uomo-homepage-slideshow-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    margin: 0 6px;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.uomo-homepage-slideshow-pagination .swiper-pagination-bullet-active {
    background: #007bff;
    transform: scale(1.2);
}

.uomo-homepage-slideshow-pagination .swiper-pagination-bullet:hover {
    background: rgba(255, 255, 255, 0.8);
}

/* Slider text container fix - container içinde container olmaması için */
.uomo-homepage-slider-slide .slideshow-text {
    z-index: 2;
    text-align: center;
}

.uomo-homepage-slider-slide .slideshow-text.container {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    max-width: 1140px;
}

/* Overflow fix */
.swiper-slide.uomo-homepage-slider-slide {
    overflow: hidden;
}

.swiper-slide.uomo-homepage-slider-slide .overflow-hidden,
.homepage-hero-slick-slider .uomo-homepage-slider-slide .overflow-hidden {
    overflow: hidden;
    height: 100%;
    min-height: 500px;
    width: 100%;
}

@media (max-width: 767px) {
    .swiper-slide.uomo-homepage-slider-slide .overflow-hidden,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .overflow-hidden {
        min-height: 450px;
        height: auto;
        aspect-ratio: 16/9;
    }
    
    .homepage-hero-slick-slider .uomo-homepage-slider-slide {
        min-height: 450px;
        height: auto;
    }
}

/* Mobil cihazlarda slider yüksekliği - Desktop */
.slideshow-md {
    height: 500px;
}

/* Responsive Design */
@media (max-width: 991px) {
    .homepage-hero-slider {
        height: auto !important;
        min-height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    
    .homepage-hero-slider .swiper-wrapper,
    .homepage-hero-slider .swiper-slide,
    .homepage-hero-slider .uomo-homepage-slider-slide,
    .homepage-hero-slider .uomo-homepage-slideshow-bg,
    .homepage-hero-slider .uomo-homepage-slideshow-bg__img {
        height: auto !important;
        min-height: auto !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text h2 {
        font-size: 2rem !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text h6 {
        font-size: 0.875rem !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text p {
        font-size: 0.875rem !important;
    }
}

/* Tablet görünüm */
@media (max-width: 768px) {
    .homepage-hero-slider {
        margin-bottom: 0 !important;
    }
    
    .homepage-hero-slider .swiper-wrapper,
    .homepage-hero-slider .swiper-slide,
    .homepage-hero-slider .uomo-homepage-slider-slide,
    .homepage-hero-slider .uomo-homepage-slideshow-bg,
    .homepage-hero-slider .uomo-homepage-slideshow-bg__img {
        height: auto !important;
        min-height: auto !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text h2 {
        font-size: 1.5rem !important;
        margin-bottom: 10px !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text h6 {
        font-size: 0.75rem !important;
        margin-bottom: 5px !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text p {
        font-size: 0.75rem !important;
        margin-bottom: 15px !important;
        padding-bottom: 0 !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .btn {
        font-size: 0.75rem !important;
        padding: 8px 15px !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow__prev,
    .homepage-hero-slider .uomo-homepage-slideshow__next {
        width: 40px;
        height: 40px;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow__prev {
        left: 15px;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow__next {
        right: 15px;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow__prev svg,
    .homepage-hero-slider .uomo-homepage-slideshow__next svg {
        width: 16px;
        height: 16px;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow-pagination {
        bottom: 20px !important;
        margin-bottom: 0 !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 4px;
    }
}

/* Küçük mobil ekranlar */
@media (max-width: 480px) {
    .homepage-hero-slider .swiper-wrapper,
    .homepage-hero-slider .swiper-slide,
    .homepage-hero-slider .uomo-homepage-slider-slide,
    .homepage-hero-slider .uomo-homepage-slideshow-bg,
    .homepage-hero-slider .uomo-homepage-slideshow-bg__img {
        height: auto !important;
        min-height: auto !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text h2 {
        font-size: 1.25rem !important;
        margin-bottom: 8px !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text h6 {
        font-size: 0.625rem !important;
        margin-bottom: 3px !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text p {
        font-size: 0.625rem !important;
        margin-bottom: 10px !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .btn {
        font-size: 0.625rem !important;
        padding: 6px 12px !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow__prev,
    .homepage-hero-slider .uomo-homepage-slideshow__next {
        width: 35px;
        height: 35px;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow__prev {
        left: 10px;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow__next {
        right: 10px;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow__prev svg,
    .homepage-hero-slider .uomo-homepage-slideshow__next svg {
        width: 14px;
        height: 14px;
    }
}

/* Responsive kodlar responsive.css dosyasına taşındı */

/* Slider container ayarları - boşlukları kaldır */
.swiper-container.slideshow-md.homepage-hero-slider {
    background-color: transparent;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.swiper-container.slideshow-md.homepage-hero-slider .swiper-wrapper {
    display: flex;
    align-items: stretch;
    margin: 0 !important;
    padding: 0 !important;
}

.swiper-slide.uomo-homepage-slider-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}


/* Responsive kodlar responsive.css dosyasına taşındı */

/* ========================================
   UOMO MOBILE SLIDER STYLES - Instagram/Facebook Style
   ======================================== */


/* Müşteri Yorumları Slider Mobil Görünüm */
@media (max-width: 767px) {
    .uomo-customer-reviews-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .uomo-customer-reviews-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .uomo-customer-reviews-title {
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    
    .uomo-customer-reviews-slider {
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
    }
    
    .uomo-customer-reviews-swiper {
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
    }
    
    .uomo-customer-reviews-swiper .slick-list {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .uomo-customer-reviews-slide {
        padding: 0 4px;
    }
    
    .uomo-customer-review-card {
        padding: 1rem;
        border-radius: 8px;
    }
    
    .uomo-customer-review-content {
        font-size: 0.875rem;
        line-height: 1.6;
        margin-bottom: 1rem;
    }
    
    .uomo-customer-review-avatar .avatar-placeholder {
        width: 40px !important;
        height: 40px !important;
    }
    
    .uomo-customer-review-info h6 {
        font-size: 0.9375rem;
        margin-bottom: 0.25rem;
    }
    
    .uomo-customer-review-info small {
        font-size: 0.75rem;
    }
}

/* Kategori Banner Slider Mobil Görünüm */
@media (max-width: 767px) {
    .uomo-category-banner-slider-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .uomo-category-banner-slider-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .uomo-category-banner-slider-title {
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    
    .uomo-category-banner-slider-subtitle {
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }
    
    .uomo-category-banner-slider-body {
        padding-left: 0;
        padding-right: 0;
        overflow: visible;
    }
    
    .uomo-category-banner-slider-body .swiper-container {
        padding-left: 0;
        padding-right: 0;
    }
    
    .uomo-category-banner-slider-body .swiper-wrapper {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .uomo-category-banner-slider-body .swiper-slide {
        padding: 0 4px;
    }
    
    .uomo-category-banner-slider-body .homepage-category-banner-slider__item {
        border-radius: 8px;
        overflow: hidden;
    }
    
    .uomo-category-banner-slider-body .homepage-category-banner-slider__image {
        border-radius: 8px;
    }
}


/* Tablet Görünüm (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .uomo-customer-reviews-title,
    .uomo-category-banner-slider-title,
    .uomo-category-grid-title {
        font-size: 1.5rem;
    }
    
    .uomo-category-banner-slider-subtitle,
    .uomo-category-grid-subtitle {
        font-size: 0.9375rem;
    }
}

/* Tüm slider'larda mobilde daha küçük spacing */
@media (max-width: 767px) {
    .uomo-mobile-slider-wrapper .container,
    .uomo-customer-reviews-wrapper .container,
    .uomo-category-banner-slider-wrapper .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Kategori Grid Mobil Görünüm */
@media (max-width: 767px) {
    .uomo-category-grid-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .uomo-category-grid-title {
        font-size: 1.25rem;
        margin-bottom: 0.5rem;
    }
    
    .uomo-category-grid-subtitle {
        font-size: 0.875rem;
        margin-bottom: 1rem;
    }
    
    .uomo-category-grid-row {
        margin-left: -6px;
        margin-right: -6px;
    }
    
    .uomo-category-grid-item {
        padding-left: 6px;
        padding-right: 6px;
        margin-bottom: 0.65rem !important;
    }
    
    .uomo-category-grid-card {
        border-radius: 8px;
        overflow: hidden;
    }
    
    .uomo-category-grid-image {
        border-radius: 8px 8px 0 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Görsel etrafındaki genel 15px padding’i gridde azalt */
    .uomo-category-grid-wrapper .category-banner__item img.uomo-category-grid-image {
        padding: 4px 6px !important;
    }
    
    .uomo-category-grid-content {
        padding: 0.2rem 0.35rem !important;
    }
    
    /* .category-banner__item-content h3 { padding:14px; font-size:16px } üzerine yaz */
    .uomo-category-grid-wrapper .category-banner__item-content h3.uomo-category-grid-title-text,
    .uomo-category-grid-title-text {
        font-size: 0.6875rem !important;
        line-height: 1.2 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0.2rem 0.25rem !important;
        letter-spacing: 0.02em;
        font-weight: 600 !important;
    }
}

/* Kategori Grid Özel Kolon Sayıları (5, 7, 8) */
@media (min-width: 992px) {
    .uomo-category-grid-row.uomo-category-grid-custom-5 {
        display: flex;
        flex-wrap: wrap;
    }
    
    .uomo-category-grid-row.uomo-category-grid-custom-5 .uomo-category-grid-item {
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    .uomo-category-grid-row.uomo-category-grid-custom-7 {
        display: flex;
        flex-wrap: wrap;
    }
    
    .uomo-category-grid-row.uomo-category-grid-custom-7 .uomo-category-grid-item {
        flex: 0 0 14.285714%;
        max-width: 14.285714%;
    }
    
    .uomo-category-grid-row.uomo-category-grid-custom-8 {
        display: flex;
        flex-wrap: wrap;
    }
    
    .uomo-category-grid-row.uomo-category-grid-custom-8 .uomo-category-grid-item {
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

/* Responsive Banners - Tam Genişlik Banner Desteği */
.banners .banner-card {
    width: 100%;
    height: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.banners .banner-card__image {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1200 / 675;
    background-color: #f0f0f0;
}

.banners .banner-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Responsive Banners - Grid Desteği (4 banner yan yana için) */
.banners .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.banners .row > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

/* 4 banner yan yana için özel kurallar */
.banners .row > .col-3,
.banners .row > .col-sm-3,
.banners .row > .col-md-3,
.banners .row > .col-lg-3,
.banners .row > .col-xl-3 {
    flex: 0 0 auto;
    width: 100%;
}

@media (min-width: 576px) {
    .banners .row > .col-sm-3 {
        width: 25%;
    }
}

@media (min-width: 768px) {
    .banners .row > .col-md-3 {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .banners .row > .col-lg-3 {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .banners .row > .col-xl-3 {
        width: 25%;
    }
}

/* Tam genişlik banner'lar için - container-fluid ile tam genişlik */
.banner-full-width {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.banner-full-width .banner-card {
    width: 100%;
    margin: 0;
}

.banner-full-width .banner-card__image {
    width: 100%;
    margin: 0;
    padding: 0;
    aspect-ratio: auto;
    overflow: visible;
}

.banner-full-width .banner-card__image img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Smooth scrolling için */
@media (max-width: 767px) {
    .uomo-customer-reviews-slider,
    .uomo-category-banner-slider-body {
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }
}

/* Recently Viewed Products Section */
.recently-viewed-products-section {
    margin-bottom: 0;
}

/* BENZER ÜRÜNLER - SON GEZDİĞİNİZ ÜRÜNLER gibi genişlik ayarları */
.similar-products-section .similar_products_slider {
    position: relative;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.similar-products-section .similar_products_slider__prev,
.similar-products-section .similar_products_slider__next {
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    box-shadow: none;
    z-index: 10;
    cursor: pointer;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    transition: all 0.2s;
}

.similar-products-section .similar_products_slider__prev:hover,
.similar-products-section .similar_products_slider__next:hover {
    background: #f9fafb;
    border-color: #d1d5db;
}

.similar-products-section .similar_products_slider__prev svg,
.similar-products-section .similar_products_slider__next svg {
    width: 16px;
    height: 16px;
    color: #222;
}


/*-----------------------------------------------*/
/*------------------ Sort Button ----------------*/
/*-----------------------------------------------*/

.sort-dropdown-wrapper {
    position: relative;
}

.sort-dropdown {
    position: relative;
}

.sort-dropdown-wrapper {
    position: relative;
}

.sort-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.125rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #222222;
    background-color: #ffffff;
    border: 1.5px solid #e4e4e4;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    min-width: 180px;
    justify-content: space-between;
}

.sort-btn.dropdown-toggle::after {
    display: none;
}

.sort-btn:hover {
    background-color: #f8f8f8;
    border-color: #c32929;
    color: #c32929;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(195, 41, 41, 0.1);
}

.sort-btn:focus,
.sort-btn:active,
.sort-btn.show {
    background-color: #ffffff;
    border-color: #c32929;
    color: #c32929;
    box-shadow: 0 0 0 3px rgba(195, 41, 41, 0.1);
    outline: none;
}

.sort-btn-text {
    flex: 1;
    text-align: left;
    font-weight: 500;
}

.sort-btn-icon {
    flex-shrink: 0;
    transition: transform 0.3s ease;
    color: currentColor;
}

.sort-btn[aria-expanded="true"] .sort-btn-icon {
    transform: rotate(180deg);
}

#sort-dropdown-menu,
.sort-dropdown .sort-dropdown-menu,
.sort-dropdown-menu {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
    min-width: 220px;
    padding: 0.5rem 0;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    overflow: hidden;
    display: none !important;
    visibility: hidden;
    opacity: 0;
    z-index: 9999 !important;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

#sort-dropdown-menu.show,
.sort-dropdown .sort-dropdown-menu.show,
.sort-dropdown-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.sort-dropdown-menu .sort-option {
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
    color: #333333;
    text-decoration: none;
    transition: all 0.2s ease;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.sort-dropdown-menu .sort-option:hover {
    background-color: #f8f8f8;
    color: #c32929;
    padding-left: 1.5rem;
}

.sort-dropdown-menu .sort-option.active {
    background-color: #fff5f5;
    color: #c32929;
    font-weight: 600;
    position: relative;
}

.sort-dropdown-menu .sort-option.active::before {
    content: '✓';
    position: absolute;
    left: 0.75rem;
    font-weight: 700;
}

/* Filter Header Sort Button Positioning */
.shop-filter-section .filter-header .sort-dropdown-wrapper {
    margin-left: auto;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .sort-btn {
        min-width: 160px;
        padding: 0.5rem 0.875rem;
        font-size: 0.8125rem;
    }
    
    .sort-dropdown-menu {
        min-width: 200px;
    }
}

@media (max-width: 768px) {
    .shop-filter-section .filter-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .shop-filter-section .filter-header .sort-dropdown-wrapper {
        margin-left: 0;
        width: 100%;
    }
    
    .sort-btn {
        width: 100%;
        justify-content: space-between;
    }
    
    .sort-dropdown-menu {
        width: 100%;
        min-width: unset;
    }
}

/* ===== GÖRSEL ARAMA STİLLERİ (Google gibi) ===== */
/* Sürükle-bırak vurgulama */
.uomo-header-search.uomo-drag-over {
    border-color: #c32929 !important;
    background-color: #f0f9f8 !important;
    box-shadow: 0 0 0 3px rgba(0, 88, 80, 0.1) !important;
}

/* Inline görsel önizleme */
.uomo-image-preview-inline {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 6px;
    overflow: visible;
    border: 2px solid #c32929;
    background: white;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.uomo-image-preview-inline img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.uomo-remove-preview-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #dc3545;
    color: white;
    border: 2px solid white;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 11px;
    z-index: 101;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    padding: 0;
    line-height: 1;
    transition: all 0.2s ease;
}

.uomo-remove-preview-btn:hover {
    background: #c82333;
    transform: scale(1.15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}

.uomo-remove-preview-btn i {
    font-size: 11px;
    line-height: 1;
}

.uomo-search-image-btn-inline {
    background: #c32929 !important;
    color: white !important;
}

.uomo-search-image-btn-inline:hover:not(:disabled) {
    background: #007b6b !important;
}

.uomo-search-image-btn-inline:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Modal (hala kullanılabilir ama daha az öne çıkan) */
.uomo-image-search-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.uomo-image-search-modal-content {
    background: white;
    border-radius: 15px;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.uomo-image-search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e4e4e4;
}

.uomo-image-search-header h4 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #222222;
}

.uomo-modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #6c757d;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}

.uomo-modal-close:hover {
    color: #222222;
}

.uomo-image-search-body {
    padding: 1.5rem;
}

.uomo-image-upload-area {
    border: 2px dashed #e4e4e4;
    border-radius: 10px;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uomo-image-upload-area.dragover {
    border-color: #c32929;
    background-color: #f0f9f8;
}

.uomo-image-upload-placeholder {
    width: 100%;
}

.uomo-image-upload-placeholder i {
    color: #6c757d;
    margin-bottom: 1rem;
}

.uomo-image-upload-placeholder p {
    color: #6c757d;
    margin-bottom: 1rem;
    font-size: 1rem;
}

.uomo-upload-btn {
    background: #c32929;
    color: white;
    border: none;
    padding: 0.75rem 2rem;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.uomo-upload-btn:hover {
    background: #007b6b;
    transform: translateY(-2px);
}

.uomo-image-preview {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.uomo-image-preview img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    max-height: 400px;
    object-fit: contain;
}

.uomo-remove-image-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.uomo-remove-image-btn:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: scale(1.1);
}

.uomo-image-search-actions {
    margin-top: 1.5rem;
    text-align: center;
}

.uomo-search-image-btn {
    background: #c32929;
    color: white;
    border: none;
    padding: 0.875rem 2.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.uomo-search-image-btn:hover:not(:disabled) {
    background: #007b6b;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 88, 80, 0.3);
}

.uomo-search-image-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.uomo-header-image-search-btn {
    background: none;
    border: none;
    padding: 0.5rem;
    margin-right: 0.5rem;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uomo-header-image-search-btn:hover {
    color: #c32929;
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .uomo-image-search-modal {
        padding: 10px;
    }
    
    .uomo-image-search-modal-content {
        max-height: 95vh;
    }
    
    .uomo-image-upload-area {
        min-height: 250px;
        padding: 1.5rem;
    }
    
    .uomo-image-preview img {
        max-height: 300px;
    }
}

/* ==============================================
   AWA Gallery - Yeni Tasarım Stilleri
   ============================================== */
/* Ana Galeri Container */
.awa-gallery-container {
    width: 100%;
    position: relative;
    display: block;
}

/* Layout: Thumbnails Left/Right için flex container */
.awa-gallery-layout-thumbnails_left .awa-gallery-container,
.awa-gallery-layout-thumbnails_right .awa-gallery-container {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

.awa-gallery-main-wrapper {
    position: relative;
    width: 100%;
    background: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    flex: 1;
    margin: 0;
    padding: 0;
}

/* Layout: Thumbnails Left/Right için main wrapper ayarı */
.awa-gallery-layout-thumbnails_left .awa-gallery-main-wrapper,
.awa-gallery-layout-thumbnails_right .awa-gallery-main-wrapper {
    flex: 1;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.awa-gallery-main-image-container {
    position: relative;
    width: 100%;
    min-height: 500px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.awa-gallery-main-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.awa-gallery-main-slide.awa-gallery-active {
    opacity: 1;
    z-index: 1;
}

.awa-gallery-main-img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    padding: 0;
}

.awa-gallery-zoom-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.95);
    color: #222;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    pointer-events: auto;
}

.awa-gallery-main-slide:not(.awa-gallery-active) .awa-gallery-zoom-btn {
    opacity: 0;
    pointer-events: none;
}

.awa-gallery-main-slide.awa-gallery-active .awa-gallery-zoom-btn {
    opacity: 1;
    pointer-events: auto;
}

.awa-gallery-zoom-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.awa-gallery-zoom-btn i {
    font-size: 20px;
}

.awa-gallery-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.95);
    color: #222;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.awa-gallery-nav-btn:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.awa-gallery-prev {
    left: 15px;
}

.awa-gallery-next {
    right: 15px;
}

.awa-gallery-nav-btn i {
    font-size: 18px;
}

/* Thumbnail Wrapper */
.awa-gallery-thumbs-wrapper {
    margin-top: 15px;
    flex-shrink: 0;
}

/* Layout: Bottom Thumbnails için margin */
.awa-gallery-layout-thumbnails_bottom .awa-gallery-thumbs-wrapper {
    margin-top: 15px;
    width: 100%;
}

/* Layout: Bottom Thumbnails */
.awa-gallery-thumbs-bottom {
    width: 100%;
    margin-top: 15px;
}

.awa-gallery-thumbs-bottom .awa-gallery-thumbs-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: flex-start;
    overflow-x: auto;
    padding: 5px 0;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.awa-gallery-thumbs-bottom .awa-gallery-thumbs-container::-webkit-scrollbar {
    height: 6px;
}

.awa-gallery-thumbs-bottom .awa-gallery-thumbs-container::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 3px;
}

.awa-gallery-thumbs-bottom .awa-gallery-thumbs-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* Layout: Left Thumbnails */
.awa-gallery-layout-thumbnails_left .awa-gallery-thumbs-wrapper {
    order: -1;
    width: 100px;
    flex-shrink: 0;
    margin: 0;
    align-self: flex-start;
}

.awa-gallery-thumbs-left .awa-gallery-thumbs-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.awa-gallery-thumbs-left .awa-gallery-thumbs-container::-webkit-scrollbar {
    width: 6px;
}

.awa-gallery-thumbs-left .awa-gallery-thumbs-container::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 3px;
}

.awa-gallery-thumbs-left .awa-gallery-thumbs-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* Layout: Right Thumbnails */
.awa-gallery-layout-thumbnails_right .awa-gallery-thumbs-wrapper {
    order: 1;
    width: 100px;
    flex-shrink: 0;
    margin: 0;
    align-self: flex-start;
}

.awa-gallery-thumbs-right .awa-gallery-thumbs-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
}

.awa-gallery-thumbs-right .awa-gallery-thumbs-container::-webkit-scrollbar {
    width: 6px;
}

.awa-gallery-thumbs-right .awa-gallery-thumbs-container::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 3px;
}

.awa-gallery-thumbs-right .awa-gallery-thumbs-container::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* Thumbnail Item */
.awa-gallery-thumb-item {
    flex-shrink: 0;
    width: 90px;
    min-height: 90px;
    border: 2px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease, opacity 0.2s ease;
    background: #f5f5f5;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.awa-gallery-thumb-item:hover {
    border-color: #ddd;
    opacity: 0.9;
}

.awa-gallery-thumb-item.awa-gallery-thumb-active {
    border-color: #222;
    opacity: 1;
}

.awa-gallery-thumb-img {
    width: 100%;
    height: auto;
    min-height: 90px;
    object-fit: contain;
    display: block;
    margin: 0;
    padding: 0;
}

/* Lightbox */
.awa-gallery-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    overflow: hidden;
}

.awa-gallery-lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
}

.awa-gallery-lightbox-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10001;
    transition: background 0.2s ease;
}

.awa-gallery-lightbox-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.awa-gallery-lightbox-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
}

.awa-gallery-lightbox-image-container {
    position: relative;
    width: 100%;
    max-width: 100vw;
    max-height: 100vh;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 80px 40px 140px 40px;
    box-sizing: border-box;
}

.awa-gallery-lightbox-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.awa-gallery-lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
}

.awa-gallery-lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.3);
}

.awa-gallery-lightbox-prev {
    left: 20px;
}

.awa-gallery-lightbox-next {
    right: 20px;
}

/* İki Sütun Layout */
.awa-gallery-layout-two_columns .awa-gallery-container {
    display: block;
    width: 100%;
}

.awa-gallery-two-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    scrollbar-width: thin;
    scrollbar-color: #ccc #f5f5f5;
}

.awa-gallery-two-columns::-webkit-scrollbar {
    width: 8px;
}

.awa-gallery-two-columns::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
}

.awa-gallery-two-columns::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.awa-gallery-two-columns::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.awa-gallery-two-col-item {
    position: relative;
    width: 100%;
    min-height: 300px;
    background: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.awa-gallery-two-col-img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    margin: 0;
    padding: 0;
}

.awa-gallery-two-col-item .awa-gallery-zoom-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
}

/* Lightbox Detaylı Stilleri */
.awa-gallery-lightbox-header {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10001;
}

.awa-gallery-lightbox-counter {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
}

.awa-gallery-lightbox-zoom-hint {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 10001;
}

.awa-gallery-lightbox-zoom-hint i {
    margin-right: 8px;
}

.awa-gallery-lightbox-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: zoom-in;
    transition: transform 0.3s ease;
}

.awa-gallery-lightbox-image.awa-gallery-zoomed {
    cursor: zoom-out;
    transform: scale(2);
}

.awa-gallery-lightbox-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 15px;
    z-index: 10001;
}

.awa-gallery-lightbox-thumbs-container {
    display: flex;
    gap: 10px;
    justify-content: center;
    overflow-x: auto;
    max-width: 100%;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.awa-gallery-lightbox-thumb-item {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border: 2px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease;
    opacity: 0.7;
}

.awa-gallery-lightbox-thumb-item:hover {
    opacity: 1;
}

.awa-gallery-lightbox-thumb-item.awa-gallery-lightbox-thumb-active {
    border-color: #fff;
    opacity: 1;
}

.awa-gallery-lightbox-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ==============================================
   Product New Gallery - Yeni Galeri Sistemi
   Çakışma önlemli, detaylı CSS
   ============================================== */

/* Ana Container */
.product-new-gallery {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
}

/* Ana Wrapper */
.product-new-gallery-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Layout: Thumbnails Bottom - Varsayılan */
.product-new-gallery-layout-thumbnails_bottom .product-new-gallery-wrapper {
    flex-direction: column;
}

/* Layout: Thumbnails Left */
.product-new-gallery-layout-thumbnails_left .product-new-gallery-wrapper {
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
}

.product-new-gallery-layout-thumbnails_left .product-new-gallery-main-area {
    align-self: flex-start;
}

.product-new-gallery-layout-thumbnails_left .product-new-gallery-thumbs-area {
    align-self: flex-start;
    max-height: 100%;
}

/* Layout: Thumbnails Right */
.product-new-gallery-layout-thumbnails_right .product-new-gallery-wrapper {
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
}

.product-new-gallery-layout-thumbnails_right .product-new-gallery-main-area {
    align-self: flex-start;
}

.product-new-gallery-layout-thumbnails_right .product-new-gallery-thumbs-area {
    align-self: flex-start;
    max-height: 100%;
}

/* Ana Resim Alanı */
.product-new-gallery-main-area {
    position: relative;
    width: 100%;
    flex: 1;
    min-height: 400px;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* Mobilde yatay swipe için touch-action */
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
}

/* Layout: Thumbnails Left - Ana Resim */
.product-new-gallery-layout-thumbnails_left .product-new-gallery-main-area {
    order: 2;
    flex: 1;
    width: auto;
}

/* Layout: Thumbnails Right - Ana Resim */
.product-new-gallery-layout-thumbnails_right .product-new-gallery-main-area {
    order: 1;
    flex: 1;
    width: auto;
}

/* Ana Slide */
.product-new-gallery-main-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* Mobilde yatay swipe için touch-action */
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
}

.product-new-gallery-main-slide.product-new-gallery-active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
    position: relative;
}

/* Ana Resim Wrapper */
.product-new-gallery-main-img-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* Mobilde yatay swipe için touch-action */
    touch-action: pan-x pan-y;
    -webkit-overflow-scrolling: touch;
}

/* Ana Resim */
.product-new-gallery-main-img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* Mobilde yatay swipe için touch-action */
    touch-action: pan-x pan-y;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    pointer-events: auto;
}

/* Navigasyon Butonları */
.product-new-gallery-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s ease;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #222;
    font-size: 16px;
}

.product-new-gallery-nav-btn:hover {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(0, 0, 0, 0.2);
    color: #000;
}

.product-new-gallery-nav-prev {
    left: 15px;
}

.product-new-gallery-nav-next {
    right: 15px;
}

/* Zoom Butonu */
.product-new-gallery-zoom-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    background: #c32929 !important;
    border: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.2s ease;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
}

.product-new-gallery-zoom-btn:hover {
    background: #c32929 !important;
    color: #fff;
}

.product-new-gallery-main-slide:not(.product-new-gallery-active) .product-new-gallery-zoom-btn {
    display: none;
}

/* Resme tıklayınca lightbox açılsın - cursor ipucu */
.product-new-gallery[data-enable-lightbox="true"] .product-new-gallery-main-img-wrapper,
.product-new-gallery[data-enable-lightbox="true"] .product-new-gallery-main-img,
.product-new-gallery[data-enable-lightbox="true"] .product-new-gallery-two-col-item {
    cursor: zoom-in;
}

/* Thumbnail Alanı - Genel */
.product-new-gallery-thumbs-area {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* Thumbnail Container - Genel */
.product-new-gallery-thumbs-container {
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
}

/* Layout: Thumbnails Bottom */
.product-new-gallery-thumbs-bottom {
    order: 2;
    margin-top: 15px;
    width: 100%;
}

.product-new-gallery-thumbs-bottom .product-new-gallery-thumbs-container {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px 0;
    scrollbar-width: thin;
    scrollbar-color: #666 #e0e0e0;
}

.product-new-gallery-thumbs-bottom .product-new-gallery-thumbs-container::-webkit-scrollbar {
    height: 10px;
}

.product-new-gallery-thumbs-bottom .product-new-gallery-thumbs-container::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 5px;
}

.product-new-gallery-thumbs-bottom .product-new-gallery-thumbs-container::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 5px;
    border: 2px solid #e0e0e0;
}

.product-new-gallery-thumbs-bottom .product-new-gallery-thumbs-container::-webkit-scrollbar-thumb:hover {
    background: #333;
}

/* Layout: Thumbnails Left */
.product-new-gallery-thumbs-left {
    order: 1;
    width: 100px;
    flex-shrink: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-new-gallery-thumbs-left .product-new-gallery-thumbs-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 470px;
    height: 100%;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: #666 #e0e0e0;
}

.product-new-gallery-thumbs-left .product-new-gallery-thumbs-container::-webkit-scrollbar {
    width: 10px;
}

.product-new-gallery-thumbs-left .product-new-gallery-thumbs-container::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 5px;
}

.product-new-gallery-thumbs-left .product-new-gallery-thumbs-container::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 5px;
    border: 2px solid #e0e0e0;
}

.product-new-gallery-thumbs-left .product-new-gallery-thumbs-container::-webkit-scrollbar-thumb:hover {
    background: #333;
}

/* Layout: Thumbnails Right */
.product-new-gallery-thumbs-right {
    order: 3;
    width: 100px;
    flex-shrink: 0;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-new-gallery-thumbs-right .product-new-gallery-thumbs-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 470px;
    height: 100%;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: #666 #e0e0e0;
}

.product-new-gallery-thumbs-right .product-new-gallery-thumbs-container::-webkit-scrollbar {
    width: 10px;
}

.product-new-gallery-thumbs-right .product-new-gallery-thumbs-container::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 5px;
}

.product-new-gallery-thumbs-right .product-new-gallery-thumbs-container::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 5px;
    border: 2px solid #e0e0e0;
}

.product-new-gallery-thumbs-right .product-new-gallery-thumbs-container::-webkit-scrollbar-thumb:hover {
    background: #333;
}

/* Thumbnail Item */
.product-new-gallery-thumb-item {
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    border: 2px solid transparent;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease, opacity 0.2s ease;
    background: #f5f5f5;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

.product-new-gallery-thumb-item:hover {
    border-color: #ddd;
    opacity: 0.9;
}

.product-new-gallery-thumb-item.product-new-gallery-thumb-active {
    border-color: #dc3545 !important;
    opacity: 1;
}

/* Thumbnail Image */
.product-new-gallery-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* İki Sütun Layout */
.product-new-gallery-layout-two_columns .product-new-gallery {
    display: block;
    width: 100%;
}

.product-new-gallery-two-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    scrollbar-width: thin;
    scrollbar-color: #666 #e0e0e0;
    box-sizing: border-box;
}

.product-new-gallery-two-columns::-webkit-scrollbar {
    width: 10px;
}

.product-new-gallery-two-columns::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 5px;
}

.product-new-gallery-two-columns::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 5px;
    border: 2px solid #e0e0e0;
}

.product-new-gallery-two-columns::-webkit-scrollbar-thumb:hover {
    background: #333;
}

.product-new-gallery-two-col-item {
    position: relative;
    width: 100%;
    min-height: 300px;
    background: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.product-new-gallery-two-col-img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.product-new-gallery-two-col-item .product-new-gallery-zoom-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
}

/* Lightbox - Tam ekran, header ve arka plan tamamen gizlenir */
body.lightbox-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}

html.lightbox-open {
    overflow: hidden !important;
}

/* Lightbox açıkken header, nav ve diğer üst/alt elemanlar gizlensin */
body.lightbox-open .header,
body.lightbox-open .header-mobile,
body.lightbox-open .header-desk,
body.lightbox-open .header-bottom,
body.lightbox-open .modern-footer-mobile,
body.lightbox-open .scroll-to-top-btn,
body.lightbox-open .page-overlay,
body.lightbox-open .product-single__details-tab,
body.lightbox-open .pdp-tabs-wrap,
body.lightbox-open .pdp-toast,
/* Sağ kolon WhatsApp CTA — row sırası / stacking nedeniyle lightbox üstüne sızıyordu */
body.lightbox-open .pdp-whatsapp-buttons,
body.lightbox-open .pdp-btn--whatsapp-order,
body.lightbox-open .pdp-btn--whatsapp-info {
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

.product-new-gallery-lightbox {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
    z-index: 2147483647 !important;
    overflow: hidden;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: none !important;
}

.product-new-gallery-lightbox.product-new-gallery-lightbox-open {
    display: flex !important;
}

.product-new-gallery-lightbox-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
    background: #000 !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    z-index: 1;
}

.product-new-gallery-lightbox-content {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    z-index: 2;
}

.product-new-gallery-lightbox-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10001;
    transition: background 0.2s ease;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 20px;
}

.product-new-gallery-lightbox-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.product-new-gallery-lightbox-header {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10001;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.product-new-gallery-lightbox-counter {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    box-sizing: border-box;
}

.product-new-gallery-lightbox-image-wrapper {
    position: relative;
    width: 100%;
    max-width: 100vw;
    max-height: 100vh;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding: 80px 40px 140px 40px;
    margin: 0;
    box-sizing: border-box;
}

.product-new-gallery-lightbox-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    cursor: zoom-in;
    transition: transform 0.3s ease;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.product-new-gallery-lightbox-image.product-new-gallery-zoomed {
    cursor: zoom-out;
    transform: scale(2);
}

.product-new-gallery-lightbox-zoom-hint {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 14px;
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 10001;
    margin: 0;
    box-sizing: border-box;
}

.product-new-gallery-lightbox-zoom-hint i {
    margin-right: 8px;
}

.product-new-gallery-lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
    z-index: 10001;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 18px;
}

.product-new-gallery-lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.3);
}

.product-new-gallery-lightbox-prev {
    left: 20px;
}

.product-new-gallery-lightbox-next {
    right: 20px;
}

.product-new-gallery-lightbox-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    padding: 15px;
    z-index: 10001;
    margin: 0;
    box-sizing: border-box;
}

.product-new-gallery-lightbox-thumbs-container {
    display: flex;
    gap: 10px;
    justify-content: center;
    overflow-x: auto;
    max-width: 100%;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.3);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.product-new-gallery-lightbox-thumbs-container::-webkit-scrollbar {
    height: 8px;
}

.product-new-gallery-lightbox-thumbs-container::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.product-new-gallery-lightbox-thumbs-container::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

.product-new-gallery-lightbox-thumbs-container::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.7);
}

.product-new-gallery-lightbox-thumb-item {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    border: 2px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s ease;
    opacity: 0.7;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

.product-new-gallery-lightbox-thumb-item:hover {
    opacity: 1;
}

.product-new-gallery-lightbox-thumb-item.product-new-gallery-lightbox-thumb-active {
    border-color: #fff;
    opacity: 1;
}

.product-new-gallery-lightbox-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ==========================================
   RESPONSIVE - Media Queries (merged from responsive.css)
   ========================================== */
/**
 * Responsive CSS - Uomo Furniture Theme
 *
 * Homepage-builder'dan gelen slide sayısı ayarlarına göre
 * responsive düzenlemeler bu dosyada yapılır.
 *
 * Breakpoint standardı (yeni kurallarda kullanılacak):
 * - Mobil:        max-width: 767.98px  (data-slides-mobile)
 * - Küçük mobil:   max-width: 575.98px
 * - Tablet:        min-width: 768px and max-width: 991.98px (data-slides-tablet)
 * - Desktop:       min-width: 992px and max-width: 1399.98px (data-slides-desktop)
 * - Desktop Large: min-width: 1400px (data-slides-desktop-large)
 * - 1500px+:        container max-width 1500px (style.css)
 * - 1800px+:        container max-width 1720px (style.css)
 *
 * Not: Mobil yatay kayma önleme ve touch alanları theme_asset('css/mobile.css') ile yönetilir.
 */

/* ===========================================
   ANA SAYFA BÖLÜMLERİ - GENEL PADDING AYARLARI
   =========================================== */


/* Google Reviews Section - Padding ekle */
.google-reviews-section {
    padding: 30px 0;
}

/* Üst boşluk ekle - Product Carousel ve diğer slider'lar */
.product-carousel,
.border-top-1,
.homepage-product-slider,
.uomo-mobile-slider-wrapper {
    padding-top: 30px;
}

/* ===========================================
   MOBİL CSS - SLIDE SAYISI AYARLARI (0-767px)
   =========================================== */
@media (max-width: 767.98px) {
    /* Footer copyright font size mobil */
    .furniture-footer-copyright p {
        font-size: 9px !important;
    }
    
    /* Mobilde container padding'lerini azalt */
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Mobilde padding'leri koru ama margin-bottom'u kaldır */
    .uomo-mobile-slider-wrapper,
    .uomo-blog-slider-wrapper,
    .uomo-category-banner-slider-wrapper,
    .uomo-customer-reviews-wrapper,
    .homepagecategory,
    .homepage-category-banner-slider {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Mobilde üst boşluk ekle */
    .product-carousel,
    .border-top-1,
    .uomo-mobile-slider-wrapper {
        padding-top: 20px !important;
    }
    
    /* Swiper içerikleri için margin-bottom kaldır */
    .uomo-blog-slider-swiper,
    .uomo-customer-reviews-swiper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Slick initialized slider için mobil düzeltmeler */
    #new_product.produc_slider .produc_slider__swiper.slick-initialized {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    
    #new_product.produc_slider .produc_slider__swiper.slick-initialized .slick-list {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Slick başlatılmadan önce fallback - sadece görünürlük için */
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized),
    .uomo-product-slider-swiper:not(.slick-initialized) {
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized) .slick-list,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) .slick-list {
        display: block;
        visibility: visible;
        opacity: 1;
        overflow: hidden;
    }
    
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized) .slick-track,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) .slick-track {
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    /* Google Reviews Slider - Mobil */
    .uomo-google-reviews-container,
    [data-google-reviews-slider] {
        position: relative !important;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 1px !important;
    }
    
    .uomo-google-reviews-track {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        touch-action: pan-x !important;
        -webkit-overflow-scrolling: touch !important;
        will-change: transform !important;
        min-height: 1px !important;
        overflow-x: auto !important;
        scroll-behavior: smooth !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    
    .uomo-google-reviews-track::-webkit-scrollbar {
        display: none !important;
    }
    
    .uomo-google-review-slide {
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 1px !important;
    }
    
    .homepage-product-slider__slide:not(.slick-initialized),
    .uomo-product-slider-slide:not(.slick-initialized) {
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    /* Mobilde slide sayısına göre padding ayarları - SADECE SLİCK BAŞLATILMADAN ÖNCE */
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="1"] .slick-slide,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="1"] .slick-slide {
        padding-left: 6px;
        padding-right: 6px;
    }
    
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="2"] .slick-slide,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="2"] .slick-slide {
        padding-left: 6px;
        padding-right: 6px;
    }
    
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="3"] .slick-slide,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="3"] .slick-slide {
        padding-left: 4px;
        padding-right: 4px;
    }
    
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="4"] .slick-slide,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="4"] .slick-slide {
        padding-left: 3px;
        padding-right: 3px;
    }
    
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="5"] .slick-slide,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="5"] .slick-slide {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="6"] .slick-slide,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized)[data-slides-mobile="6"] .slick-slide {
        padding-left: 2px;
        padding-right: 2px;
    }
    
    /* Ürün Slider - Görsel düzenlemeleri */
    .produc_slider .product-image-container {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
        position: relative !important;
    }
    
    .produc_slider .new-pc__img-wrapper {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
        position: relative !important;
    }
    
    .product-card-wrapper .new-pc__img.product-slider-img,
    .produc_slider .product-card-wrapper .new-pc__img.product-slider-img,
    .produc_slider .new-pc__img.product-slider-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        object-fit: contain !important;
        max-width: 100% !important;
        min-height: auto !important;
    }
    
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized) .slick-slide {
        display: block;
        visibility: visible;
        opacity: 1;
        width: 100%;
        margin-bottom: 0 !important;
    }
    
    .produc_slider__swiper.js-slick-slider:not(.slick-initialized) .slick-slide > div {
        width: 100%;
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    /* ===========================================
       KATEGORİ BANNER SLİDER - MOBİL DÜZENLEMELERİ
       =========================================== */
    
    .homepage-category-banner-slider {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 15px 0 !important;
    }
    
    .homepage-category-banner-slider__swiper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-bottom: 0 !important;
    }
    
    .homepage-category-banner-slider__swiper .swiper-wrapper {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .homepage-category-banner-slider__swiper .swiper-slide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        flex-shrink: 0 !important;
    }
    
    .homepage-category-banner-slider__item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 280px !important;
        width: 100% !important;
        border-radius: 12px !important;
    }
    
    .homepage-category-banner-slider__image {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    .homepage-category-banner-slider__overlay {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 16px !important;
    }
    
    .homepage-category-banner-slider__item-title {
        font-size: 1.1rem !important;
        margin-bottom: 8px !important;
    }
    
    .homepage-category-banner-slider__item-subtitle {
        font-size: 0.875rem !important;
        margin-bottom: 12px !important;
    }
    
    .homepage-category-banner-slider__title {
        font-size: 1.5rem !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    .homepage-category-banner-slider__subtitle {
        font-size: 0.9rem !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    .homepage-category-banner-slider__nav {
        display: none !important;
    }
    
    /* ===========================================
       KATEGORİ SLİDER RESİMLİ MOBİL
       =========================================== */
    
    /* Kategori Slider Resimli - Container düzenlemeleri */
    .homepagecategory {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    .homepagecategory__container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .homepagecategory__header {
        padding: 0 0 12px 0 !important;
        margin: 0 0 12px 0 !important;
    }
    
    .homepagecategory__title {
        font-size: 1.5rem !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
    }
    
    .homepagecategory__subtitle {
        font-size: 0.875rem !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .homepagecategory__list {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 0 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Kategori Slider Resimli - Card düzenlemeleri (SADECE MOBİL - 767px ve altı) */
    .homepagecategory-card {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        margin-bottom: 6px !important; /* Mobilde boşlukları azalttık: 12px -> 6px */
        background: #ffffff !important;
        border-radius: 12px !important;
        overflow: hidden !important;

    }
    
    .homepagecategory-card:last-child {
        margin-bottom: 0 !important;
    }
    
    /* Mobilde row gap'i azalt */
    .homepagecategory.layout .row.g-3,
    .homepagecategory.layout .row.g-md-4 {
        --bs-gutter-y: 0.5rem !important; /* Mobilde gap'i azalttık */
        --bs-gutter-x: 0.5rem !important;
    }
    
    /* Mobilde kategori görseli gizli - sadece mobil için */
    @media (max-width: 767.98px) {
        .homepagecategory.layout .homepagecategory-card__media,
        .homepagecategory .homepagecategory-card__media,
        .homepagecategory-card__media {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
            width: 0 !important;
            flex: 0 0 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            overflow: hidden !important;
        }
        
        .homepagecategory .homepagecategory-card__content {
            width: 100% !important;
            flex: 0 0 100% !important;
        }
    }
    
    .homepagecategory-card__media-link {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
    
    .homepagecategory-card__image {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        min-height: 200px !important;
        max-height: 250px !important;
    }
    
    .homepagecategory-card__image-placeholder {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 200px !important;
        background: #f5f5f5 !important;
        color: #999 !important;
        font-size: 2rem !important;
    }
    
    .homepagecategory-card__content {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        padding: 16px 16px 0 16px !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
        border: 1px solid #ddd !important;
        margin-bottom: 0 !important;
    }
    
    .homepagecategory-card__header {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        gap: 12px !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
    }
    
    /* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
    @supports not (gap: 12px) {
        .homepagecategory-card__header > * + * {
            margin-top: 12px !important;
        }
    }
    
    .homepagecategory-card__title-group {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .homepagecategory-card__title {
        font-size: 1.25rem !important;
        font-weight: 700 !important;
        margin: 0 0 8px 0 !important;
        color: #1f2937 !important;
        padding: 0 !important;
        line-height: 1.4 !important;
    }
    
    .homepagecategory-card__description {
        font-size: 0.875rem !important;
        color: #6b7280 !important;
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
        line-height: 1.5 !important;
    }
    
    .homepagecategory-card__title-group .homepagecategory-card__cta {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 6px 12px !important;
        background: transparent !important;
        color: #374151 !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 4px !important;
        text-decoration: none !important;
        font-size: 0.8rem !important;
        font-weight: 500 !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 8px 0 0 0 !important;
    }
    
    .homepagecategory-card__cta {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 10px 18px !important;
        background: #111827 !important;
        color: #ffffff !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        font-size: 0.875rem !important;
        font-weight: 600 !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    
    /* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
    @supports not (gap: 8px) {
        .homepagecategory-card__cta > * + * {
            margin-left: 8px !important;
        }
    }
    
    /* fit-content fallback */
    @supports not (width: fit-content) {
        .homepagecategory-card__cta {
            display: inline-block !important;
        }
    }
    
    .homepagecategory-card__title-group .homepagecategory-card__cta:hover {
        background: #f9fafb !important;
        color: #111827 !important;
        border-color: #d1d5db !important;
    }
    
    .homepagecategory-card__cta:hover {
        background: #f3f4f6 !important;
        color: #111827 !important;
    }
    
    .homepagecategory-card__body {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        box-sizing: border-box !important;
    }
    
 
    
    .furniture-swiper-category {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }
    
    /* Swiper kendi genişlik hesaplamalarını yapsın - JavaScript inline style'larına müdahale etme */
    .furniture-swiper-category-slide {
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        /* width ve min-width JavaScript tarafından inline olarak ayarlanacak - CSS'te !important kullanma */
    }
    
 
    
    .homepagecategory-card__toolbar {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        margin-bottom: 8px !important;
        padding: 0 !important;
        width: 100% !important;
        gap: 8px !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
    
    .homepagecategory-card__controls {
        gap: 4px !important;
    }
    
    .homepagecategory-card__cta {
        font-size: 0.8rem !important;
        padding: 8px 14px !important;
        white-space: nowrap !important;
    }
    
    .homepagecategory-card__toolbar-title {
        font-size: 1rem !important;
        font-weight: 600 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #1f2937 !important;
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
    }
    
    .homepagecategory-card__controls {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    
    /* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
    @supports not (gap: 8px) {
        .homepagecategory-card__controls > * + * {
            margin-left: 8px !important;
        }
    }
    
    .homepagecategory-card__control {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        border: 1px solid #e5e7eb !important;
        background: #ffffff !important;
        border-radius: 6px !important;
        cursor: pointer !important;
        color: #374151 !important;
        padding: 0 !important;
        margin: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }
    
    /* Kategori Slider Resimli - İç slider düzenlemeleri (homepagecategory-card__products) */
    .homepagecategory-card__products {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 0 0 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    
    /* Ürün kartlarının altındaki boşlukları kaldır */
    .homepagecategory-card__product .product-card-wrapper,
    .homepagecategory .homepagecategory-card__product .product-card-wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .homepagecategory-card__product .new-product-card {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Ürün adından sonraki alt boşluğu kaldır - Mobil */
    .homepagecategory-card__product .new-variant-content,
    .homepagecategory-card__product .new-product-title-wrapper,
    .homepagecategory-card__product .new-product-title {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .homepagecategory-card__product .new-variant-content {
        gap: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Bootstrap margin class'larını override et - Mobil */
    .homepagecategory-card__product .mb-3,
    .homepagecategory-card__product .mb-4,
    .homepagecategory-card__product .mb-md-3,
    .homepagecategory-card__product .mb-md-4,
    .homepagecategory-card__product [class*="mb-"],
    .homepagecategory-card__product .new-product-card.mb-3,
    .homepagecategory-card__product .new-product-card.mb-md-4,
    .homepagecategory .homepagecategory-card__product .new-product-card.mb-3,
    .homepagecategory .homepagecategory-card__product .new-product-card.mb-md-4 {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Homepagecategory-card__product'un kendisinin margin'ini kaldır - Mobil */
    .homepagecategory-card__product {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Tüm durumlarda alt boşluğu kaldır - 3 ürün veya daha fazla fark etmez - Mobil */
    .homepagecategory-card__products:last-child,
    .homepagecategory-card__body > .homepagecategory-card__products {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .homepagecategory-card__track {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    
    /* JavaScript slider için track overflow'unu düzelt */
    [data-homepagecategory-slider] .homepagecategory-card__track {
        overflow-x: visible !important;
        overflow-y: visible !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-shrink: 1 !important;
        flex-grow: 0 !important;
        max-height: 350px !important;
    }
    
    .homepagecategory-card__track::-webkit-scrollbar {
        display: none !important;
    }
    
    .homepagecategory-card__product {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
        padding: 0 4px !important;
        margin: 0 !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
    
    .homepagecategory-card__product:first-child {
        padding-left: 0 !important;
    }
    
    .homepagecategory-card__product:last-child {
        padding-right: 0 !important;
    }
    
    .homepagecategory-card__empty {
        padding: 16px !important;
        text-align: center !important;
        color: #6b7280 !important;
        font-size: 0.875rem !important;
        margin: 0 !important;
    }
    
    .homepagecategory-card__empty p {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Kategori Slider Resimli - Görsel düzenlemeleri */
    .homepagecategory .product-image-container,
    .homepagecategory-card__product .product-image-container,
    [data-homepagecategory-slider] .homepagecategory-card__product .product-image-container {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
        position: relative !important;
    }
    
    .homepagecategory .new-pc__img-wrapper,
    .homepagecategory-card__product .new-pc__img-wrapper,
    [data-homepagecategory-slider] .homepagecategory-card__product .new-pc__img-wrapper {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
        position: relative !important;
    }
    
    .product-card-wrapper .new-pc__img.product-category-slider-img,
    .homepagecategory .product-card-wrapper .new-pc__img.product-category-slider-img,
    .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
    .homepagecategory .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
    [data-homepagecategory-slider] .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
    [data-homepagecategory-slider] .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-slider-img,
    .homepagecategory .new-pc__img.product-category-slider-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        object-fit: contain !important;
        max-width: 100% !important;
        min-height: auto !important;
    }
}

/* ===========================================
   KATEGORİ SLİDER RESİMLİ - DESKTOP (768px ve üzeri)
   =========================================== */
@media (min-width: 768px) {
    /* Desktop'ta flexbox ile yan yana düzenleme - Çalışan sitedeki gibi */
    /* Kategori görseli SOLDA, slider SAĞDA olacak */
    .homepagecategory.layout .homepagecategory-card {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        background: #ffffff !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
        align-items: stretch !important;
        min-height: 400px !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .homepagecategory.layout .homepagecategory-card .row {
        width: 100% !important;
        margin: 0 !important;
        flex-wrap: nowrap !important;
    }
    
    /* Sol: Kategori görseli - %25 genişlik - KESINLIKLE SOLDA (ÇOK DAR) */
    .homepagecategory.layout .homepagecategory-card__media {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        background: #f9fafb !important;
        min-height: 400px !important;
        height: 100% !important;
        width: 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__media-link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 400px !important;
        padding: 0 !important;
        position: relative !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__image {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        border-radius: 0 !important;
        margin: 0 auto !important;
    }
    
    /* Sağ: Slider içeriği - %75 genişlik - KESINLIKLE SAĞDA (ÇOK GENİŞ) */
    .homepagecategory.layout .homepagecategory-card__content {
        display: flex !important;
        flex-direction: column !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 10px 15px 0 15px !important;
        padding-bottom: 0 !important;
        background: #ffffff !important;
        height: 100% !important;
        justify-content: flex-start !important;
        width: 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
    
    /* Header düzeni - resimdeki gibi: Başlık ve buton üstte */
    .homepagecategory.layout .homepagecategory-card__header {
        margin-bottom: 6px !important;
        padding-bottom: 6px !important;
        border-bottom: 1px solid #e5e7eb !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__title-group {
        flex: 1 !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__title {
        font-size: 3rem !important;
        font-weight: 700 !important;
        color: #1f2937 !important;
        margin-bottom: 4px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.5px !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__description {
        font-size: 1.25rem !important;
        color: #6b7280 !important;
        margin: 0 !important;
        font-style: italic !important;
        line-height: 1.6 !important;
        font-weight: 400 !important;
        font-family: 'Dancing Script', 'Brush Script MT', cursive !important;
    }
    
    /* Placeholder gizle - görsel varsa */
    .homepagecategory.layout .homepagecategory-card__image-placeholder {
        display: none !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__cta {
        align-self: flex-start !important;
        margin-left: auto !important;
        white-space: nowrap !important;
        padding: 6px 12px !important;
        font-size: 0.95rem !important;
        border-radius: 8px !important;
        background: #111827 !important;
        color: #ffffff !important;
        border: none !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__cta:hover {
        background: #374151 !important;
        color: #ffffff !important;
    }
    
    /* Toolbar düzeni - resimdeki gibi */
    .homepagecategory.layout .homepagecategory-card__toolbar {
        margin-bottom: 6px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__toolbar-title {
        font-size: 1.125rem !important;
        font-weight: 600 !important;
        color: #1f2937 !important;
        margin: 0 !important;
    }
    
    /* Body boşluklarını kaldır - boşluk sorununu çözmek için */
    .homepagecategory.layout .homepagecategory-card__body {
        padding: 0 !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        gap: 0 !important; /* user-account.css'teki gap: 12px'i override et */
    }
    
    /* Body içindeki tüm child elementler arasındaki boşlukları kaldır - ÖZELLİKLE 5'ten fazla ürün için */
    /* user-account.css'teki > * + * { margin-top: 12px; } kuralını override et */
    .homepagecategory.layout .homepagecategory-card__body > *,
    .homepagecategory.layout .homepagecategory-card__body > * + *,
    .homepagecategory.layout .homepagecategory-card__body > *:last-child {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Firefox ve Safari fallback için - gap desteği olmayan tarayıcılar */
    @supports not (gap: 12px) {
        .homepagecategory.layout .homepagecategory-card__body > * + * {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
    }
    
    /* Content içindeki tüm child elementler arasındaki boşlukları kaldır - ÖZELLİKLE 5'ten fazla ürün için */
    /* user-account.css'teki > * + * { margin-top: 16px; } kuralını override et */
    .homepagecategory.layout .homepagecategory-card__content > *,
    .homepagecategory.layout .homepagecategory-card__content > * + *,
    .homepagecategory.layout .homepagecategory-card__content > *:last-child {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Firefox ve Safari fallback için - gap desteği olmayan tarayıcılar */
    @supports not (gap: 12px) {
        .homepagecategory.layout .homepagecategory-card__content > * + * {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
    }
    
    /* Ürün sayısına bakılmaksızın tutarlı alt boşluk sağla */
    .homepagecategory.layout .homepagecategory-card__body:has(.homepagecategory-card__products) {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Ürün kartlarının altında her zaman boşluk olmasın */
    .homepagecategory.layout .homepagecategory-card__products:last-child,
    .homepagecategory.layout .homepagecategory-card__body > .homepagecategory-card__products {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Content'in padding-bottom'unu da kaldır - 5'ten fazla ürün olduğunda sorun olmaması için */
    .homepagecategory.layout .homepagecategory-card__content {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Ürün kartlarının altındaki boşlukları kaldır - Desktop */
    .homepagecategory.layout .homepagecategory-card__product .product-card-wrapper,
    .homepagecategory.layout .homepagecategory-card__product .new-product-card {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__products {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        align-items: flex-start !important;
    }
    
    /* Tüm durumlarda alt boşluğu kaldır - 3 ürün veya daha fazla fark etmez - ÖZELLİKLE 5'ten fazla ürün için */
    .homepagecategory.layout .homepagecategory-card__products {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        /* Container'ın yüksekliği içeriğine göre otomatik ayarlanacak - slider çalışması için gerekli */
    }
    
    /* TÜM elementlerin alt boşluklarını kaldır - user-account.css'teki tüm kuralları override et */
    .homepagecategory.layout .homepagecategory-card__products *,
    .homepagecategory.layout .homepagecategory-card__products *::before,
    .homepagecategory.layout .homepagecategory-card__products *::after {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Track içindeki TÜM elementlerin alt boşluklarını kaldır */
    .homepagecategory.layout .homepagecategory-card__track *,
    .homepagecategory.layout .homepagecategory-card__track *::before,
    .homepagecategory.layout .homepagecategory-card__track *::after {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Track'in yüksekliğini CSS'e bırak - JavaScript ile müdahale etme */
    .homepagecategory.layout .homepagecategory-card__track {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        align-items: flex-start !important;
        /* Track içeriğine göre otomatik yükseklik alacak - ürün sayısı ne olursa olsun */
    }
    
    /* Track içindeki tüm ürünleri flex-start'e hizala - yükseklik hesabını düzelt */
    .homepagecategory.layout .homepagecategory-card__track .homepagecategory-card__product {
        align-self: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
    }
    
    /* Ürün kartı içindeki tüm alt boşlukları kaldır - ÖZELLİKLE 5'ten fazla ürün için */
    .homepagecategory.layout .homepagecategory-card__product,
    .homepagecategory.layout .homepagecategory-card__product:last-child,
    .homepagecategory.layout .homepagecategory-card__track > .homepagecategory-card__product,
    .homepagecategory.layout .homepagecategory-card__track > .homepagecategory-card__product:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Ürün kartı içindeki product-card-wrapper ve new-product-card'ın alt boşluklarını kaldır */
    .homepagecategory.layout .homepagecategory-card__product .product-card-wrapper,
    .homepagecategory.layout .homepagecategory-card__product .new-product-card {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__track {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        align-items: flex-start !important;
    }
    
    /* Çoklu ürün durumunda stretch davranışını engelle */
    .homepagecategory.layout .homepagecategory-card__product {
        align-self: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
    }
    
    /* mb-3 mb-md-4 class'larını kesinlikle override et - Çoklu ürün durumunda */
    .homepagecategory.layout .homepagecategory-card__product .mb-3,
    .homepagecategory.layout .homepagecategory-card__product .mb-4,
    .homepagecategory.layout .homepagecategory-card__product .mb-md-3,
    .homepagecategory.layout .homepagecategory-card__product .mb-md-4,
    .homepagecategory.layout .homepagecategory-card__product .new-product-card.mb-3,
    .homepagecategory.layout .homepagecategory-card__product .new-product-card.mb-md-4,
    .homepagecategory.layout .homepagecategory-card__product [class*="mb-"] {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Çoklu ürün durumunda ürün kartının stretch davranışını engelle */
    .homepagecategory.layout .homepagecategory-card__product {
        align-self: flex-start !important;
        height: auto !important;
        min-height: 0 !important;
    }
    
    /* Ürün adından sonraki alt boşluğu kaldır */
    .homepagecategory.layout .homepagecategory-card__product .new-variant-content,
    .homepagecategory.layout .homepagecategory-card__product .new-product-title-wrapper,
    .homepagecategory.layout .homepagecategory-card__product .new-product-title {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__product .new-variant-content {
        gap: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Bootstrap margin class'larını override et */
    .homepagecategory.layout .homepagecategory-card__product .mb-3,
    .homepagecategory.layout .homepagecategory-card__product .mb-4,
    .homepagecategory.layout .homepagecategory-card__product .mb-md-3,
    .homepagecategory.layout .homepagecategory-card__product .mb-md-4,
    .homepagecategory.layout .homepagecategory-card__product [class*="mb-"] {
        margin-bottom: 0 !important;
    }
    
    /* Homepagecategory-card__product'un kendisinin margin'ini kaldır */
    .homepagecategory.layout .homepagecategory-card__product {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__controls {
        display: flex !important;
        gap: 8px !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__control {
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        border: 1px solid #d1d5db !important;
        background: #ffffff !important;
        color: #374151 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.2s ease !important;
    }
    
    .homepagecategory.layout .homepagecategory-card__control:hover {
        background: #111827 !important;
        color: #ffffff !important;
        border-color: #111827 !important;
    }
}

/* ===========================================
   KATEGORİ SLİDER RESİMLİ MOBİL - 480px ALTINDA
   =========================================== */

@media (max-width: 480px) {
    /* Kategori Slider Resimli - Track düzenlemeleri 480px altında */
    .homepagecategory-card__track {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    
    /* JavaScript slider için track overflow'unu düzelt */
    [data-homepagecategory-slider] .homepagecategory-card__track {
        overflow-x: visible !important;
        overflow-y: visible !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-shrink: 1 !important;
        flex-grow: 0 !important;
        max-height: 210px !important;
    }
    
    .homepagecategory-card__track::-webkit-scrollbar {
        display: none !important;
    }
    
    .homepagecategory-card__product {
        flex-shrink: 0 !important;
        padding: 0 4px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        min-width: 0 !important;
    }
    
    .homepagecategory-card__product:first-child {
        padding-left: 0 !important;
    }
    
    .homepagecategory-card__product:last-child {
        padding-right: 0 !important;
    }
    
    /* Ürün Slider - Mobilde ürünlerin tam gözükmesi için (kategori slider gibi) */
    .produc_slider__swiper.js-slick-slider.slick-initialized .slick-list,
    .uomo-product-slider-swiper.js-slick-slider.slick-initialized .slick-list,
    .homepage-product-slider__swiper.js-slick-slider.slick-initialized .slick-list {
        overflow-x: visible !important;
        overflow-y: visible !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    
    .produc_slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide,
    .uomo-product-slider-swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide,
    .homepage-product-slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide {
        width: calc(50% - 4px) !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        min-width: 0 !important;
        flex-shrink: 0 !important;
        float: left !important;
    }
    
    .produc_slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:first-child,
    .uomo-product-slider-swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:first-child,
    .homepage-product-slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:first-child {
        padding-left: 0 !important;
    }
    
    .produc_slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:last-child,
    .uomo-product-slider-swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:last-child,
    .homepage-product-slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:last-child {
        padding-right: 0 !important;
    }
    
    /* Footer copyright font size mobil */
    .furniture-footer-copyright p {
        font-size: 9px !important;
    }
    
    /* Kategori Slider - Mobil (480px altında) */
    [data-homepagecategory-slider][data-mobile-cols="1"] .homepagecategory-card__product {
        flex: 0 0 calc(100% - 0px) !important;
        min-width: calc(100% - 0px) !important;
        max-width: calc(100% - 0px) !important;
    }
    
    [data-homepagecategory-slider][data-mobile-cols="2"] .homepagecategory-card__product {
        flex: 0 0 calc(50% - 5px) !important;
        min-width: calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
    }
    
    [data-homepagecategory-slider][data-mobile-cols="3"] .homepagecategory-card__product {
        flex: 0 0 calc(33.333% - 6.67px) !important;
        min-width: calc(33.333% - 6.67px) !important;
        max-width: calc(33.333% - 6.67px) !important;
    }
    
    [data-homepagecategory-slider][data-mobile-cols="4"] .homepagecategory-card__product {
        flex: 0 0 calc(25% - 7.5px) !important;
        min-width: calc(25% - 7.5px) !important;
        max-width: calc(25% - 7.5px) !important;
    }
    
    [data-homepagecategory-slider][data-mobile-cols="5"] .homepagecategory-card__product {
        flex: 0 0 calc(20% - 8px) !important;
        min-width: calc(20% - 8px) !important;
        max-width: calc(20% - 8px) !important;
    }
    
    [data-homepagecategory-slider][data-mobile-cols="6"] .homepagecategory-card__product {
        flex: 0 0 calc(16.666% - 8.33px) !important;
        min-width: calc(16.666% - 8.33px) !important;
        max-width: calc(16.666% - 8.33px) !important;
    }
}

/* ===========================================
   TABLET CSS - SLIDE SAYISI AYARLARI (768px - 991px)
   =========================================== */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Tablet slide sayısına göre padding ayarları */
    
    .similar_products_slider__swiper.js-slick-slider[data-slides-tablet="1"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .similar_products_slider__swiper.js-slick-slider[data-slides-tablet="2"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-tablet="3"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-tablet="3"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-tablet="3"] .slick-slide {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-tablet="4"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-tablet="4"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-tablet="4"] .slick-slide {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-tablet="5"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-tablet="5"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-tablet="5"] .slick-slide {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-tablet="6"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-tablet="6"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-tablet="6"] .slick-slide {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    
    /* Kategori Slider - Tablet */
    [data-homepagecategory-slider][data-tablet-cols="1"] .homepagecategory-card__product {
        flex: 0 0 calc(100% - 12px) !important;
        min-width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;
    }
    
    [data-homepagecategory-slider][data-tablet-cols="2"] .homepagecategory-card__product {
        flex: 0 0 calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
    }
    
    [data-homepagecategory-slider][data-tablet-cols="3"] .homepagecategory-card__product {
        flex: 0 0 calc(33.333% - 8px) !important;
        min-width: calc(33.333% - 8px) !important;
        max-width: calc(33.333% - 8px) !important;
    }
    
    [data-homepagecategory-slider][data-tablet-cols="4"] .homepagecategory-card__product {
        flex: 0 0 calc(25% - 9px) !important;
        min-width: calc(25% - 9px) !important;
        max-width: calc(25% - 9px) !important;
    }
    
    /* Kategori Banner Slider - Tablet */
    .homepage-category-banner-slider__item {
        min-height: 320px !important;
    }
}

/* ===========================================
   DESKTOP CSS - SLIDE SAYISI AYARLARI (992px - 1399px)
   =========================================== */
@media (min-width: 992px) and (max-width: 1399.98px) {
    /* Ürün slider'ları için alt boşluk azaltma */
    .produc_slider,
    .uomo-product-slider-main,
    .produc_tab_slider,
    .produc_tab_slider.uomo-product-slider-main,
    .similar_products_slider {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
     /* Kategori resim slider - Desktop'ta çok dar resim, çok geniş slider */
     .homepagecategory.layout .homepagecategory-card__media {
         width: 27% !important;
         flex: 0 0 27% !important;
     }
     
     .homepagecategory.layout .homepagecategory-card__media-link {
         padding: 0 !important;
     }
     
     .homepagecategory.layout .homepagecategory-card__content {
         width: 73% !important;
         flex: 0 0 73% !important;
     }
     
     /* Body boşluklarını kaldır - boşluk sorununu çözmek için */
     .homepagecategory.layout .homepagecategory-card__body {
         padding: 0 !important;
         margin: 0 !important;
         margin-top: 0 !important;
         margin-bottom: 0 !important;
         padding-top: 0 !important;
         padding-bottom: 0 !important;
     }
    
    /* Vanilla JS Product Slider - Desktop Track Gap */
    .uomo-product-slider-container[data-slides-desktop="1"] .uomo-product-slider-track {
        gap: 0 !important;
    }
    
    .uomo-product-slider-container[data-slides-desktop="2"] .uomo-product-slider-track {
        gap: 24px !important;
    }
    
    .uomo-product-slider-container[data-slides-desktop="3"] .uomo-product-slider-track {
        gap: 24px !important;
    }
    
    .uomo-product-slider-container[data-slides-desktop="4"] .uomo-product-slider-track {
        gap: 24px !important;
    }
    
    .uomo-product-slider-container[data-slides-desktop="5"] .uomo-product-slider-track {
        gap: 24px !important;
    }
    
    .uomo-product-slider-container[data-slides-desktop="6"] .uomo-product-slider-track {
        gap: 24px !important;
    }
    
    /* Desktop slide sayısına göre padding ayarları */
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop="1"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop="1"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop="1"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop="2"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop="2"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop="2"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop="3"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop="3"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop="3"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop="4"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop="4"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop="4"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop="5"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop="5"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop="5"] .slick-slide {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop="6"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop="6"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop="6"] .slick-slide {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    
    /* Kategori Slider - Desktop */
    [data-homepagecategory-slider][data-desktop-cols="1"] .homepagecategory-card__product {
        flex: 0 0 calc(100% - 12px) !important;
        min-width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;
    }
    
    [data-homepagecategory-slider][data-desktop-cols="2"] .homepagecategory-card__product {
        flex: 0 0 calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
    }
    
    [data-homepagecategory-slider][data-desktop-cols="3"] .homepagecategory-card__product {
        flex: 0 0 calc(33.333% - 8px) !important;
        min-width: calc(33.333% - 8px) !important;
        max-width: calc(33.333% - 8px) !important;
    }
    
    [data-homepagecategory-slider][data-desktop-cols="4"] .homepagecategory-card__product {
        flex: 0 0 calc(25% - 9px) !important;
        min-width: calc(25% - 9px) !important;
        max-width: calc(25% - 9px) !important;
    }
}

/* ===========================================
   DESKTOP LARGE CSS - SLIDE SAYISI AYARLARI (1400px+)
   =========================================== */
@media (min-width: 1400px) {
    /* Ürün slider'ları için alt boşluk azaltma */
    .produc_slider,
    .uomo-product-slider-main,
    .produc_tab_slider,
    .produc_tab_slider.uomo-product-slider-main,
    .similar_products_slider {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
     /* Kategori resim slider - Desktop Large'ta çok dar resim, çok geniş slider */
     .homepagecategory.layout .homepagecategory-card__media {
         width: 25% !important;
         flex: 0 0 25% !important;
     }
     
     .homepagecategory.layout .homepagecategory-card__media-link {
         padding: 0 !important;
     }
     
     .homepagecategory.layout .homepagecategory-card__content {
         width: 75% !important;
         flex: 0 0 75% !important;
     }
     
     /* Body boşluklarını kaldır - boşluk sorununu çözmek için */
     .homepagecategory.layout .homepagecategory-card__body {
         padding: 0 !important;
         margin: 0 !important;
         margin-top: 0 !important;
         margin-bottom: 0 !important;
         padding-top: 0 !important;
         padding-bottom: 0 !important;
     }
    
    /* Vanilla JS Product Slider - Desktop Large Track Gap */
    .uomo-product-slider-container[data-slides-desktop-large="1"] .uomo-product-slider-track {
        gap: 0 !important;
    }
    
    .uomo-product-slider-container[data-slides-desktop-large="2"] .uomo-product-slider-track {
        gap: 24px !important;
    }
    
    .uomo-product-slider-container[data-slides-desktop-large="3"] .uomo-product-slider-track {
        gap: 24px !important;
    }
    
    .uomo-product-slider-container[data-slides-desktop-large="4"] .uomo-product-slider-track {
        gap: 24px !important;
    }
    
    .uomo-product-slider-container[data-slides-desktop-large="5"] .uomo-product-slider-track {
        gap: 24px !important;
    }
    
    .uomo-product-slider-container[data-slides-desktop-large="6"] .uomo-product-slider-track {
        gap: 24px !important;
    }
    
    /* Desktop Large slide sayısına göre padding ayarları */
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop-large="1"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop-large="1"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop-large="1"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop-large="2"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop-large="2"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop-large="2"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop-large="3"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop-large="3"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop-large="3"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop-large="4"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop-large="4"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop-large="4"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop-large="5"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop-large="5"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop-large="5"] .slick-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .produc_slider__swiper.js-slick-slider[data-slides-desktop-large="6"] .slick-slide,
    .produc_tab_slider__swiper.js-slick-slider[data-slides-desktop-large="6"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider[data-slides-desktop-large="6"] .slick-slide {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    /* Kategori Slider - Desktop Large */
    [data-homepagecategory-slider][data-desktop-large-cols="1"] .homepagecategory-card__product {
        flex: 0 0 calc(100% - 12px) !important;
        min-width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;
    }
    
    [data-homepagecategory-slider][data-desktop-large-cols="2"] .homepagecategory-card__product {
        flex: 0 0 calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
    }
    
    [data-homepagecategory-slider][data-desktop-large-cols="3"] .homepagecategory-card__product {
        flex: 0 0 calc(33.333% - 8px) !important;
        min-width: calc(33.333% - 8px) !important;
        max-width: calc(33.333% - 8px) !important;
    }
    
    [data-homepagecategory-slider][data-desktop-large-cols="4"] .homepagecategory-card__product {
        flex: 0 0 calc(25% - 9px) !important;
        min-width: calc(25% - 9px) !important;
        max-width: calc(25% - 9px) !important;
    }
}


/* Mobile defaults */
@media (max-width: 767px) {
    .google-reviews-section {
        padding: 20px 0 !important;
    }
    
    .google-reviews-slider,
    .google-reviews-compact-slider,
    .google-reviews-minimal-slider,
    .google-reviews-testimonial-slider {
        padding: 0;
        overflow: hidden;
    }

    .google-reviews-swiper,
    .google-reviews-compact-swiper,
    .google-reviews-minimal-swiper,
    .google-reviews-testimonial-swiper,
    .modern-swiper {
        padding: 0 16px 38px 16px !important;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Google reviews slider container mobil düzeltmesi */
    .google-reviews-slider,
    .google-reviews-compact-slider,
    .google-reviews-minimal-slider,
    .google-reviews-testimonial-slider {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Swiper wrapper mobil düzeltmesi */
    .google-reviews-swiper .swiper-wrapper,
    .google-reviews-compact-swiper .swiper-wrapper,
    .google-reviews-minimal-swiper .swiper-wrapper,
    .google-reviews-testimonial-swiper .swiper-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Mobilde 1 slide için width zorla */
    .google-reviews-swiper .swiper-slide,
    .google-reviews-compact-swiper .swiper-slide,
    .google-reviews-minimal-swiper .swiper-slide,
    .google-reviews-testimonial-swiper .swiper-slide {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Slide içeriği tam genişlik */
    .google-reviews-swiper .swiper-slide > *,
    .google-reviews-compact-swiper .swiper-slide > *,
    .google-reviews-minimal-swiper .swiper-slide > *,
    .google-reviews-testimonial-swiper .swiper-slide > * {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .modern-swiper {
        padding-bottom: 42px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }

    .swiper-progress {
        width: 82%;
        bottom: 12px;
    }

    /* ===========================================
       MODERN GOOGLE YORUMLARI TASARIMI - MOBİL
       =========================================== */
    
    .google-review-card,
    .modern-review-card,
    .google-review-card-compact,
    .minimal-review-card,
    .testimonial-card,
    .google-review-item,
    .modern-review-item {
        padding: 20px 18px !important;
        border-radius: 16px !important;
        border: 2px solid #e5e7eb !important;
        background: #ffffff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        position: relative !important;
    }
    
    .google-review-card:active,
    .modern-review-card:active {
        transform: scale(0.98) !important;
        border-color: #1f2937 !important;
    }

    .google-review-card__header,
    .compact-card-header,
    .minimal-header,
    .testimonial-author-section {
        gap: 10px;
        align-items: center;
    }

    .google-review-card__avatar,
    .compact-avatar,
    .minimal-avatar,
    .testimonial-avatar {
        width: 40px !important;
        height: 40px !important;
    }

    .google-review-card__author-name,
    .compact-author,
    .minimal-author-name,
    .testimonial-author-name {
        font-size: 16px !important;
        font-weight: 600 !important;
        color: #1f2937 !important;
        margin-bottom: 6px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .google-review-card__rating,
    .compact-rating,
    .minimal-rating,
    .testimonial-rating {
        gap: 4px !important;
        flex-wrap: wrap !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .google-review-card__rating i,
    .compact-rating i,
    .minimal-rating i,
    .testimonial-rating i {
        font-size: 14px !important;
        color: #fbbf24 !important;
    }
    
    .rating-number,
    .testimonial-rating-number {
        font-size: 14px !important;
        color: #6b7280 !important;
        margin-left: 6px !important;
        font-weight: 600 !important;
    }

    .google-review-card__text,
    .compact-text,
    .minimal-text,
    .testimonial-text,
    .google-review-item__text {
        font-size: 15px !important;
        line-height: 1.6 !important;
        color: #374151 !important;
        margin-bottom: 12px !important;
    }

    .google-review-card__footer,
    .compact-footer,
    .minimal-footer,
    .testimonial-footer {
        margin-top: 12px !important;
        padding-top: 12px !important;
        border-top: 1px solid #e5e7eb !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    .review-meta,
    .compact-footer small,
    .minimal-date,
    .testimonial-date {
        font-size: 12px !important;
        color: #9ca3af !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }
    
    .review-meta i {
        font-size: 11px !important;
    }
    
    .google-logo {
        color: #4285f4 !important;
        font-size: 14px !important;
    }

    .google-badge,
    .google-mini-badge,
    .testimonial-google-badge {
        width: 30px;
        height: 30px;
        font-size: 0.9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #4285f4;
        color: #fff !important;
        border-radius: 50%;
        box-shadow: 0 2px 10px rgba(66, 133, 244, 0.18);
    }

    .google-badge,
    .testimonial-google-badge {
        top: 10px;
        right: 10px;
    }

    .google-mini-badge {
        width: 26px;
        height: 26px;
        font-size: 0.8rem;
    }

    .google-reviews-grid .row {
        margin-left: -6px;
        margin-right: -6px;
    }

    .google-reviews-grid .row > div {
        padding-left: 6px;
        padding-right: 6px;
        margin-bottom: 12px;
    }

    .google-reviews-list {
        gap: 0.75rem;
    }

    .google-review-item .google-badge {
        top: 12px;
        right: 12px;
    }

    .testimonial-content {
        margin-bottom: 0.75rem;
    }

    .testimonial-quote-icon {
        font-size: 1.9rem;
        top: 12px;
        left: 12px;
    }
}

/* Extra small devices */
@media (max-width: 575px) {
    .google-reviews-section .container,
    .google-reviews-section .container-fluid {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .google-reviews-swiper,
    .google-reviews-compact-swiper,
    .google-reviews-minimal-swiper,
    .google-reviews-testimonial-swiper,
    .modern-swiper {
        padding-left: 12px;
        padding-right: 12px;
    }

    .google-review-card,
    .modern-review-card,
    .google-review-card-compact,
    .minimal-review-card,
    .testimonial-card,
    .google-review-item,
    .modern-review-item {
        padding: 0.9rem 0.85rem;
    }

    .google-review-card__text,
    .compact-text,
    .minimal-text,
    .testimonial-text,
    .google-review-item__text {
        font-size: 0.8rem;
    }

    .google-review-card__author-name,
    .compact-author,
    .minimal-author-name,
    .testimonial-author-name {
        font-size: 0.85rem;
    }

    .google-review-card__avatar,
    .compact-avatar,
    .minimal-avatar,
    .testimonial-avatar {
        width: 36px !important;
        height: 36px !important;
    }

    .rating-number,
    .testimonial-rating-number {
        font-size: 0.7rem;
    }

    .swiper-progress {
        width: 88%;
        bottom: 8px;
    }
}



/* ===========================================
   USER ACCOUNT - MOBİL CSS KODLARI
   =========================================== */

@media (max-width: 576px) {
	.awp-modern-product-slider-section .container {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	
	/* Product slider general spacing */
	.homepage-product-slider {
		padding-left: 12px;
		padding-right: 12px;
		margin-bottom: 24px;
	}
	.homepage-product-slider__wrapper {
		margin-bottom: 28px;
	}
	.homepage-product-slider__swiper .swiper-wrapper {
		gap: 6px;
		padding-bottom: 10px;
	}
	/* Slick slider'lar için width/flex müdahalesi yok - Slick kendi hesaplamalarını yapar */
	/* ensure product cards don't collapse */
	.product-card-wrapper {
		margin-bottom: 16px;
	}
	
	/* Homepagecategory için product-card-wrapper margin'ini kaldır */
	.homepagecategory .product-card-wrapper,
	.homepagecategory-card__product .product-card-wrapper,
	.homepagecategory.layout .homepagecategory-card__product .product-card-wrapper,
	.homepagecategory.layout .product-card-wrapper {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	
	/* Homepagecategory için new-product-card margin'lerini kaldır */
	.homepagecategory .new-product-card,
	.homepagecategory-card__product .new-product-card,
	.homepagecategory.layout .homepagecategory-card__product .new-product-card {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	
	/* ===========================================
	   HER SLİDER TÜRÜ İÇİN BENZERSİZ CSS KURALLARI - MOBİL (576px altı)
	   =========================================== */
	
	/* ===========================================
	   HER SLİDER TÜRÜ İÇİN GÖRSEL DÜZENLEMELERİ - MOBİL (576px)
	   Slick başlatıldıktan sonra slick kendi hesaplamalarını yapar!
	   =========================================== */
	
	/* 0. PRODUCT-MAIN-IMAGE - Mobilde height sorunu çözümü */
	.new-pc__img.product-main-image {
		width: 100% !important;
		height: auto !important;
		max-height: none !important;
		min-height: auto !important;
		display: block !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		object-fit: contain !important;
		max-width: 100% !important;
	}
	
	/* Görsel düzenlemeleri artık ilgili slider bölümlerinin içinde (Ürün Slider, Kategori Slider Resimli, Tablı Ürün Slider) */
	/* Burada sadece benzer ürünler slider görsel düzenlemeleri kaldı */
	
	/* BENZER ÜRÜNLER SLİDER (similar_products_slider) - Görsel düzenlemeleri */
	.similar_products_slider .product-image-container {
		width: 100% !important;
		height: auto !important;
		padding-top: 0 !important;
		position: relative !important;
	}
	
	.similar_products_slider .new-pc__img-wrapper {
		width: 100% !important;
		height: auto !important;
		padding-top: 0 !important;
		position: relative !important;
	}
	
	.product-card-wrapper .new-pc__img.product-similar-slider-img,
	.similar_products_slider .product-card-wrapper .new-pc__img.product-similar-slider-img,
	.similar_products_slider .new-pc__img.product-similar-slider-img {
		width: 100% !important;
		height: auto !important;
		display: block !important;
		position: relative !important;
		top: auto !important;
		left: auto !important;
		object-fit: contain !important;
		max-width: 100% !important;
		min-height: auto !important;
	}
	
	/* Slick slider mobil düzeni (576px altı) - SADECE SLİCK BAŞLATILMADAN ÖNCE */
	/* Slick başlatıldıktan sonra slick kendi hesaplamalarını yapar, müdahale etme! */
	
	/* Slick başlatılmadan önce fallback - sadece görünürlük için (Benzer Ürünler) */
	.similar_products_slider__swiper.js-slick-slider:not(.slick-initialized) {
		display: block;
		visibility: visible;
		opacity: 1;
	}
	
	.similar_products_slider__swiper.js-slick-slider:not(.slick-initialized) .slick-list {
		display: block;
		visibility: visible;
		opacity: 1;
		overflow: hidden;
	}
	
	.similar_products_slider__swiper.js-slick-slider:not(.slick-initialized) .slick-track {
		display: block;
		visibility: visible;
		opacity: 1;
	}
	
	.similar_products_slider__swiper.js-slick-slider:not(.slick-initialized) .slick-slide {
		display: block;
		visibility: visible;
		opacity: 1;
		width: 100%;
		margin-bottom: 16px;
	}
	
	.similar_products_slider__swiper.js-slick-slider:not(.slick-initialized) .slick-slide > div {
		width: 100%;
		display: block;
		visibility: visible;
		opacity: 1;
	}

	/* Google reviews blocks - prevent overlap and add gaps */
	.google-reviews-section {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		margin-top: 24px !important;
		margin-bottom: 24px !important;
	}
	.google-reviews-section .row,
	.google-reviews-section [class*="col-"] {
		margin-left: 0;
		margin-right: 0;
	}
	.google-reviews-section .modern-reviews-slider,
	.google-reviews-section .google-reviews-slider,
	.google-reviews-section .reviews-slider {
		overflow: visible;
	}
	.google-reviews-section .swiper-wrapper {
		gap: 12px;
	}
	.google-reviews-section .swiper-slide {
		width: auto !important;
		flex: 0 0 85%;
	}
	/* Titles/subtitles spacing */
	.google-reviews-section__title {
		margin-bottom: 8px;
	}
	.google-reviews-section__subtitle {
		margin-bottom: 16px;
	}
	/* Generic swiper container fix to avoid overlap with next sections */
	.swiper-container {
		padding-bottom: 8px;
	}
}

@media (max-width: 576px) {
	/* Mobilde slider taşmalarını ve iç içe görünmeyi engelle */
	.homepage-product-slider__wrapper { position: relative; z-index: 1; }
	/* Swiper kapları mobilde taşma yapmasın */
	.swiper-container,
	.js-swiper-slider,
	.homepage-product-slider__swiper { overflow: hidden; }
	/* Dönüşümler sırasında yırtılmayı azalt */
	.swiper-wrapper { will-change: transform; }
	/* Slide kutuları düzgün hesaplansın */
	.homepage-product-slider__swiper .swiper-slide,
	.homepage-product-slider__slide { box-sizing: border-box; }
	/* Pagination aşağıda sabit çizgide kalsın */
	.homepage-product-slider .slideshow-pagination {
		position: static;
		margin-top: 8px;
	}
	/* Görseller taşmasın */
	.homepage-product-slider .product-image-container img {
		max-width: 100%;
		height: auto;
		display: block;
	}
	/* Bölümler arası yeterli alt boşluk */
	.homepage-product-slider { margin-bottom: 24px; }
}

/* Slick başlatıldıktan sonra hiçbir müdahale yapma - Slick kendi hesaplamalarını yapar */

@media (max-width: 767.98px) {
    /* ===========================================
       FURNITURE SWIPER PRODUCT SLIDER MOBİL
       =========================================== */
    
    /* Furniture Swiper Product Slider Container - Mobil */
    .furniture-swiper-product-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }
    
    .furniture-swiper-product-wrapper {
        margin-left: -12px !important;
        margin-right: -12px !important;
        width: calc(100% + 24px) !important;
    }
    
    .furniture-swiper-product {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Furniture Swiper Product Slide - Mobil */
    .furniture-swiper-product-slide,
    .furniture-swiper-tabbed-product-slide {
        padding-left: 6px !important;
        padding-right: 6px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        width: auto !important;
        max-width: calc(100% - 12px) !important;
        min-width: 0 !important;
    }
    
    /* Swiper slide için genel mobil düzeltme - inline width'i override et */
    .furniture-swiper-product .swiper-slide,
    .furniture-swiper-tabbed-product .swiper-slide {
        margin-right: 12px !important;
        box-sizing: border-box !important;
    }
    
    /* Mobilde slide genişliğini container'a göre ayarla - JavaScript tarafından override edilecek */
    .furniture-swiper-product[data-mobile-slides="1"] .swiper-slide,
    .furniture-swiper-tabbed-product[data-mobile-slides="1"] .swiper-slide {
        max-width: 100% !important;
    }
    
    /* Swiper wrapper - mobilde overflow düzelt */
    .furniture-swiper-product-wrapper-inner {
        overflow: visible !important;
    }
    
    /* Swiper container width düzelt */
    .furniture-swiper-product {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Furniture Swiper Tabbed Product - Mobil */
    .furniture-swiper-tabbed-product-wrapper {
        margin-left: -12px !important;
        margin-right: -12px !important;
        width: calc(100% + 24px) !important;
    }
    
    .furniture-swiper-tabbed-product {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Container düzenlemeleri - Mobilde padding yok */
    .produc_slider,
    .uomo-product-slider-main,
    .produc_tab_slider,
    .produc_tab_slider.uomo-product-slider-main,
    .similar_products_slider,
    .testimonials-slider {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden;
    }
    
    /* Slick başlatılmadan önce fallback - sadece görünürlük için */
    .js-slick-slider:not(.slick-initialized),
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized),
    .produc_tab_slider__swiper.uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) {
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    .js-slick-slider:not(.slick-initialized) .slick-list,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) .slick-list,
    .produc_tab_slider__swiper.uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) .slick-list {
        display: block;
        visibility: visible;
        opacity: 1;
        overflow: hidden;
    }
    
    .js-slick-slider:not(.slick-initialized) .slick-track,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) .slick-track,
    .produc_tab_slider__swiper.uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) .slick-track {
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    .js-slick-slider:not(.slick-initialized) .slick-slide,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) .slick-slide,
    .produc_tab_slider__swiper.uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) .slick-slide {
        display: block;
        visibility: visible;
        opacity: 1;
        width: 100%;
        margin-bottom: 16px;
    }
    
    .js-slick-slider:not(.slick-initialized) .slick-slide > div,
    .uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) .slick-slide > div,
    .produc_tab_slider__swiper.uomo-product-slider-swiper.js-slick-slider:not(.slick-initialized) .slick-slide > div {
        width: 100%;
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    /* Ürün slider slide'ları */
    .homepage-product-slider__slide,
    .uomo-product-slider-slide,
    .produc_tab_slider__slide,
    .produc_tab_slider__slide.uomo-product-slider-slide,
    .similar_products_slider__slide {
        min-width: 0;
    }
    
    /* ===========================================
       HER SLİDER TÜRÜ İÇİN BENZERSİZ CSS KURALLARI - MOBİL (767px altı)
       =========================================== */
    
    /* ===========================================
       HER SLİDER TÜRÜ İÇİN GÖRSEL DÜZENLEMELERİ - MOBİL (767px)
       Slick başlatıldıktan sonra slick kendi hesaplamalarını yapar!
       =========================================== */
    
    /* 0. PRODUCT-MAIN-IMAGE - Mobilde height sorunu çözümü */
    .new-pc__img.product-main-image {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        min-height: auto !important;
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        object-fit: contain !important;
        max-width: 100% !important;
    }
    
    /* Görsel düzenlemeleri artık ilgili slider bölümlerinin içinde (Ürün Slider, Kategori Slider Resimli, Tablı Ürün Slider) */
    /* Burada sadece benzer ürünler slider görsel düzenlemeleri kaldı */
    
    /* BENZER ÜRÜNLER SLİDER (similar_products_slider) - Görsel düzenlemeleri */
    .similar_products_slider .product-image-container {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
        position: relative !important;
    }
    
    .similar_products_slider .new-pc__img-wrapper {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
        position: relative !important;
    }
    
    .product-card-wrapper .new-pc__img.product-similar-slider-img,
    .similar_products_slider .product-card-wrapper .new-pc__img.product-similar-slider-img,
    .similar_products_slider .new-pc__img.product-similar-slider-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        object-fit: contain !important;
        max-width: 100% !important;
        min-height: auto !important;
    }
    
    /* Ürün kartları - Slick başlatılmadan önce fallback (Benzer Ürünler) */
    .js-slick-slider:not(.slick-initialized) .similar_products_slider .product-card-wrapper,
    .js-slick-slider:not(.slick-initialized) .similar_products_slider .new-product-card {
        width: 100%;
        max-width: 100%;
        display: block;
        visibility: visible;
        opacity: 1;
    }
    
    /* Hero, Testimonials, Blog Slider'lar için - Slick başlatıldıktan sonra müdahale yok */
    
    /* Kategori Slider Mobil - 767.98px breakpoint'inde 767.98px'deki kurallar geçerli */
    /* Detaylı kurallar 767.98px breakpoint'inde tanımlı */
    
    /* Google Reviews Slider Mobil */
    .google-reviews-swiper {
        padding-left: 12px;
        padding-right: 12px;
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px);
    }
    
    .google-reviews-swiper .swiper-wrapper {
        width: 100%;
    }
    
    .google-reviews-swiper .swiper-slide {
        width: 100% !important;
        min-width: 100% !important;
        flex-shrink: 0;
    }
    
    /* Navigation butonları mobilde */
    .produc_slider .products-carousel__prev,
    .produc_slider .products-carousel__next,
    .produc_tab_slider .products-carousel__prev,
    .produc_tab_slider .products-carousel__next,
    .similar_products_slider .products-carousel__prev,
    .similar_products_slider .products-carousel__next {
        top: auto !important;
        bottom: -32px !important;
        transform: none !important;
        z-index: 10;
    }
    
    .produc_slider .produc_slider__prev,
    .produc_slider .produc_slider__next {
        display: flex !important;
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 768px) {
    .checkoutpage-auth-callout {
        flex-direction: column;
        align-items: flex-start;
    }

    .checkoutpage-auth-callout__actions {
        width: 100%;
    }

    .checkoutpage-auth-callout__cta {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 600px) {
    .checkoutpage-secondary-links {
        flex-direction: column;
    }

    .checkoutpage-submit {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .checkoutpage-submit__icon {
        width: 42px;
        height: 42px;
    }

    .checkoutpage-submit__arrow {
        align-self: flex-end;
    }
}

@media (max-width: 600px) {
    .checkoutpage-coupon__form {
        flex-direction: column;
        align-items: stretch;
    }

    .checkoutpage-coupon__button {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .supportdetail__actions {
        justify-content: stretch;
    }

    .supportdetail__close-form {
        width: 100%;
    }

    .supportdetail__close-btn {
        width: 100%;
        justify-content: center;
    }

    .supportdetail__primary-btn,
    .supportdetail__secondary-btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 575.98px) {
    .shop-filter-section .filter-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .shop-filter-section .filter-header .d-flex.align-items-center {
        width: 100%;
        justify-content: space-between;
    }

    .shop-filter-section .filter-header .d-flex.align-items-center:first-child {
        justify-content: flex-start;
    }

    .shop-filter-section .shop-title {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .shop-filter-section .filter-header .sort-dropdown-wrapper {
        width: 100%;
        margin-top: 0.5rem;
    }
    
    .shop-filter-section .filter-header .sort-btn {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .modern-filter-section {
        padding: 1rem 0;
    }
    
    .filter-row {
        gap: 0.5rem;
    }
    
    .filter-dropdown-btn {
        min-width: 100px;
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }
    
    .modern-dropdown-menu {
        min-width: 200px;
    }
    
    .modern-sort-select {
        min-width: 150px;
        font-size: 0.8rem;
    }
    
    .dropdown-submenu-list {
        position: static;
        left: auto;
        top: auto;
        margin-left: 0;
        box-shadow: none;
        border: none;
        border-top: 1px solid #e9ecef;
    }
}

@media (max-width: 767px) {
    .google-reviews-section {
        margin-top: 0 !important;
    }
}

@media (max-width: 767px) {
    .homepage .slideshow-md {
        height: auto !important;
        min-height: auto !important;
    }

    .swiper-container.slideshow-md,
    .swiper-container.slideshow-md .swiper-wrapper,
    .swiper-container.slideshow-md .swiper-slide {
        height: auto !important;
        min-height: auto !important;
    }
}

@media (max-width: 768px) {
    .google-reviews-section__title {
        font-size: 2rem;
    }
    
    .google-reviews-business-info {
        padding: 1.5rem;
    }
    
    .google-review-card {
        padding: 1.25rem;
    }
    
    .google-review-item {
        padding: 1.25rem;
    }
    
    .google-reviews-swiper .swiper-button-next,
    .google-reviews-swiper .swiper-button-prev {
        display: none;
    }
    
    .modern-review-card {
        padding: 1.5rem;
    }
    
    .modern-review-item {
        padding: 1.25rem;
    }
    
    
    .modern-nav-btn {
        display: none;
    }
    
    /* Mobile text height adjustments */
    .google-review-card__text,
    .google-review-item__text {
        max-height: 100px;
    }
    
    .google-review-card__text::after,
    .google-review-item__text::after {
        right: 4px;
    }
    
    /* Mobile minimal business info */
    .google-reviews-business-info {
        margin-bottom: 0.75rem;
        text-align: left;
        padding: 0.5rem 0.75rem;
    }
    
    .google-reviews-business-info__name {
        font-size: 0.9rem;
        margin-bottom: 0.3rem;
        text-align: left;
        padding-left: 0;
    }
    
    .google-reviews-business-info.compact {
        gap: 0.5rem;
        padding: 0.4rem 0.6rem;
    }
    
    .google-reviews-business-info.compact .business-info-details {
        gap: 0.5rem;
        margin-top: 0;
    }
    
    .google-reviews-business-info__address,
    .google-reviews-business-info__phone,
    .google-reviews-business-info__website {
        font-size: 0.65rem;
        margin-bottom: 0.25rem;
        justify-content: flex-start;
        text-align: left;
        padding-left: 0;
    }
    
    .google-reviews-business-info__address i,
    .google-reviews-business-info__phone i,
    .google-reviews-business-info__website i {
        width: 10px;
        margin-right: 0.35rem;
        font-size: 0.6rem;
    }
    
    /* Mobile minimal rating summary */
    .google-reviews-rating-summary {
        margin-bottom: 0.75rem;
        text-align: right;
        padding: 0.5rem 0.75rem;
    }
    
    .google-reviews-rating-summary.compact {
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        justify-content: flex-end;
        padding: 0.4rem 0.6rem;
    }
    
    .google-reviews-rating-summary__stars {
        font-size: 0.75rem;
        text-align: right;
        padding-right: 0;
        margin-bottom: 0;
    }
    
    .google-reviews-rating-summary__rating {
        font-size: 1.1rem;
        text-align: right;
        padding-right: 0;
        margin-bottom: 0;
    }
    
    .google-reviews-rating-summary__count {
        font-size: 0.65rem;
        text-align: right;
        padding-right: 0;
    }
    
    /* Mobile ultra compact header */
    .google-reviews-header-compact {
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    
    .google-reviews-header-compact .business-name {
        font-size: 1rem;
    }
    
    .google-reviews-header-compact .rating-section {
        gap: 0.75rem;
    }
    
    .google-reviews-header-compact .rating-stars {
        font-size: 0.9rem;
    }
    
    .google-reviews-header-compact .rating-number {
        font-size: 1.1rem;
    }
    
    .google-reviews-header-compact .rating-count {
        font-size: 0.75rem;
    }
    
    .google-reviews-header-compact .business-details {
        font-size: 0.7rem;
        gap: 0.75rem;
        flex-wrap: wrap;
    }
    
    /* Mobilde business info ve rating summary'yi gizle */
    .google-reviews-business-info.compact,
    .google-reviews-rating-summary.compact {
        display: none !important;
    }
    
    /* Mobilde row mb-5 margin-bottom'unu azalt */
    .google-reviews-section .row.mb-5 {
        margin-bottom: 1rem !important;
    }
    
    /* Google reviews progress bar'ı kaldır */
    .google-reviews-progress,
    .google-reviews-progress-bar {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .grouped-product {
        padding: 16px;
    }
    
    .grouped-product-title {
        flex-direction: column;
        gap: 12px;
    }
    
    .grouped-product-title .product-name {
        font-size: 20px;
    }
    
    .customization-icon {
        align-self: flex-end;
        margin-left: 0;
    }
    
    .grouped-product-price .total-price {
        font-size: 24px;
    }
    
    .set-content-section {
        padding: 12px;
    }
    
    .grouped-product-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .grouped-product-quantity {
        align-self: flex-end;
    }
    
    .action-buttons {
        gap: 8px;
    }
    
    .add-to-cart-btn,
    .buy-now-btn {
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .product-features {
        flex-direction: column;
        gap: 8px;
    }
    
    .feature-item {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .product-variant-selector {
        padding: 16px;
    }
    
    .product-title {
        font-size: 20px; /* Mobil için büyütüldü (18px'den 20px'e) */
    }
    
    .product-info .price {
        font-size: 22px;
    }
    
    .variant-options {
        gap: 4px;
    }
    
    .text-label {
        padding: 5px 10px;
        font-size: 12px;
        min-width: 35px;
    }
    
    .color-label {
        width: 32px;
        height: 32px;
    }
    
    .image-label {
        width: 45px;
        height: 45px;
    }
    
    .quantity-control {
        width: 90px;
        height: 32px;
    }
    
    .qty-btn {
        width: 26px;
        font-size: 14px;
    }
    
    .qty-input {
        font-size: 13px;
    }
    
    .btn {
        padding: 12px 16px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .thumbnail-swiper {
        height: 80px !important;
    }
    
    .thumbnail-swiper .swiper-slide {
        width: 60px !important;
        height: 60px !important;
    }
}

@media (max-width: 576px) {
    .thumbnail-swiper {
        height: 70px !important;
    }
    
    .thumbnail-swiper .swiper-slide {
        width: 50px !important;
        height: 50px !important;
    }
}

@media (max-width: 768px) {
    .modern-variant-selector {
        padding: 24px;
        border-radius: 16px;
    }
    
    .price-section .current-price {
        font-size: 28px;
    }
    
    .action-section {
        flex-direction: column;
        gap: 12px;
    }
    
    .quantity-control {
        width: 100%;
    }
    
    .add-to-cart-btn {
        width: 100%;
    }
    
    .secondary-actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .variant-options {
        gap: 8px;
        padding: 16px;
    }
    
    .text-label {
        padding: 10px 16px;
        font-size: 13px;
    }
    
    .color-label {
        width: 40px;
        height: 40px;
    }
    
    .image-label {
        width: 60px;
        height: 60px;
    }
    
    .info-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .pdp-table .hide-mobile {
        display: none;
    }
    
    .pdp-table th:nth-child(3),
    .pdp-table td:nth-child(3) {
        display: none;
    }
    
    .pdp-table th:nth-child(4),
    .pdp-table td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 768px) {
    .pdp-table {
        font-size: 12px;
        margin: 16px 0;
    }
    
    .pdp-table th,
    .pdp-table td {
        padding: 12px 8px;
    }
    
    .pdp-table .pdp-qty {
        max-width: 100px;
    }
    
    .pdp-table .pdp-qty button {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }
    
    .pdp-table .pdp-qty input {
        width: 40px;
        height: 28px;
        font-size: 12px;
    }
    
    /* Mobilde bazı sütunları gizle */
    .pdp-table .hide-mobile {
        display: none;
    }
    
    .team-total {
        padding: 12px 16px;
        text-align: center;
    }
    
    .team-total p {
        font-size: 16px;
    }
    
    .team-total span {
        font-size: 18px;
        display: block;
        margin: 4px 0 0 0;
    }
}

@media (max-width: 768px) {
    .modern-variant-selector {
        padding: 20px;
        border-radius: 12px;
    }
    
    .product-single__addtocart {
        flex-direction: column;
        gap: 12px;
    }
    
    .qty-control {
        width: 100%;
    }
    
    .btn-addtocart {
        width: 100%;
    }
    
    .product-single__addtolinks {
        flex-direction: column;
        gap: 12px;
    }
    
    .swatch-list {
        gap: 8px;
    }
    
    .text-swatches .swatch {
        padding: 10px 16px;
        font-size: 13px;
    }
    
    .color-swatches .swatch {
        width: 40px;
        height: 40px;
    }
    
    .image-swatches .swatch {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 1200px) {
    .checkout-banks-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 992px) {
    .checkout-banks-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .checkout-bank-info {
        padding: 16px;
    }
}

@media (max-width: 768px) {
    .checkout-banks-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .checkout-bank-info {
        padding: 15px;
    }
    
    .checkout-bank-header h5 {
        font-size: 16px;
    }
    
    .checkout-bank-logo {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 480px) {
    .checkout-iban-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media (max-width: 768px) {
    .grouped-product {
        padding: 16px;
    }
    
    .grouped-product-title {
        flex-direction: column;
        gap: 12px;
    }
    
    .grouped-product-title .product-name {
        font-size: 20px;
    }
    
    .customization-icon {
        align-self: flex-end;
        margin-left: 0;
    }
    
    .grouped-product-price .total-price {
        font-size: 24px;
    }
    
    .set-content-section {
        padding: 12px;
    }
    
    .grouped-product-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .grouped-product-quantity {
        align-self: flex-end;
    }
    
    .action-buttons {
        gap: 8px;
    }
    
    .add-to-cart-btn,
    .buy-now-btn {
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .product-features {
        flex-direction: column;
        gap: 8px;
    }
    
    .feature-item {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .product-variant-selector {
        padding: 16px;
    }
    
    .product-title {
        font-size: 20px; /* Mobil için büyütüldü (18px'den 20px'e) */
    }
    
    .product-info .price {
        font-size: 22px;
    }
    
    .variant-options {
        gap: 4px;
    }
    
    .text-label {
        padding: 5px 10px;
        font-size: 12px;
        min-width: 35px;
    }
    
    .color-label {
        width: 32px;
        height: 32px;
    }
    
    .image-label {
        width: 45px;
        height: 45px;
    }
    
    .quantity-control {
        width: 90px;
        height: 32px;
    }
    
    .qty-btn {
        width: 26px;
        font-size: 14px;
    }
    
    .qty-input {
        font-size: 13px;
    }
    
    .btn {
        padding: 12px 16px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .thumbnail-swiper {
        height: 80px !important;
    }
    
    .thumbnail-swiper .swiper-slide {
        width: 60px !important;
        height: 60px !important;
    }
}

@media (max-width: 576px) {
    .thumbnail-swiper {
        height: 70px !important;
    }
    
    .thumbnail-swiper .swiper-slide {
        width: 50px !important;
        height: 50px !important;
    }
}

@media (max-width: 768px) {
    .modern-variant-selector {
        padding: 24px;
        border-radius: 16px;
    }
    
    .price-section .current-price {
        font-size: 28px;
    }
    
    .action-section {
        flex-direction: column;
        gap: 12px;
    }
    
    .quantity-control {
        width: 100%;
    }
    
    .add-to-cart-btn {
        width: 100%;
    }
    
    .secondary-actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .variant-options {
        gap: 8px;
        padding: 16px;
    }
    
    .text-label {
        padding: 10px 16px;
        font-size: 13px;
    }
    
    .color-label {
        width: 40px;
        height: 40px;
    }
    
    .image-label {
        width: 60px;
        height: 60px;
    }
    
    .info-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .pdp-table .hide-mobile {
        display: none;
    }
    
    .pdp-table th:nth-child(3),
    .pdp-table td:nth-child(3) {
        display: none;
    }
    
    .pdp-table th:nth-child(4),
    .pdp-table td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 768px) {
    .pdp-table {
        font-size: 12px;
        margin: 16px 0;
    }
    
    .pdp-table th,
    .pdp-table td {
        padding: 12px 8px;
    }
    
    .pdp-table .pdp-qty {
        max-width: 100px;
    }
    
    .pdp-table .pdp-qty button {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }
    
    .pdp-table .pdp-qty input {
        width: 40px;
        height: 28px;
        font-size: 12px;
    }
    
    /* Mobilde bazı sütunları gizle */
    .pdp-table .hide-mobile {
        display: none;
    }
    
    .team-total {
        padding: 12px 16px;
        text-align: center;
    }
    
    .team-total p {
        font-size: 16px;
    }
    
    .team-total span {
        font-size: 18px;
        display: block;
        margin: 4px 0 0 0;
    }
}

@media (max-width: 768px) {
    .modern-variant-selector {
        padding: 20px;
        border-radius: 12px;
    }
    
    .product-single__addtocart {
        flex-direction: column;
        gap: 12px;
    }
    
    .qty-control {
        width: 100%;
    }
    
    .btn-addtocart {
        width: 100%;
    }
    
    .product-single__addtolinks {
        flex-direction: column;
        gap: 12px;
    }
    
    .swatch-list {
        gap: 8px;
    }
    
    .text-swatches .swatch {
        padding: 10px 16px;
        font-size: 13px;
    }
    
    .color-swatches .swatch {
        width: 40px;
        height: 40px;
    }
    
    .image-swatches .swatch {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 1200px) {
    .checkout-banks-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 992px) {
    .checkout-banks-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .checkout-bank-info {
        padding: 16px;
    }
}

@media (max-width: 768px) {
    .checkout-banks-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .checkout-bank-info {
        padding: 15px;
    }
    
    .checkout-bank-header h5 {
        font-size: 16px;
    }
    
    .checkout-bank-logo {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 480px) {
    .checkout-iban-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media (max-width: 991px) {
    .checkout-summary-section {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .checkout-form-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

@media (max-width: 1200px) {
    .checkout-order-summary {
        position: static;
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .checkout-page {
        padding: 20px 0;
    }
    
    .checkout-order-summary {
        padding: 20px;
    }
    
    .checkout-form {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .checkout-page {
        padding: 15px 0;
    }
    
    .checkout-container {
        padding: 0 10px;
    }
    
    .checkout-order-summary {
        padding: 15px;
        margin-top: 20px;
    }
    
    .checkout-form {
        padding: 15px;
    }
    
    .checkout-address-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .checkout-payment-option {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .checkout-payment-radio {
        position: static;
        transform: none;
        margin-top: 10px;
    }
    
    .checkout-order-item {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .checkout-order-item-price {
        text-align: center;
    }
    
    .checkout-bank-detail-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .checkout-iban-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .checkout-coupon-input-group {
        flex-direction: column;
        gap: 10px;
    }
    
    .checkout-coupon-apply-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .checkout-page {
        padding: 10px 0;
    }
    
    .checkout-container {
        padding: 0 5px;
    }
    
    .checkout-order-summary {
        padding: 10px;
    }
    
    .checkout-form {
        padding: 10px;
    }
    
    .checkout-section {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    
    .checkout-section h2 {
        font-size: 18px;
    }
    
    .checkout-order-summary h2 {
        font-size: 18px;
    }
    
    .checkout-payment-option {
        padding: 15px;
    }
    
    .checkout-address-item {
        padding: 15px;
    }
    
    .checkout-shipping-item {
        padding: 15px;
    }
    
    .checkout-bank-info {
        padding: 15px;
    }
    
    .checkout-credit-card-provider {
        padding: 15px;
    }
    
    .checkout-cash-on-fee {
        padding: 15px;
    }
    
    .checkout-cash-on-fee-free {
        padding: 15px;
    }
    
    .checkout-coupon-area {
        padding: 15px;
    }
    
    .checkout-coupon-success {
        padding: 15px;
    }
    
    .checkout-payment-details {
        padding: 15px;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .checkout-cargo-condition-info {
        padding: 15px;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .checkout-empty-addresses {
        padding: 30px 15px;
    }
    
    .checkout-submit-btn {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .checkout-total-row {
        font-size: 16px;
    }
    
    .checkout-total-row span:last-child {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .product-gallery-main {
        min-height: 400px !important;
    }
    
    .product-gallery-thumbnail-swiper .swiper-slide {
        width: 60px !important;
        height: 60px !important;
        margin-right: 8px !important;
    }
    
    .product-gallery-thumbnail {
        width: 60px !important;
        height: 60px !important;
    }
    
    .product-gallery-thumbnail-swiper .swiper-wrapper {
        min-height: 60px !important;
        gap: 8px !important;
        padding: 0 15px !important;
    }
    
    .product-gallery-swiper-next-thumbs,
    .product-gallery-swiper-prev-thumbs {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .product-gallery-main {
        min-height: 350px !important;
    }
    
    .product-gallery-thumbnail-swiper .swiper-slide {
        width: 50px !important;
        height: 50px !important;
        margin-right: 6px !important;
    }
    
    .product-gallery-thumbnail {
        width: 50px !important;
        height: 50px !important;
    }
    
    .product-gallery-thumbs {
        padding: 8px 0 !important;
    }
    
    .product-gallery-thumbnail-swiper .swiper-wrapper {
        min-height: 50px !important;
        gap: 6px !important;
        padding: 0 10px !important;
    }
}

@media (max-width: 768px) {
    .product-gallery-main-image {
        max-height: 400px;
    }
    
    .product-gallery-thumbnail {
        width: 60px;
        height: 60px;
    }
    
    .product-gallery-swiper-next,
    .product-gallery-swiper-prev {
        width: 35px;
        height: 35px;
    }
    
    .product-gallery-swiper-next::after,
    .product-gallery-swiper-prev::after {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .product-gallery-main-image {
        max-height: 300px;
    }
    
    .product-gallery-thumbnail {
        width: 50px;
        height: 50px;
    }
    
    .product-gallery-video-play {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .product-gallery-video-play-small {
        width: 25px;
        height: 25px;
        font-size: 10px;
    }
}

@media (max-width: 1200px) {
    .user-account-layout {
        flex-direction: column;
        gap: 1rem;
    }
    
    .user-sidebar {
        width: 100%;
        height: auto;
        border-right: none;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .sidebar {
        padding: 1.5rem;
    }
    
    .sidebar h1 {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }
    
    .sidebar ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    
    .sidebar li {
        flex: 1;
        min-width: 160px;
        margin-bottom: 0;
    }
    
    .sidebar li a {
        padding: 1rem 1.25rem;
        font-size: 0.9rem;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .sidebar li a i {
        width: 20px;
        height: 20px;
        font-size: 18px;
        margin: 0;
    }
    
    .sidebar li a span {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .user-account-container {
        padding: 1rem 0;
    }
    
    .user-content {
        padding: 0.5rem;
    }
    
    .dashboard-welcome-icon {
        width: 45px;
        height: 45px;
        border-radius: 10px;
    }
    
    .dashboard-welcome-icon svg {
        width: 22px;
        height: 22px;
    }
    
    .dashboard-stat-icon {
        width: 55px;
        height: 55px;
        border-radius: 14px;
        margin-bottom: 0.75rem;
    }
    
    .dashboard-stat-icon svg {
        width: 28px;
        height: 28px;
    }
    
    .sidebar {
        padding: 1rem;
    }
    
    .sidebar ul {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .sidebar li {
        min-width: auto;
        margin-bottom: 0;
    }
    
    .sidebar li a {
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
        padding: 1rem 1.25rem;
        font-size: 0.95rem;
        gap: 0.75rem;
    }
    
    .sidebar li a i {
        width: 20px;
        height: 20px;
        font-size: 16px;
        margin: 0;
    }
    
    .sidebar li a span {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .grouped-product {
        padding: 16px;
    }
    
    .grouped-product-title {
        flex-direction: column;
        gap: 12px;
    }
    
    .grouped-product-title .product-name {
        font-size: 20px;
    }
    
    .customization-icon {
        align-self: flex-end;
        margin-left: 0;
    }
    
    .grouped-product-price .total-price {
        font-size: 24px;
    }
    
    .set-content-section {
        padding: 12px;
    }
    
    .grouped-product-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .grouped-product-quantity {
        align-self: flex-end;
    }
    
    .action-buttons {
        gap: 8px;
    }
    
    .add-to-cart-btn,
    .buy-now-btn {
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .product-features {
        flex-direction: column;
        gap: 8px;
    }
    
    .feature-item {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .product-variant-selector {
        padding: 16px;
    }
    
    .product-title {
        font-size: 20px; /* Mobil için büyütüldü (18px'den 20px'e) */
    }
    
    .product-info .price {
        font-size: 22px;
    }
    
    .variant-options {
        gap: 4px;
    }
    
    .text-label {
        padding: 5px 10px;
        font-size: 12px;
        min-width: 35px;
    }
    
    .color-label {
        width: 32px;
        height: 32px;
    }
    
    .image-label {
        width: 45px;
        height: 45px;
    }
    
    .quantity-control {
        width: 90px;
        height: 32px;
    }
    
    .qty-btn {
        width: 26px;
        font-size: 14px;
    }
    
    .qty-input {
        font-size: 13px;
    }
    
    .btn {
        padding: 12px 16px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .modern-variant-selector {
        padding: 24px;
        border-radius: 16px;
    }
    
    .price-section .current-price {
        font-size: 28px;
    }
    
    .action-section {
        flex-direction: column;
        gap: 12px;
    }
    
    .quantity-control {
        width: 100%;
    }
    
    .add-to-cart-btn {
        width: 100%;
    }
    
    .secondary-actions {
        flex-direction: column;
        gap: 8px;
    }
    
    .variant-options {
        gap: 8px;
        padding: 16px;
    }
    
    .text-label {
        padding: 10px 16px;
        font-size: 13px;
    }
    
    .color-label {
        width: 40px;
        height: 40px;
    }
    
    .image-label {
        width: 60px;
        height: 60px;
    }
    
    .info-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .pdp-table .hide-mobile {
        display: none;
    }
    
    .pdp-table th:nth-child(3),
    .pdp-table td:nth-child(3) {
        display: none;
    }
    
    .pdp-table th:nth-child(4),
    .pdp-table td:nth-child(4) {
        display: none;
    }
}

@media (max-width: 768px) {
    .pdp-table {
        font-size: 12px;
        margin: 16px 0;
    }
    
    .pdp-table th,
    .pdp-table td {
        padding: 12px 8px;
    }
    
    .pdp-table .pdp-qty {
        max-width: 100px;
    }
    
    .pdp-table .pdp-qty button {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }
    
    .pdp-table .pdp-qty input {
        width: 40px;
        height: 28px;
        font-size: 12px;
    }
    
    /* Mobilde bazı sütunları gizle */
    .pdp-table .hide-mobile {
        display: none;
    }
    
    .team-total {
        padding: 12px 16px;
        text-align: center;
    }
    
    .team-total p {
        font-size: 16px;
    }
    
    .team-total span {
        font-size: 18px;
        display: block;
        margin: 4px 0 0 0;
    }
}

@media (max-width: 768px) {
    .modern-variant-selector {
        padding: 20px;
        border-radius: 12px;
    }
    
    .product-single__addtocart {
        flex-direction: column;
        gap: 12px;
    }
    
    .qty-control {
        width: 100%;
    }
    
    .btn-addtocart {
        width: 100%;
    }
    
    .product-single__addtolinks {
        flex-direction: column;
        gap: 12px;
    }
    
    .swatch-list {
        gap: 8px;
    }
    
    .text-swatches .swatch {
        padding: 10px 16px;
        font-size: 13px;
    }
    
    .color-swatches .swatch {
        width: 40px;
        height: 40px;
    }
    
    .image-swatches .swatch {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 1200px) {
    .checkout-banks-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 992px) {
    .checkout-banks-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    
    .checkout-bank-info {
        padding: 16px;
    }
}

@media (max-width: 768px) {
    .checkout-banks-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .checkout-bank-info {
        padding: 15px;
    }
    
    .checkout-bank-header h5 {
        font-size: 16px;
    }
    
    .checkout-bank-logo {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 480px) {
    .checkout-iban-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

@media (max-width: 991px) {
    .checkout-summary-section {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .checkout-form-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

@media (max-width: 1200px) {
    .checkout-order-summary {
        position: static;
        margin-top: 30px;
    }
}

@media (max-width: 992px) {
    .checkout-page {
        padding: 20px 0;
    }
    
    .checkout-order-summary {
        padding: 20px;
    }
    
    .checkout-form {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .checkout-page {
        padding: 15px 0;
    }
    
    .checkout-container {
        padding: 0 10px;
    }
    
    .checkout-order-summary {
        padding: 15px;
        margin-top: 20px;
    }
    
    .checkout-form {
        padding: 15px;
    }
    
    .checkout-address-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .checkout-payment-option {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .checkout-payment-radio {
        position: static;
        transform: none;
        margin-top: 10px;
    }
    
    .checkout-order-item {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .checkout-order-item-price {
        text-align: center;
    }
    
    .checkout-bank-detail-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .checkout-iban-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .checkout-coupon-input-group {
        flex-direction: column;
        gap: 10px;
    }
    
    .checkout-coupon-apply-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .checkout-page {
        padding: 10px 0;
    }
    
    .checkout-container {
        padding: 0 5px;
    }
    
    .checkout-order-summary {
        padding: 10px;
    }
    
    .checkout-form {
        padding: 10px;
    }
    
    .checkout-section {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    
    .checkout-section h2 {
        font-size: 18px;
    }
    
    .checkout-order-summary h2 {
        font-size: 18px;
    }
    
    .checkout-payment-option {
        padding: 15px;
    }
    
    .checkout-address-item {
        padding: 15px;
    }
    
    .checkout-shipping-item {
        padding: 15px;
    }
    
    .checkout-bank-info {
        padding: 15px;
    }
    
    .checkout-credit-card-provider {
        padding: 15px;
    }
    
    .checkout-cash-on-fee {
        padding: 15px;
    }
    
    .checkout-cash-on-fee-free {
        padding: 15px;
    }
    
    .checkout-coupon-area {
        padding: 15px;
    }
    
    .checkout-coupon-success {
        padding: 15px;
    }
    
    .checkout-payment-details {
        padding: 15px;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .checkout-cargo-condition-info {
        padding: 15px;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .checkout-empty-addresses {
        padding: 30px 15px;
    }
    
    .checkout-submit-btn {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .checkout-total-row {
        font-size: 16px;
    }
    
    .checkout-total-row span:last-child {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .product-gallery-main {
        min-height: 400px !important;
    }
    
    .product-gallery-thumbnail-swiper .swiper-slide {
        width: 60px !important;
        height: 60px !important;
        margin-right: 8px !important;
    }
    
    .product-gallery-thumbnail {
        width: 60px !important;
        height: 60px !important;
    }
    
    .product-gallery-thumbnail-swiper .swiper-wrapper {
        min-height: 60px !important;
        gap: 8px !important;
        padding: 0 15px !important;
    }
    
    .product-gallery-swiper-next-thumbs,
    .product-gallery-swiper-prev-thumbs {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .product-gallery-main {
        min-height: 350px !important;
    }
    
    .product-gallery-thumbnail-swiper .swiper-slide {
        width: 50px !important;
        height: 50px !important;
        margin-right: 6px !important;
    }
    
    .product-gallery-thumbnail {
        width: 50px !important;
        height: 50px !important;
    }
    
    .product-gallery-thumbs {
        padding: 8px 0 !important;
    }
    
    .product-gallery-thumbnail-swiper .swiper-wrapper {
        min-height: 50px !important;
        gap: 6px !important;
        padding: 0 10px !important;
    }
}

@media (max-width: 768px) {
    .product-gallery-main-image {
        max-height: 400px;
    }
    
    .product-gallery-thumbnail {
        width: 60px;
        height: 60px;
    }
    
    .product-gallery-swiper-next,
    .product-gallery-swiper-prev {
        width: 35px;
        height: 35px;
    }
    
    .product-gallery-swiper-next::after,
    .product-gallery-swiper-prev::after {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .product-gallery-main-image {
        max-height: 300px;
    }
    
    .product-gallery-thumbnail {
        width: 50px;
        height: 50px;
    }
    
    .product-gallery-video-play {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .product-gallery-video-play-small {
        width: 25px;
        height: 25px;
        font-size: 10px;
    }
}

@media (max-width: 1200px) {
    .user-account-layout {
        flex-direction: column;
        gap: 1rem;
    }
    
    .user-sidebar {
        width: 100%;
        height: auto;
        border-right: none;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .sidebar {
        padding: 1.5rem;
    }
    
    .sidebar h1 {
        font-size: 1.25rem;
        margin-bottom: 1.5rem;
    }
    
    .sidebar ul {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    
    .sidebar li {
        flex: 1;
        min-width: 160px;
        margin-bottom: 0;
    }
    
    .sidebar li a {
        padding: 1rem 1.25rem;
        font-size: 0.9rem;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .sidebar li a i {
        width: 20px;
        height: 20px;
        font-size: 18px;
        margin: 0;
    }
    
    .sidebar li a span {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .user-account-container {
        padding: 1rem 0;
    }
    
    .user-content {
        padding: 0.5rem;
    }
    
    .dashboard-welcome-icon {
        width: 45px;
        height: 45px;
        border-radius: 10px;
    }
    
    .dashboard-welcome-icon svg {
        width: 22px;
        height: 22px;
    }
    
    .dashboard-stat-icon {
        width: 55px;
        height: 55px;
        border-radius: 14px;
        margin-bottom: 0.75rem;
    }
    
    .dashboard-stat-icon svg {
        width: 28px;
        height: 28px;
    }
    
    .sidebar {
        padding: 1rem;
    }
    
    .sidebar ul {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .sidebar li {
        min-width: auto;
        margin-bottom: 0;
    }
    
    .sidebar li a {
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
        padding: 1rem 1.25rem;
        font-size: 0.95rem;
        gap: 0.75rem;
    }
    
    .sidebar li a i {
        width: 20px;
        height: 20px;
        font-size: 16px;
        margin: 0;
    }
    
    .sidebar li a span {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .notifications-header-content {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }
    
    .notifications-header-actions {
        align-self: stretch;
    }
    
    .notifications-header-actions .minimal-btn {
        width: 100%;
        justify-content: center;
    }
    
    .notification-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    
    .notification-actions {
        width: 100%;
        justify-content: flex-end;
    }
    
    .notification-info {
        width: 100%;
    }
    
    .notifications-page-title {
        font-size: 1.5rem;
    }
    
    /* Dashboard buton boyutları */
    .minimal-btn {
        padding: 0.4rem 0.8rem;
        font-size: 0.75rem;
        min-height: 32px;
    }
    
    .minimal-btn-sm {
        padding: 0.3rem 0.6rem;
        font-size: 0.65rem;
        min-height: 28px;
    }
}

@media (max-width: 768px) {
    .dashboard-empty-card {
        padding: 1.5rem 1rem;
    }
    
    .dashboard-empty-title {
        font-size: 1rem;
    }
    
    .dashboard-empty-text {
        font-size: 0.85rem;
    }
    
    .dashboard-empty-icon {
        width: 1.25rem;
        height: 1.25rem;
        margin-bottom: 0.5rem;
        max-width: 80px;
        max-height: 80px;
    }
    
    .dashboard-order-btn {
        padding: 0.4rem 0.7rem;
        font-size: 0.7rem;
        min-height: 32px;
    }
}

@media (max-width: 480px) {
    .dashboard-empty-card {
        padding: 1rem 0.75rem;
    }
    
    .dashboard-empty-title {
        font-size: 0.9rem;
    }
    
    .dashboard-empty-text {
        font-size: 0.8rem;
    }
    
    .dashboard-empty-icon {
        width: 1rem;
        height: 1rem;
        margin-bottom: 0.375rem;
        max-width: 60px;
        max-height: 60px;
    }
    
    .dashboard-order-btn {
        padding: 0.3rem 0.6rem;
        font-size: 0.65rem;
        min-height: 28px;
    }
} 

@media (max-width: 768px) {
    .favorites-page {
        padding: 0 0.75rem;
    }
    
    .favorites-page-title {
        font-size: 2rem;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .favorites-page-icon {
        font-size: 1.5rem;
    }
    
    .favorites-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 1rem;
    }
    
    .favorite-card-image {
        aspect-ratio: 4 / 3;
    }

    .product-actions {
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    .favorites-page-header {
        padding: 1.5rem 0;
    }
    
    .favorites-page-title {
        font-size: 1.75rem;
    }
    
    .favorites-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .favorite-card-content {
        padding: 1rem;
    }
    
    .favorites-empty {
        padding: 2rem 1rem;
    }
    
    .favorites-empty-icon {
        width: 60px;
        height: 60px;
    }
    
    .favorites-empty-icon i {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .supportpage .minimal-modal-content {
        width: 95%;
        max-width: 95%;
        margin: 1rem;
        max-height: 85vh;
    }
    
    .supportpage .minimal-modal-body {
        padding: 1rem;
    }
    
    .supportpage .minimal-modal-header {
        padding: 1rem;
    }
    
    .supportpage .minimal-modal-footer {
        padding: 1rem;
        flex-direction: column;
    }
    
    .supportpage .minimal-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .supportpage .minimal-modal-content {
        width: 98%;
        margin: 0.5rem;
    }
    
    .supportpage .minimal-form-group {
        margin-bottom: 1rem;
    }
    
    .supportpage .minimal-form-input {
        padding: 0.625rem;
        font-size: 0.8rem;
    }
} 

@media (max-width: 768px) {
    .position-fixed {
        top: 10px !important;
        right: 10px !important;
        left: 10px !important;
        min-width: auto !important;
        max-width: none !important;
    }
} 

@media (max-width: 768px) {
    .testimonial-carousel .swiper-slide:not(:last-child) {
        margin-right: 14px;
    }
}

@media (max-width: 768px) {
    .testimonial-carousel .testimonial-card {
        padding: 20px;
    }
    
    .testimonial-carousel .user-info {
        flex-direction: column;
        text-align: center;
    }
    
    .testimonial-carousel .user-detail {
        text-align: center;
    }
} 

@media (max-width: 768px) {
    .instagram-feed .section-title {
        font-size: 2rem;
    }
    
    .instagram-feed {
        padding: 40px 0;
    }
}

@media (max-width: 768px) {
    .addresses-grid {
        grid-template-columns: 1fr;
    }
    
    .address-form-grid {
        grid-template-columns: 1fr;
    }
    
    .address-card-actions {
        flex-direction: column;
    }
    
    .address-action-btn {
        justify-content: center;
    }
    
    .addresses-header-content {
        flex-direction: column;
        text-align: center;
    }
    
    .addresses-header-icon {
        margin-bottom: 1rem;
    }
} 

@media (max-width: 768px) {
    #companyFields {
        padding: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    #companyFields .form-group {
        margin-bottom: 15px;
    }
    
    #companyFields input {
        padding: 10px 12px;
        font-size: 13px;
    }
    
    #companyFields label {
        font-size: 13px;
        margin-bottom: 6px;
    }
    
    #companyFields::before {
        font-size: 14px;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }
}

@media (max-width: 768px) {
    .new-gallery-counter {
        top: 10px;
        left: 10px;
        font-size: 12px;
        padding: 6px 10px;
    }
    
    .new-gallery-zoom-btn,
    .new-gallery-close-btn {
        top: 10px;
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    
    .new-gallery-zoom-btn {
        right: 45px;
    }
    
    .new-gallery-close-btn {
        right: 10px;
    }
    
    .new-gallery-nav {
        width: 40px;
        height: 40px;
        font-size: 16px;
        padding: 10px 8px;
    }
    
    .new-gallery-nav.new-gallery-prev {
        left: 10px;
    }
    
    .new-gallery-nav.new-gallery-next {
        right: 10px;
    }
    
    .new-gallery-thumbs {
        padding: 10px;
    }
    
    .new-gallery-thumbs-swiper .swiper-slide {
        width: 60px;
        height: 60px;
        margin-right: 8px;
        border-radius: 8px;
    }
    
    .new-gallery-main {
        min-height: 400px;
    }
    
    /* Thumbnail navigation butonları mobilde gizle */
    .swiper-button-next-thumbs,
    .swiper-button-prev-thumbs {
        display: none;
    }
}

@media (max-width: 480px) {
    .new-gallery-counter {
        font-size: 11px;
        padding: 5px 8px;
    }
    
    .new-gallery-zoom-btn,
    .new-gallery-close-btn {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    
    .new-gallery-zoom-btn {
        right: 40px;
    }
    
    .new-gallery-nav {
        width: 35px;
        height: 35px;
        font-size: 14px;
        padding: 8px 6px;
    }
    
    .new-gallery-thumbs-swiper .swiper-slide {
        width: 50px;
        height: 50px;
        margin-right: 6px;
        border-radius: 6px;
    }
    
    .new-gallery-thumbs {
        padding: 8px;
    }
    
    .new-gallery-main {
        min-height: 350px;
    }
}

@media (max-width: 768px) {
    .product-variants-section,
    .grouped-products-section,
    .simple-product-section {
        margin: 15px 0;
        padding: 15px;
    }
    
    .variants-title {
        font-size: 1.1rem;
    }
    
    .product-swatch {
        padding: 12px;
    }
    
    .swatch-list {
        gap: 6px;
    }
    
    .swatch-label {
        padding: 6px 12px;
        font-size: 0.85rem;
        min-width: 50px;
    }
}

@media (max-width: 991px) {
    .cartnova {
        padding-bottom: 28px;
    }

    .cartnova__panel-head {
        padding: 14px 18px 8px;
    }

    .cartnova__panel-body {
        padding: 0 18px 18px;
    }

    .cartnova__panel-foot {
        padding: 10px 14px 14px;
    }
    
    .cartpage-checkout-button {
        padding: 14px 16px;
        gap: 12px;
    }
    
    .cartpage-checkout-button__icon {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    
    .cartpage-checkout-button__title {
        font-size: 16px;
    }
    
    .cartpage-checkout-button__subtitle {
        font-size: 12px;
    }
    
    .cartnova-footnote {
        margin-top: 12px;
        font-size: 12px;
    }

    .cartnova-item {
        grid-template-columns: 100px 1fr;
    }

    .cartnova-item__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .cartnova-item__total {
        align-items: flex-start;
    }

    .cartnova-form__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .cartnova__layout {
        gap: 12px;
    }

    .cartnova-item {
        grid-template-columns: 1fr;
    }

    .cartnova-item__media {
        justify-content: flex-start;
    }

    .cartnova-item__image {
        width: 100%;
        height: 200px;
    }

    .cartnova-summary__form {
        flex-direction: column;
    }

    .cartnova-button {
        width: 100%;
    }

    .cartnova-form__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .cartpage-campaign__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .cartpage-campaign__value {
        text-align: left;
    }

    .cartpage-checkout-button {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 16px 18px;
    }

    .cartpage-checkout-button__icon {
        font-size: 22px;
        width: 48px;
        height: 48px;
    }

    .cartpage-checkout-button__title {
        font-size: 17px;
    }

    .cartpage-checkout-button__subtitle {
        font-size: 13px;
    }

    .cartpage-checkout-button__arrow {
        align-self: flex-end;
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .pdp-details {
        padding: 15px;
    }
    
    .pdp-iv-grid {
        grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
        gap: 8px;
    }
    
    .pdp-iv {
        min-height: 70px;
        padding: 8px;
    }
    
    .pdp-iv .ph {
        width: 30px;
        height: 30px;
    }
    
    .action-buttons {
        flex-direction: column;
    }
    
    .btn {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .product-variants-section,
    .grouped-products-section,
    .simple-product-section {
        padding: 15px;
        margin: 10px 0;
    }
    
    .variants-section-title {
        font-size: 1.1rem;
        margin-bottom: 15px;
    }
    
    .product-swatch {
        padding: 12px;
        margin-bottom: 15px;
    }
    
    .swatch-list {
        gap: 6px;
    }
    
    .swatch-label {
        padding: 6px 10px;
        font-size: 0.8rem;
        min-width: 45px;
    }
    
    .grouped-product-info {
        flex-direction: column;
        gap: 10px;
    }
    
    .grouped-product-image {
        width: 50px;
        height: 50px;
    }
    
    .grouped-product-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    .qty-control__number {
        width: 50px;
        height: 32px;
    }
    
    .qty-control__reduce,
    .qty-control__increase {
        width: 32px;
        height: 32px;
    }
}

@media(max-width: 980px) {
    .pdp-wrap {
        padding: 16px;
    }
    
    .pdp-wrap .col-lg-8,
    .pdp-wrap .col-lg-4 {
        padding: 0;
        margin-bottom: 20px;
    }
}

@media(max-width: 991px) {
    .pdp-panel {
        margin-top: 20px;
        padding: 16px;
    }
}

@media(max-width: 767px) {
    .pdp-panel {
        padding: 12px;
    }
}

@media(max-width: 680px) {
    .pdp-iv-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:780px){.pdp-buybar{grid-template-columns:1fr;}}
.pdp-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:12px;overflow:hidden;width:100%}

@media (max-width: 768px) {
    .pdp-buybar {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    .pdp-buybar > div {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .pdp-buybar > div:first-child {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .pdp-buybar > div:last-child {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    .pdp-qty {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }

    .pdp-btn {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        font-size: 16px !important;
        padding: 16px 20px !important;
        border-radius: 16px !important;
        display: block !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        flex: 1 1 100% !important;
    }

    .pdp-btn + .pdp-btn {
        margin-top: 0 !important;
    }
    
    /* Grouped product butonları için de aynı stil */
    .grouped-product-actions .pdp-buybar {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    
    .grouped-product-actions .pdp-buybar > div {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .grouped-product-actions .pdp-buybar > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .grouped-product-actions .pdp-btn {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        flex: 1 1 100% !important;
    }
    
    /* Normal ürünler için de aynı stil */
    .product-single__addtocart .pdp-buybar > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .product-single__addtocart .pdp-btn {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        flex: 1 1 100% !important;
    }
}

@media (max-width: 480px) {
    .pdp-btn {
        font-size: 15px !important;
        padding: 15px 18px !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
    
    .grouped-product-actions .pdp-btn {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        flex: 1 1 100% !important;
    }
    
    .product-single__addtocart .pdp-btn {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        flex: 1 1 100% !important;
    }

    .pdp-qty {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .product-single__details-tab .nav-tabs {
        flex-direction: column;
        gap: 2px;
        padding: 6px;
    }
    
    .product-single__details-tab .nav-item {
        min-width: auto;
    }
    
    .product-single__details-tab .nav-link {
        padding: 14px 16px;
        font-size: 13px;
        border-radius: 10px;
    }
    
    .product-single__details-tab .tab-content {
        padding: 24px 20px;
    }
}

@media (max-width: 480px) {
    .product-single__details-tab {
        margin-top: 20px;
        border-radius: 12px;
    }
    
    .product-single__details-tab .nav-link {
        padding: 12px 14px;
        font-size: 12px;
    }
    
    .product-single__details-tab .tab-content {
        padding: 20px 16px;
    }
}

@media (max-width: 768px) {
    .pdp-wrap {
        grid-template-columns: 1fr;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Bootstrap container ve row padding'lerini kaldır */
    .pdp-wrap .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .pdp-wrap .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .pdp-wrap [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    
    .pdp-title {
        font-size: 22px;
        margin-bottom: 0 !important;
    }
    
    .product-single__name {
        font-size: 26px; /* Mobil için büyütüldü */
    }
    
    .pdp-price-new {
        font-size: 22px !important;
    }
    
    .pdp-price-wrap {
        margin: 12px 0 !important;
    }
    
    .pdp-price-container {
        gap: 6px !important;
    }
    
    .pdp-price-main {
        gap: 10px !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }
    
    .pdp-price-with-badge {
        gap: 10px !important;
        flex-wrap: wrap !important;
    }
    
    .pdp-price-old {
        font-size: 16px !important;
    }
    
    .pdp-discount-badge-modern {
        padding: 5px 8px !important;
        border-radius: 5px !important;
        max-width: 100% !important;
    }
    
    .discount-badge-content {
        gap: 5px !important;
    }
    
    .discount-icon {
        font-size: 11px !important;
    }
    
    .discount-amount {
        font-size: 13px !important;
    }
    
    .discount-label {
        font-size: 9px !important;
    }
    
    .discount-price-label {
        font-size: 12px !important;
    }
    
    .pdp-buybar {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .pdp-iv-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .pdp-tabs {
        flex-direction: column;
    }
    
    .pdp-tab {
        border-radius: 8px;
        margin-bottom: 4px;
    }
}

@media (max-width: 768px) {
    .stock-alert-container {
        margin: 8px 0;
        padding: 4px 8px;
        font-size: 10px;
    }
    
    .stock-alert-form {
        flex-direction: column;
        gap: 4px;
        margin-top: 4px;
    }
    
    .stock-alert-btn,
    .stock-alert-btn-primary {
        width: 100%;
        justify-content: center;
        padding: 10px 14px;
        font-size: 13px;
        min-width: 0;
    }
    
    .stock-alert-login-buttons {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .product-single__details-tab .nav-link {
        padding: 14px 20px;
        font-size: 13px;
    }
    
    .product-single__details-tab .tab-content {
        padding: 24px 20px;
    }
    
    .product-single__table th,
    .product-single__table td {
        padding: 12px 16px;
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .product-single__details-tab .nav-tabs {
        flex-wrap: wrap;
    }
    
    .product-single__details-tab .nav-item {
        flex: 1;
        min-width: 120px;
    }
    
    .product-single__details-tab .tab-content {
        padding: 20px 16px;
    }
    
    .product-single__table th,
    .product-single__table td {
        padding: 10px 12px;
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .reviews-header-content {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }
    
    .reviews-summary {
        align-self: center;
        min-width: 180px;
    }
    
    .reviews-title {
        font-size: 20px;
        text-align: center;
    }
    
    .rating-value {
        font-size: 24px;
    }
    
    .star {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .reviews-header {
        margin-bottom: 24px;
        padding-bottom: 20px;
    }
    
    .reviews-title {
        font-size: 18px;
        margin-bottom: 16px;
    }
    
    .star {
        font-size: 20px;
    }
    
    .rating-value {
        font-size: 24px;
    }
    
    .no-reviews {
        padding: 40px 16px;
    }
    
    .no-reviews-icon {
        font-size: 36px;
    }
}

@media (max-width: 768px) {
    .review-form {
        padding: 20px;
    }
    
    .rating-input {
        gap: 2px;
    }
    
    .star-label {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .review-form {
        padding: 16px;
    }
    
    .form-control {
        padding: 10px 14px;
        font-size: 13px;
    }
    
    .star-label {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .review-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .review-meta {
        align-items: flex-start;
    }
    
    .review-item {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .review-item {
        padding: 16px;
    }
    
    .review-rating .star {
        font-size: 16px;
    }
    
    .rating-number {
        font-size: 14px;
    }
    
    .review-content p {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .lightbox-container {
        width: 100vw;
        height: 100vh;
        max-width: none;
        max-height: none;
    }
    
    .lightbox-nav {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }
    
    .lightbox-prev {
        left: 10px;
    }
    
    .lightbox-next {
        right: 10px;
    }
    
    .lightbox-close {
        top: 20px;
        right: 20px;
    }
    
    .lightbox-thumbnails {
        padding: 15px;
        gap: 8px;
        max-height: 120px;
        justify-content: center;
    }
    
    .lightbox-thumb {
        width: 60px;
        height: 60px;
        margin: 3px;
    }
    
    .lightbox-info {
        bottom: 20px;
    }
}

@media (max-width: 768px) {
    .filepond--root .filepond--list,
    .filepond--root[data-style-panel-layout="grid"] .filepond--list,
    .filepond--root .filepond--list-scroller .filepond--list,
    .filepond--root .filepond--list-scroller {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {
    .filepond--root .filepond--root .filepond--list,
    .filepond--root[data-style-panel-layout="grid"] .filepond--root .filepond--list,
    .filepond--root .filepond--root .filepond--list-scroller .filepond--list,
    .filepond--root .filepond--root .filepond--list-scroller {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .pdp-thumbs {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
    }
}

@media (max-width: 480px) {
    .pdp-thumbs {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px !important;
    }
}

@media (max-width: 768px) {
    .thumbnail-swiper {
        height: 80px !important;
    }
    
    .thumbnail-swiper .swiper-slide {
        width: 60px !important;
        height: 60px !important;
    }
}

@media (max-width: 576px) {
    .thumbnail-swiper {
        height: 70px !important;
    }
    
    .thumbnail-swiper .swiper-slide {
        width: 50px !important;
        height: 50px !important;
    }
}

@media (max-width: 768px) {
    .banks-table-container {
        border-radius: 12px;
        margin: 0 -16px;
    }
    
    .banks-table th,
    .banks-table td {
        padding: 12px 8px;
        font-size: 13px;
    }
    
    .bank-name-cell {
        font-size: 14px;
    }
    
    .account-number,
    .iban-number {
        padding: 6px 8px;
        font-size: 12px;
    }
    
    .copy-btn {
        width: 24px;
        height: 24px;
        font-size: 11px;
    }
}

@media (max-width: 768px) {
    .checkout-result-page {
        padding: 24px 16px;
    }
    
    .checkout-result-content {
        padding: 28px 20px;
        border-radius: 14px;
    }
    
    .checkout-result-title {
        font-size: 22px;
    }
    
    .checkout-result-icon i {
        font-size: 48px;
    }
    
    .order-code {
        font-size: 16px;
        padding: 8px 14px;
    }
    
    .checkout-result-description {
        font-size: 14px;
    }
    
    .order-summary {
        padding: 18px;
    }
    
    .summary-heading,
    .products-heading,
    .banks-heading {
        font-size: 17px;
    }
    
    .product-card {
        padding: 14px;
        gap: 12px;
    }
    
    .product-image {
        width: 60px;
        height: 60px;
    }
    
    .product-name {
        font-size: 14px;
    }
    
    .action-buttons {
        max-width: 100%;
    }
    
    .action-btn {
        padding: 12px 20px;
        min-height: 44px;
        font-size: 14px;
    }
    
    .banks-table-container {
        border-radius: 12px;
    }
    
    .banks-table th,
    .banks-table td {
        padding: 10px 12px;
        font-size: 12px;
    }
    
    .payment-notice {
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .payment-notice i {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    .modern-reviews-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    
    .modern-rating-summary {
        align-self: flex-start;
    }
    
    .modern-reviews-title h3 {
        font-size: 18px;
    }
    
    .modern-review-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .modern-review-meta {
        align-items: flex-start;
        flex-direction: column;
    }
    
    .modern-review-item {
        padding: 14px;
        margin-bottom: 10px;
    }
    
    .modern-review-form {
        padding: 16px;
    }
    
    .modern-login-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .modern-btn {
        width: 100%;
        max-width: 200px;
    }
}

@media (max-width: 480px) {
    .modern-review-item {
        padding: 12px;
    }
    
    .modern-review-form {
        padding: 14px;
    }
    
    .modern-form-control {
        padding: 9px 12px;
        font-size: 13px;
    }
    
    .modern-star-label {
        font-size: 20px;
    }
    
    .modern-rating-input {
        gap: 2px;
    }
    
    .modern-review-content p {
        font-size: 13px;
    }
    
    .modern-reviews-title h3 {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .checkout-result-page {
        padding: 20px 12px;
    }
    
    .checkout-result-content {
        padding: 24px 16px;
        border-radius: 12px;
    }
    
    .checkout-result-icon {
        margin-bottom: 16px;
    }
    
    .checkout-result-icon i {
        font-size: 44px;
    }
    
    .checkout-result-title {
        font-size: 20px;
        margin-bottom: 14px;
    }
    
    .checkout-result-description {
        font-size: 14px;
        margin-bottom: 24px;
    }
    
    .checkout-result-header {
        margin-bottom: 16px;
    }
    
    .order-code {
        font-size: 15px;
        padding: 6px 12px;
    }
    
    .summary-heading,
    .products-heading,
    .banks-heading {
        font-size: 16px;
        margin-bottom: 14px;
    }
    
    .checkout-result-summary,
    .checkout-result-products,
    .checkout-result-banks {
        margin-bottom: 24px;
    }
    
    .order-summary {
        padding: 16px;
        border-radius: 12px;
    }
    
    .summary-row {
        padding: 8px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .summary-row-discount {
        margin: 0 -16px;
        padding: 8px 16px;
    }
    
    .summary-value-total {
        font-size: 16px;
    }
    
    .product-discount-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    
    .product-price-wrapper {
        align-items: flex-start;
    }
    
    .summary-label {
        font-size: 13px;
    }
    
    .summary-value {
        font-size: 14px;
    }
    
    .product-card {
        padding: 12px;
        flex-direction: row;
        gap: 10px;
    }
    
    .product-image {
        width: 60px;
        height: 60px;
    }
    
    .product-name {
        font-size: 14px;
    }
    
    .product-price {
        font-size: 15px;
    }
    
    .product-children,
    .product-variant {
        margin: 6px 0;
    }
    
    .product-child-item {
        padding: 5px 8px;
        font-size: 11px;
    }
    
    .product-variant-tag {
        padding: 4px 8px;
        font-size: 10px;
    }
    
    .banks-table-container {
        border-radius: 10px;
    }
    
    .banks-table {
        min-width: 480px;
    }
    
    .banks-table th {
        padding: 10px 8px;
        font-size: 10px;
    }
    
    .banks-table td {
        padding: 10px 8px;
        font-size: 11px;
    }
    
    .account-number,
    .iban-number {
        padding: 6px 8px;
        font-size: 10px;
    }
    
    .copy-btn {
        width: 24px;
        height: 24px;
        font-size: 10px;
    }
    
    .payment-notice {
        padding: 12px 14px;
        border-radius: 10px;
    }
    
    .payment-notice p {
        font-size: 13px;
    }
    
    .action-buttons {
        gap: 8px;
    }
    
    .action-btn {
        padding: 12px 18px;
        min-height: 44px;
        font-size: 14px;
        border-radius: 10px;
    }
    
    .checkout-result-actions {
        margin-top: 24px;
    }
}

@media (max-width: 768px) {
    .product-page-gallery-main {
        height: 400px !important;
    }
    
    .product-page-gallery-thumb {
        width: 70px !important;
        height: 70px !important;
    }
    
    .product-page-gallery-thumbs {
        gap: 6px !important;
        padding: 8px 0 !important;
    }
}

@media (max-width: 480px) {
    .product-page-gallery-main {
        height: 300px !important;
    }
    
    .product-page-gallery-thumb {
        width: 60px !important;
        height: 60px !important;
    }
    
    .product-page-gallery-thumbs {
        gap: 4px !important;
        padding: 6px 0 !important;
    }
}

@media (max-width: 768px) {
    .product-page-gallery-main {
        aspect-ratio: 1/1;
    }
    
    .product-page-gallery-thumbs {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    
    .product-page-swiper-nav {
        width: 36px;
        height: 36px;
    }
    
    .product-page-lightbox-main {
        width: 95vw;
        height: 70vh;
    }
}

@media (max-width: 480px) {
    .product-page-gallery-main {
        aspect-ratio: 1/1;
    }
    
    .product-page-gallery-thumbs {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
    
    .product-page-swiper-nav {
        width: 32px;
        height: 32px;
    }
    
    .product-page-lightbox-main {
        width: 98vw;
        height: 60vh;
    }
    
    .product-page-lightbox-thumb {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 768px) {
    .product-hover-swiper-nav {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }
    
    .product-hover-swiper-prev {
        left: 8px;
    }
    
    .product-hover-swiper-next {
        right: 8px;
    }
    
    .product-hover-counter,
    .product-hover-zoom-icon {
        font-size: 11px;
    }
    
    .product-hover-play-button {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .product-hover-pagination-bullet {
        width: 6px;
        height: 6px;
    }
}

@media (max-width: 480px) {
    .product-hover-swiper-nav {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
    
    .product-hover-counter {
        top: 8px;
        right: 8px;
        padding: 3px 6px;
        font-size: 10px;
    }
    
    .product-hover-zoom-icon {
        top: 8px;
        left: 8px;
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
    
    .product-hover-play-button {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .new-product-card .product-hover-gallery-container {
        min-height: 300px;
    }
    
    .new-product-card .product-hover-swiper-nav {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }
    
    .new-product-card .product-hover-counter {
        font-size: 10px;
        padding: 2px 5px;
    }
    
    .new-product-card .product-hover-zoom-icon {
        width: 24px;
        height: 24px;
        font-size: 10px;
    }
}

@media (max-width: 480px) {
    .new-product-card .product-hover-gallery-container {
        min-height: 250px;
    }
    
    .new-product-card .product-hover-swiper-nav {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .discount-type-indicator {
        font-size: 10px;
        padding: 5px 8px;
        min-width: 45px;
        right: 50px;
    }
    
    .discount-type-indicator .discount-amount {
        font-size: 10px;
        padding: 0;
    }
}

@media (max-width: 480px) {
    .discount-type-indicator {
        font-size: 9px;
        padding: 4px 6px;
        min-width: 40px;
        right: 45px;
    }
    
    .discount-type-indicator .discount-amount {
        font-size: 9px;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .related-posts-section {
        margin: 30px 0;
        padding: 20px 0;
    }
    
    .related-posts-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    
    .related-posts-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .related-post-image {
        height: 180px;
    }
    
    .related-post-content {
        padding: 16px;
    }
    
    .related-post-title {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .related-posts-section {
        margin: 20px 0;
        padding: 15px 0;
    }
    
    .related-posts-title {
        font-size: 18px;
        margin-bottom: 16px;
    }
    
    .related-post-image {
        height: 160px;
    }
    
    .related-post-content {
        padding: 14px;
    }
    
    .related-post-title {
        font-size: 14px;
    }
    
    .related-post-excerpt {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .blog-sidebar-related {
        margin-top: 20px;
        padding-top: 15px;
    }
    
    .blog-sidebar-related-title {
        font-size: 16px;
        margin-bottom: 12px;
    }
    
    .blog-sidebar-related-list {
        gap: 10px;
    }
    
    .blog-sidebar-related-link {
        padding: 10px;
        gap: 10px;
    }
    
    .blog-sidebar-related-image {
        width: 70px;
        height: 50px;
    }
    
    .blog-sidebar-related-title-text {
        font-size: 13px;
    }
    
    .blog-sidebar-related-date {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .blog-sidebar-related {
        margin-top: 15px;
        padding-top: 12px;
    }
    
    .blog-sidebar-related-title {
        font-size: 15px;
        margin-bottom: 10px;
    }
    
    .blog-sidebar-related-link {
        padding: 8px;
        gap: 8px;
    }
    
    .blog-sidebar-related-image {
        width: 60px;
        height: 45px;
    }
    
    .blog-sidebar-related-title-text {
        font-size: 12px;
    }
    
    .blog-sidebar-related-date {
        font-size: 10px;
    }
}

@media (max-width: 768px) {
    /* Ana gallery container'ları */
    .pdp-gallery {
        padding: 0 !important;
    }
    
    .pdp-gallery-wrapper {
        padding: 0 !important;
    }
    
    .product-page-gallery-container {
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }
    
    .pdp-gallery-wrapper.product-page-gallery-container {
        border-radius: 0 !important;
        overflow: visible !important;
    }
    
    /* Swiper wrapper'ın sabit yüksekliğini kaldır */
    .swiper-wrapper {
        height: auto !important;
        min-height: auto !important;
        align-items: flex-start !important;
    }
    
    /* Swiper slide'ların sabit yüksekliğini kaldır */
    .swiper-slide {
        height: auto !important;
        min-height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Gallery image container'ı düzenle */
    .gallery-image-container {
        height: auto !important;
        min-height: auto !important;
        aspect-ratio: unset !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }
    
    /* Ana resim container'ını düzenle */
    .product-page-gallery-main {
        aspect-ratio: unset !important;
        height: auto !important;
        min-height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 0 !important;
        display: block !important;
    }
    
    /* Resimleri container'a tam sığdır */
    .product-page-gallery-main img,
    .gallery-main-image {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: none !important;
        display: block !important;
    }
    
    /* Swiper container'larını düzenle */
    .main-gallery-swiper {
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
    
    .main-gallery-swiper .swiper-slide {
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
    }
    
    /* Thumbnail'ları düzenle */
    .product-page-gallery-thumbs {
        padding: 15px 0 !important;
        margin: 0 !important;
    }
    
    /* Tüm galeri container'larından boşlukları kaldır */
    .pdp-gallery-wrapper,
    .product-page-gallery-container,
    .simple-swiper-gallery {
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (max-width: 768px) {
    .uf-auth-container {
        padding: 16px;
    }
    
    .uf-auth-card {
        padding: 32px 24px;
        border-radius: 16px;
    }
    
    .uf-auth-title {
        font-size: 24px;
    }
    
    .uf-auth-input {
        padding: 12px 14px;
    }
    
    .uf-auth-btn {
        padding: 12px 18px;
    }
}

@media (max-width: 480px) {
    .uf-auth-card {
        padding: 24px 20px;
        border-radius: 12px;
    }
    
    .uf-auth-title {
        font-size: 20px;
    }
    
    .uf-auth-subtitle {
        font-size: 14px;
    }
    
    .uf-auth-input {
        padding: 12px 14px;
        font-size: 16px; /* Prevent zoom on iOS */
    }
    
    .uf-auth-btn {
        padding: 14px 18px;
        font-size: 16px; /* Prevent zoom on iOS */
    }
    
    .uf-auth-social-btn {
        font-size: 16px; /* Prevent zoom on iOS */
    }
}

@media (max-width: 480px) {
    .uf-google-signin-container .g_id_signin {
        height: 52px !important;
    }
    
    .uf-google-signin-disabled {
        height: 52px;
    }
    
    .uf-google-signin-disabled-text {
        font-size: 15px;
    }
}

@media (max-width: 991.98px) {
    /* Mobile favorite button */
    .favorite-btn {
        width: 30px;
        height: 30px;
        top: 8px;
        right: 8px;
        font-size: 12px;
    }
    
    /* Mobile notification */
    .alert.position-fixed {
        top: 10px;
        right: 10px;
        left: 10px;
        min-width: auto;
        max-width: none;
    }
    
    /* Mobile product badges */
    .product-discount-badge {
        right: 10px;
    }
    
    /* Mobile featured product badge */
    .featured-product-badge {
        padding: 4px 6px;
        font-size: 9px;
        max-width: 70px;
        border-radius: 4px;
        gap: 2px;
    }
    
    .featured-product-badge i {
        font-size: 8px;
    }
    
    .featured-product-badge span {
        font-size: 9px;
    }
    
    /* Mobile awa-badge--featured */
    .awa-badge--featured {
        padding: 3px 8px !important;
        font-size: 10px !important;
    }
    
    .awa-badge--featured i {
        font-size: 9px !important;
    }
    
    .awa-badge--featured span {
        font-size: 10px !important;
    }
    
    /* Mobile product badge wrapper */
    .product-badge-wrapper {
        left: 4px;
        top: 4px;
        gap: 4px;
        z-index: 18;
    }
    
    /* Mobile top product image badges */
    .top-product-image-badge {
        padding: 3px 5px;
        font-size: 9px;
        max-width: 70px;
        border-radius: 4px;
    }
    
    /* Mobile discount type indicator */
    .discount-type-indicator {
        right: 10px;
        padding: 5px 8px;
        font-size: 11px;
        min-width: 60px;
        border-radius: 5px;
        justify-content: flex-end;
    }
    
    .discount-type-indicator .discount-amount {
        font-size: 11px;
    }
    
    .discount-type-indicator .discount-type-label {
        font-size: 9px;
    }
}

@media (max-width: 576px) {
    /* Small mobile favorite button */
    .favorite-btn {
        width: 28px;
        height: 28px;
        top: 6px;
        right: 6px;
        font-size: 11px;
    }
    
    .notification-badge {
        min-width: 16px;
        height: 16px;
        font-size: 10px;
        top: -5px;
        right: -5px;
    }
    
    /* Small mobile product badges */
    .product-discount-badge {
        right: 40px !important;
        font-size: 8px !important;
        padding: 2px 4px !important;
    }
    
    /* Small mobile featured product badge - daha da küçük */
    .featured-product-badge {
        padding: 3px 5px !important;
        font-size: 8px !important;
        max-width: 60px !important;
        border-radius: 3px !important;
        gap: 2px !important;
    }
    
    .featured-product-badge i {
        font-size: 7px !important;
    }
    
    .featured-product-badge span {
        font-size: 8px !important;
    }
    
    /* Small mobile awa-badge--featured */
    .awa-badge--featured {
        padding: 3px 7px !important;
        font-size: 9px !important;
    }
    
    .awa-badge--featured i {
        font-size: 8px !important;
    }
    
    .awa-badge--featured span {
        font-size: 9px !important;
    }
    
    /* Small mobile product badge wrapper */
    .product-badge-wrapper {
        left: 3px !important;
        top: 3px !important;
        gap: 3px !important;
    }
    
    /* Small mobile top product image badges */
    .top-product-image-badge {
        padding: 2px 4px !important;
        font-size: 8px !important;
        max-width: 60px !important;
        border-radius: 3px !important;
    }
    
    /* Small mobile discount type indicator */
    .discount-type-indicator {
        right: 10px !important;
        font-size: 7px !important;
        min-width: 25px !important;
        border-radius: 3px !important;
        justify-content: flex-end !important;
    }
    
    .discount-type-indicator .discount-amount {
        font-size: 7px !important;
    }
    
    .discount-type-indicator .discount-type-label {
        font-size: 5px !important;
    }
    
    /* Video badge styles moved to main section */
}

/* =========================
   AWA Modern Compact Badges
   ========================= */
.new-pc__img-wrapper {
  position: relative;
  overflow: visible;
}

/* Badge dock: üst üste gelme ve köşe kesilmesini önle */
.awa-product-badge-dock {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 12px;
  z-index: 25;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: nowrap;
  gap: 10px;
  pointer-events: none;
  max-width: calc(100% - 22px);
  min-width: 0;
}

.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 6px;
  pointer-events: none;
  min-width: 0;
}

/* Sol: sağa min 120px alan bırak, çakışma önlenir */
.awa-product-badge-dock__left {
  flex: 1 1 0%;
  min-width: 0;
  max-width: min(50%, calc(100% - 120px)) !important;
  flex-wrap: wrap;
  flex-direction: row;
}

/* Sağ: indirim/video badge, flex-wrap ile taşarsa alta insin */
.awa-product-badge-dock__right {
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-width: 0;
  max-width: calc(100% - 10px);
}

/* Base badge - Modern minimal design */
.awa-badge {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.1px !important;
  text-transform: none !important;
  white-space: nowrap !important;
  max-width: 160px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #111 !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.awa-badge i {
  font-size: 9px !important;
  line-height: 1 !important;
}

/* Badge component output (text) */
.awa-badge.product-badge_text {
  padding: 3px 7px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  max-width: 160px !important;
  white-space: nowrap !important;
}

/* Badge component output (image) */
.awa-badge.image-badge {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.awa-badge.image-badge img.product-badge {
  max-height: 26px !important;
  max-width: 110px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 4px !important;
  display: block !important;
}

/* Special badges */
.awa-badge--featured {
  background: linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FF8C00 100%) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 215, 0, 0.3) !important;
  box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4), 0 0 12px rgba(255, 165, 0, 0.3) !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  position: relative !important;
  overflow: hidden !important;
  animation: featured-glow 2s ease-in-out infinite alternate !important;
}

.awa-badge--featured::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: featured-shine 3s infinite;
  pointer-events: none;
}

.awa-badge--featured i {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  font-size: 10px !important;
}

.awa-badge--featured span {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

@keyframes featured-glow {
  0% {
    box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4), 0 0 12px rgba(255, 165, 0, 0.3);
  }
  100% {
    box-shadow: 0 2px 12px rgba(255, 215, 0, 0.6), 0 0 18px rgba(255, 165, 0, 0.5);
  }
}

@keyframes featured-shine {
  0% {
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
  }
  100% {
    transform: translateX(100%) translateY(100%) rotate(45deg);
  }
}

.awa-badge--more {
  background: rgba(17, 17, 17, 0.9) !important;
  color: #fff !important;
  border-color: rgba(17, 17, 17, 0.15) !important;
}

.awa-badge--video {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #111 !important;
}

/* Discount badges - Modern design */
.awa-badge--discount {
  gap: 4px !important;
  padding: 3px 8px !important;
  font-weight: 700 !important;
}

.awa-badge--discount .awa-badge__value {
  font-weight: 800 !important;
  font-size: 12px !important;
}

.awa-badge--discount .awa-badge__label {
  font-weight: 600 !important;
  font-size: 10px !important;
  opacity: 0.95 !important;
}

.awa-badge--discount-web {
  background: #c32929 !important;
  color: #fff !important;
  border-color: rgba(0, 128, 79, 0.2) !important;
}

.awa-badge--discount-cart {
  background: #0066cc !important;
  color: #fff !important;
  border-color: rgba(0, 102, 204, 0.2) !important;
}

.awa-badge--discount-sale {
  background: #ff7a00 !important;
  color: #fff !important;
  border-color: rgba(255, 122, 0, 0.2) !important;
}

/* Bottom badge row: tek satır, taşma yapmasın */
.awa-badge-row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
}

.awa-badge-row::-webkit-scrollbar {
  height: 4px;
}

.awa-badge-row::-webkit-scrollbar-track {
  background: transparent;
}

.awa-badge-row::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.awa-badge-row::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.15);
}

.awa-badge-row__item {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
}

/* New badge images container styling */
.new-badge-images {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
}

.new-badge-images::-webkit-scrollbar {
  height: 4px;
}

.new-badge-images::-webkit-scrollbar-track {
  background: transparent;
}

.new-badge-images::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.new-badge-images .product_collection_badge {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.new-badge-images .product_collection_badge.image-badge {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.new-badge-images .product_collection_badge.image-badge img.product-badge {
  max-height: 24px !important;
  max-width: 120px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 4px !important;
  display: block !important;
}

.new-badge-images .product_collection_badge.product-badge_text {
  padding: 3px 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  .awa-product-badge-dock {
    top: 6px;
    left: 6px;
    right: 6px;
    gap: 6px;
  }

  .awa-product-badge-dock__left {
    max-width: 50% !important;
    gap: 4px;
  }

  .awa-product-badge-dock__right {
    gap: 4px;
  }

  .awa-badge {
    padding: 2px 6px !important;
    font-size: 10px !important;
    max-width: 130px !important;
    gap: 3px !important;
  }

  .awa-badge i {
    font-size: 8px !important;
  }

  .awa-badge.image-badge img.product-badge {
    max-height: 22px !important;
    max-width: 95px !important;
  }

  .awa-badge--discount {
    padding: 2px 7px !important;
  }

  .awa-badge--discount .awa-badge__value {
    font-size: 11px !important;
  }

  .awa-badge--discount .awa-badge__label {
    font-size: 9px !important;
  }

  .awa-badge-row,
  .new-badge-images {
    gap: 5px !important;
  }

  .new-badge-images .product_collection_badge.image-badge img.product-badge {
    max-height: 22px !important;
    max-width: 100px !important;
  }

  .new-badge-images .product_collection_badge.product-badge_text {
    padding: 2px 7px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 576px) {
  .awa-product-badge-dock {
    top: 4px;
    left: 4px;
    right: 4px;
    gap: 4px;
  }

  .awa-product-badge-dock__left {
    max-width: 50% !important;
    gap: 3px;
  }

  .awa-product-badge-dock__right {
    gap: 3px;
  }

  .awa-badge {
    padding: 2px 5px !important;
    font-size: 9px !important;
    max-width: 110px !important;
    gap: 2px !important;
  }

  .awa-badge i {
    font-size: 7px !important;
  }

  .awa-badge.image-badge img.product-badge {
    max-height: 20px !important;
    max-width: 85px !important;
  }

  .awa-badge--discount {
    padding: 2px 6px !important;
  }

  .awa-badge--discount .awa-badge__value {
    font-size: 10px !important;
  }

  .awa-badge--discount .awa-badge__label {
    font-size: 8px !important;
  }

  .awa-badge-row,
  .new-badge-images {
    gap: 4px !important;
    margin-top: 4px !important;
  }

  .new-badge-images .product_collection_badge.image-badge img.product-badge {
    max-height: 20px !important;
    max-width: 90px !important;
  }

  .new-badge-images .product_collection_badge.product-badge_text {
    padding: 2px 6px !important;
    font-size: 9px !important;
  }
}

@media (max-width: 375px) {
  .awa-product-badge-dock {
    top: 3px;
    left: 3px;
    right: 3px;
    gap: 3px;
  }

  .awa-product-badge-dock__left {
    max-width: 50% !important;
    gap: 2px;
  }

  .awa-badge {
    padding: 2px 4px !important;
    font-size: 8px !important;
    max-width: 100px !important;
  }

  .awa-badge.image-badge img.product-badge {
    max-height: 18px !important;
    max-width: 80px !important;
  }

  .awa-badge--discount .awa-badge__value {
    font-size: 9px !important;
  }

  .awa-badge--discount .awa-badge__label {
    font-size: 7px !important;
  }

  .new-badge-images .product_collection_badge.image-badge img.product-badge {
    max-height: 18px !important;
    max-width: 80px !important;
  }

  .new-badge-images .product_collection_badge.product-badge_text {
    padding: 2px 5px !important;
    font-size: 8px !important;
  }
}

@media (max-width: 768px) {
    .aside-filters {
        margin: 12px !important;
    }
    
    .aside-header {
        padding: 14px 16px !important;
    }
    
    .aside-content {
        padding: 16px !important;
    }
    
    /* Cart Drawer Mobile */
    .cart-drawer .btn {
        font-size: 14px !important;
        padding: 12px 18px !important;
        min-height: 44px !important;
    }
    
    .cart-drawer-item__title {
        font-size: 12px !important;
    }
    
    .cart-drawer-item__option {
        font-size: 10px !important;
    }
    
    .cart-ietm__price {
        font-size: 11px !important;
        padding: 3px 6px !important;
    }
    
    .modern-filter-title {
        padding: 10px 14px !important;
        font-size: 13px !important;
    }
    
    .modern-filter-content {
        padding: 10px 14px !important;
    }
    
    .modern-checkbox-wrapper {
        padding: 5px 6px !important;
        gap: 8px !important;
    }
    
    .modern-checkbox {
        width: 16px !important;
        height: 16px !important;
    }
    
    .modern-checkbox-label {
        font-size: 13px !important;
    }
    
    #filter-submit-btn {
        padding: 10px 16px !important;
        font-size: 13px !important;
    }
    
    .btn-link_f {
        padding: 6px 10px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 576px) {
    .aside-filters {
        margin: 8px !important;
    }
    
    .aside-header {
        padding: 12px 14px !important;
    }
    
    .aside-content {
        padding: 14px !important;
    }
    
    /* Cart Drawer Small Mobile */
    .cart-drawer .btn {
        font-size: 13px !important;
        padding: 10px 16px !important;
        min-height: 40px !important;
    }
    
    .cart-drawer-item__title {
        font-size: 11px !important;
    }
    
    .cart-drawer-item__option {
        font-size: 9px !important;
    }
    
    .cart-ietm__price {
        font-size: 10px !important;
        padding: 2px 4px !important;
    }
    
    .modern-filter-title {
        padding: 8px 12px !important;
        font-size: 12px !important;
    }
    
    .modern-filter-content {
        padding: 8px 12px !important;
    }
    
    .modern-checkbox-wrapper {
        padding: 4px 5px !important;
        gap: 6px !important;
    }
    
    .modern-checkbox {
        width: 14px !important;
        height: 14px !important;
    }
    
    .modern-checkbox-label {
        font-size: 12px !important;
    }
    
    #filter-submit-btn {
        padding: 8px 14px !important;
        font-size: 12px !important;
    }
    
    .btn-link_f {
        padding: 5px 8px !important;
        font-size: 10px !important;
    }
    
    .price-inputs .form-control {
        padding: 6px 8px !important;
        font-size: 12px !important;
    }
    
    .price-range__info {
        padding: 8px 10px !important;
    }
    
    .price-range__display {
        font-size: 12px !important;
    }
}

@media (max-width: 1024px) {
    .blog-container {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 0 16px;
    }
    
    .blog-sidebar {
        order: 2;
        position: relative;
        top: auto;
        max-height: none;
        padding: 20px 16px;
    }
    
    .blog-main {
        order: 1;
        padding: 20px 16px;
    }
    
    .simple-footer {
        padding: 20px;
    }
    
    /* Contact Page Responsive */
    .contact-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .contact-container {
        padding: 40px 24px;
    }
    
    .contact-page {
        padding: 40px 0;
    }
    
    .contact-title {
        font-size: 40px;
    }
    
    .contact-subtitle {
        font-size: 17px;
    }
}

@media (max-width: 768px) {
    .blog-page {
        padding: 16px 0;
    }
    
    .blog-container {
        padding: 0 12px;
        gap: 16px;
    }
    
    .blog-sidebar {
        padding: 16px;
        border-radius: 8px;
        order: 2;
        margin-top: 0;
    }
    
    .blog-sidebar-header {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    
    .blog-sidebar-title {
        font-size: 16px;
    }
    
    .blog-sidebar-title i {
        font-size: 15px;
    }
    
    .blog-sidebar-subtitle {
        font-size: 12px;
    }
    
    .blog-sidebar-search {
        margin-bottom: 14px;
        padding-bottom: 12px;
    }
    
    .blog-search-input {
        padding: 8px 10px 8px 32px;
        font-size: 13px;
    }
    
    .blog-search-icon {
        left: 10px;
        font-size: 13px;
    }
    
    .blog-sidebar-categories-title {
        font-size: 13px;
        margin-bottom: 10px;
    }
    
    .blog-sidebar-categories-list {
        gap: 5px;
    }
    
    .blog-sidebar-category {
        padding: 7px 10px;
        font-size: 12px;
        gap: 8px;
    }
    
    .blog-sidebar-category i {
        font-size: 12px;
        width: 14px;
    }
    
    .blog-category-count {
        padding: 2px 5px;
        font-size: 10px;
        min-width: 20px;
    }
    
    .blog-main {
        padding: 16px;
        border-radius: 8px;
        order: 1;
    }
    
    .blog-main-header {
        margin-bottom: 20px;
        padding-bottom: 12px;
    }
    
    .blog-main-title {
        font-size: 20px;
    }
    
    .blog-main-title i {
        font-size: 18px;
    }
    
    .blog-grid {
        margin-bottom: 24px;
    }
    
    .blog-grid .row {
        margin-left: -8px;
        margin-right: -8px;
    }
    
    .blog-grid [class*="col-"] {
        margin-bottom: 20px;
        padding-left: 8px;
        padding-right: 8px;
    }
    
    .blog-card {
        margin-bottom: 0;
        border-radius: 12px;
    }
    
    .blog-image-wrapper {
        height: 220px;
    }
    
    .blog-content {
        padding: 18px;
    }
    
    .blog-title {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.5;
    }
    
    .blog-excerpt {
        font-size: 13px;
        margin-bottom: 12px;
        line-height: 1.6;
    }
    
    .blog-meta {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-top: 14px;
    }
    
    .blog-date {
        font-size: 12px;
    }
    
    .blog-read-more {
        font-size: 12px;
    }
    
    .blog-badge {
        top: 10px;
        right: 10px;
        padding: 4px 10px;
        font-size: 11px;
    }
    
    .blog-detail-title {
        font-size: 20px;
    }
    
    .comment-form-wrapper {
        padding: 20px 16px;
    }
    
    .pagination .page-link {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    
    .contactpage {
        padding: 20px 0;
    }
    
    .contactpage-hero {
        padding: 32px 0;
        margin-bottom: 24px;
    }
    
    .contactpage-hero__title {
        font-size: 24px;
    }
    
    .contactpage-hero__title i {
        font-size: 22px;
    }
    
    .contactpage-hero__subtitle {
        font-size: 14px;
    }
    
    .contactpage-container {
        padding: 0 16px;
    }
    
    .contactpage-content {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 24px;
    }
    
    .contactpage-form-wrapper,
    .contactpage-info-wrapper,
    .contactpage-branches {
        padding: 20px 16px;
    }
    
    .contactpage-form-header {
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    
    .contactpage-form-title {
        font-size: 18px;
    }
    
    .contactpage-form-title i {
        font-size: 16px;
    }
    
    .contactpage-form-description {
        font-size: 12px;
    }
    
    .contactpage-form-row {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    
    .contactpage-form-group {
        gap: 6px;
    }
    
    .contactpage-form-label {
        font-size: 12px;
    }
    
    .contactpage-form-input,
    .contactpage-form-textarea {
        padding: 10px 12px;
        font-size: 14px;
    }
    
    .contactpage-form-textarea {
        min-height: 100px;
    }
    
    .contactpage-form-submit {
        padding: 12px 20px;
        font-size: 14px;
    }
    
    .contactpage-info-header {
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    
    .contactpage-info-title {
        font-size: 18px;
    }
    
    .contactpage-info-title i {
        font-size: 16px;
    }
    
    .contactpage-info-card {
        padding: 14px;
        gap: 10px;
    }
    
    .contactpage-info-icon {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    
    .contactpage-info-label {
        font-size: 12px;
        margin-bottom: 4px;
    }
    
    .contactpage-info-value,
    .contactpage-info-link {
        font-size: 13px;
    }
    
    .contactpage-branches {
        padding: 20px 16px;
        margin-top: 20px;
    }
    
    .contactpage-branches-header {
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    
    .contactpage-branches-title {
        font-size: 18px;
    }
    
    .contactpage-branches-title i {
        font-size: 16px;
    }
    
    .contactpage-branches-filter {
        gap: 10px;
        margin-bottom: 20px;
    }
    
    .contactpage-branches-select {
        padding: 10px 12px;
        font-size: 13px;
        min-width: 100%;
    }
    
    .contactpage-branches-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    
    .contactpage-branch-card {
        border-left-width: 3px;
    }
    
    .contactpage-branch-header {
        padding: 10px 14px;
        font-size: 14px;
    }
    
    .contactpage-branch-header i {
        font-size: 14px;
    }
    
    .contactpage-branch-body {
        padding: 14px;
    }
    
    .contactpage-branch-item {
        margin-bottom: 10px;
        font-size: 12px;
        gap: 8px;
    }
    
    .contactpage-branch-item i {
        width: 16px;
        font-size: 13px;
    }
    
    .contactpage-branch-hours {
        margin-top: 12px;
        padding-top: 12px;
    }
    
    .contactpage-branch-hours-title {
        font-size: 13px;
        margin-bottom: 8px;
    }
    
    .contactpage-branch-hours-content {
        font-size: 12px;
    }
    
    .contactpage-map {
        margin-top: 16px;
    }
    
    .bankapage-container {
        padding: 24px 16px;
    }
    
    .bankapage-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .bankapage-card {
        padding: 20px;
    }
    
    .simple-footer {
        padding: 15px;
    }
    
    /* Footer Social Media Responsive */
    .footer-social-links {
        gap: 10px;
    }
    
    .footer-social-link {
        width: 38px;
        height: 38px;
        font-size: 15px;
    }
    
    /* Contact Page Responsive */
    .contact-page {
        padding: 40px 0;
    }
    
    .contact-container {
        padding: 0 20px;
    }
    
    .contact-title {
        font-size: 36px;
    }
    
    .contact-subtitle {
        font-size: 16px;
    }
    
    .contact-header {
        margin-bottom: 48px;
        padding-bottom: 32px;
    }
    
    .contact-content {
        gap: 32px;
        margin-bottom: 60px;
    }
    
    .contact-form-section,
    .contact-info-section,
    .contact-branches-section {
        padding: 28px;
        border-radius: 12px;
    }
    
    .contact-section-title {
        font-size: 20px;
        margin-bottom: 24px;
    }
    
    .contact-form {
        gap: 20px;
    }
    
    .branch-filter {
        flex-direction: column;
        gap: 12px;
    }
    
    .branch-filter-select {
        min-width: 100%;
    }
    
    .branch-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    /* Blog Mobile Improvements */
    .blog-page {
        padding: 12px 0 16px 0;
    }
    
    .blog-container {
        padding: 0 10px;
        gap: 16px;
    }
    
    .blog-main {
        padding: 16px 12px;
        border-radius: 10px;
    }
    
    .blog-main-header {
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    
    .blog-main-title {
        font-size: 18px;
    }
    
    .blog-main-title i {
        font-size: 16px;
    }
    
    .blog-main-subtitle {
        font-size: 12px;
    }
    
    .blog-grid {
        margin-bottom: 20px;
    }
    
    .blog-grid .row {
        margin-left: -6px;
        margin-right: -6px;
    }
    
    .blog-grid [class*="col-"] {
        margin-bottom: 16px;
        padding-left: 6px;
        padding-right: 6px;
    }
    
    .blog-card {
        border-radius: 10px;
    }
    
    .blog-image-wrapper {
        height: 200px;
    }
    
    .blog-content {
        padding: 16px;
    }
    
    .blog-title {
        font-size: 15px;
        margin-bottom: 8px;
    }
    
    .blog-excerpt {
        font-size: 12px;
        margin-bottom: 10px;
    }
    
    .blog-meta {
        gap: 10px;
        padding-top: 12px;
    }
    
    .blog-date {
        font-size: 11px;
    }
    
    .blog-read-more {
        font-size: 11px;
    }
    
    .blog-badge {
        top: 8px;
        right: 8px;
        padding: 3px 8px;
        font-size: 10px;
    }
    
    .blog-sidebar {
        padding: 14px 12px;
        border-radius: 10px;
    }
    
    .blog-sidebar-title {
        font-size: 16px;
    }
    
    .blog-sidebar-title i {
        font-size: 15px;
    }
    
    .blog-sidebar-subtitle {
        font-size: 11px;
    }
    
    .blog-search-input {
        padding: 8px 10px 8px 32px;
        font-size: 12px;
    }
    
    .blog-sidebar-categories-title {
        font-size: 12px;
        margin-bottom: 8px;
    }
    
    .blog-sidebar-category {
        padding: 7px 10px;
        font-size: 11px;
    }
    
    .blog-category-count {
        font-size: 9px;
        padding: 1px 4px;
    }
}

@media (max-width: 480px) {
    .blog-page {
        padding: 12px 0 16px 0;
    }
    
    .blog-container {
        padding: 0 10px;
        gap: 16px;
    }
    
    .blog-main {
        padding: 16px 12px;
        border-radius: 10px;
    }
    
    .blog-main-header {
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    
    .blog-main-title {
        font-size: 18px;
        gap: 6px;
    }
    
    .blog-main-title i {
        font-size: 16px;
    }
    
    .blog-main-subtitle {
        font-size: 12px;
    }
    
    .blog-grid {
        margin-bottom: 20px;
    }
    
    .blog-grid .row {
        margin-left: -6px;
        margin-right: -6px;
    }
    
    .blog-grid [class*="col-"] {
        margin-bottom: 16px;
        padding-left: 6px;
        padding-right: 6px;
    }
    
    .blog-card {
        border-radius: 10px;
    }
    
    .blog-image-wrapper {
        height: 200px;
    }
    
    .blog-content {
        padding: 16px;
    }
    
    .blog-title {
        font-size: 15px;
        margin-bottom: 8px;
        line-height: 1.5;
    }
    
    .blog-excerpt {
        font-size: 12px;
        margin-bottom: 10px;
        line-height: 1.6;
    }
    
    .blog-meta {
        gap: 10px;
        padding-top: 12px;
    }
    
    .blog-date {
        font-size: 11px;
    }
    
    .blog-read-more {
        font-size: 11px;
    }
    
    .blog-badge {
        top: 8px;
        right: 8px;
        padding: 3px 8px;
        font-size: 10px;
    }
    
    .blog-sidebar {
        padding: 14px 12px;
        border-radius: 10px;
    }
    
    .blog-sidebar-header {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    .blog-sidebar-title {
        font-size: 16px;
        gap: 6px;
    }
    
    .blog-sidebar-title i {
        font-size: 15px;
    }
    
    .blog-sidebar-subtitle {
        font-size: 11px;
    }
    
    .blog-search-input {
        padding: 8px 10px 8px 32px;
        font-size: 12px;
    }
    
    .blog-sidebar-categories-title {
        font-size: 12px;
        margin-bottom: 8px;
    }
    
    .blog-sidebar-category {
        padding: 7px 10px;
        font-size: 11px;
        gap: 6px;
    }
    
    .blog-sidebar-category i {
        font-size: 11px;
        width: 14px;
    }
    
    .blog-category-count {
        font-size: 9px;
        padding: 1px 4px;
        min-width: 20px;
    }
    
    .blog-detail-title {
        font-size: 18px;
    }
    
    .blog-detail-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .pagination {
        gap: 2px;
    }
    
    .pagination .page-link {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }
    
    .simple-footer {
        padding: 10px;
    }
    
    /* Footer Social Media Responsive */
    .footer-social-links {
        gap: 8px;
    }
    
    .footer-social-link {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    
    .footer-social-title {
        font-size: 14px;
        margin-bottom: 12px;
    }
    
    /* Contact Page Responsive */
    .contact-page {
        padding: 32px 0;
    }
    
    .contact-container {
        padding: 0 16px;
    }
    
    .contact-title {
        font-size: 32px;
    }
    
    .contact-subtitle {
        font-size: 15px;
    }
    
    .contact-header {
        margin-bottom: 40px;
        padding-bottom: 24px;
    }
    
    .contact-content {
        gap: 24px;
        margin-bottom: 48px;
    }
    
    .contact-form-section,
    .contact-info-section,
    .contact-branches-section {
        padding: 24px 20px;
        border-radius: 12px;
    }
    
    .contact-section-title {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .contact-form {
        gap: 18px;
    }
    
    .contact-form-input,
    .contact-form-textarea {
        padding: 12px 16px;
        font-size: 14px;
        border-radius: 8px;
    }
    
    .contact-form-textarea {
        min-height: 120px;
    }
    
    .contact-form-btn {
        padding: 14px 24px;
        font-size: 15px;
    }
    
    .contact-info-item {
        padding: 16px;
        gap: 14px;
    }
    
    .contact-info-icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }
    
    .branch-header {
        padding: 16px 20px;
        font-size: 13px;
    }
    
    .branch-content {
        padding: 15px;
    }
    
    .branch-info-item {
        font-size: 12px;
        margin-bottom: 10px;
    }
    
    .branch-hours-title {
        font-size: 12px;
    }
    
    .branch-hours-content {
        font-size: 11px;
    }
} 

@media (max-width: 768px) {
    .uomo-header-search {
        min-width: 260px;
        max-width: 320px;
        padding: 8px 12px;
    }
    
    .uomo-header-search-input {
        font-size: 13px;
    }
    
    .uomo-header-search-input::placeholder {
        font-size: 13px;
    }
    
    .uomo-header-search-btn {
        min-width: 28px;
        height: 28px;
        padding: 5px;
    }
    
    .uomo-header-search-btn svg {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 576px) {
    .uomo-header-search {
        min-width: 200px;
        max-width: 280px;
        padding: 6px 10px;
    }
    
    .uomo-header-search-input {
        font-size: 12px;
    }
    
    .uomo-header-search-input::placeholder {
        font-size: 12px;
    }
    
    .uomo-header-search-btn {
        min-width: 24px;
        height: 24px;
        padding: 4px;
    }
    
    .uomo-header-search-btn svg {
        width: 12px;
        height: 12px;
    }
}

@media (max-width: 768px) {
    .uomo-header-search-results {
        max-height: 300px;
    }
    
    .uomo-search-result-item {
        padding: 10px 12px;
        gap: 10px;
    }
    
    .uomo-search-result-image {
        width: 36px;
        height: 36px;
    }
    
    .uomo-search-result-title {
        font-size: 13px;
    }
    
    .uomo-search-result-price {
        font-size: 12px;
    }
    
    .uomo-suggestion-tag {
        font-size: 11px;
        padding: 5px 10px;
    }
}

@media (max-width: 576px) {
    .uomo-header-search-results {
        max-height: 250px;
    }
    
    .uomo-search-result-item {
        padding: 8px 10px;
        gap: 8px;
    }
    
    .uomo-search-result-image {
        width: 32px;
        height: 32px;
    }
    
    .uomo-search-result-title {
        font-size: 12px;
    }
    
    .uomo-search-result-category {
        font-size: 11px;
    }
    
    .uomo-search-result-price {
        font-size: 11px;
    }
    
    .uomo-suggestion-tag {
        font-size: 10px;
        padding: 4px 8px;
    }
}

  @media (max-width: 991px) {
    .product__options {
      margin-top: 20px;
      padding-top: 0px; } }

  @media (max-width: 991px) {
    .product__colors {
      padding-top: 18px; } }

    @media (max-width: 991px) {
      .product__available-colors li {
        width: 20px;
        height: 20px;
        padding: 3px; } }

      @media (max-width: 991px) {
        .product__available-colors li a {
          width: 12px;
          height: 12px; } }

  @media (max-width: 991px) {
    .product__image-colors {
      margin: -3px 0px -2px 0px; } }

    @media (max-width: 991px) {
      .product__image-colors li {
        width: 85px;
        margin: 12px 11px 8px 2px;
       } }

  @media (max-width: 991px) {
    .product__current-color {
      font-size: 13px; } }

  @media (max-width: 991px) {
    .product__sizes {
      margin-top: 18px; } }

    @media (max-width: 991px) {
      .product__sizes select {
        font-size: 13px;
        padding: 8px 60px 8px 15px; } }

    @media (max-width: 991px) {
      .product__sizes:after {
        font-size: 13px;
        right: 15px; } }

  @media (max-width: 991px) {
    .product__sizes-2 {
      padding-top: 18px; } }

      @media (max-width: 991px) {
        .product__available-sizes li a {
          min-width: 26px;
          min-height: 26px;
          font-size: 9px;
          line-height: 1.667;
          padding: 5px 5px; 
        
        
        
        
        } }

  @media (max-width: 991px) {
    .product__current-size {
      font-size: 13px; } }

  @media (max-width: 991px) {
    .product__variants {
      margin-top: 30px;
      padding-top: 10px; } }

  @media (max-width: 991px) {
    .product__variant {
      padding: 15px 0px; } }

  @media (max-width: 991px) {
    .product-variant__image {
      margin-right: 15px; } }

  @media (max-width: 991px) {
    .product-variant__title {
      font-size: 13px;
      line-height: 1.3; } }

  @media (max-width: 991px) {
    .product-variant__price {
      font-size: 14px; } }

  @media (max-width: 991px) {
    .product-variant-price__old {
      font-size: 12px; } }

  @media (max-width: 991px) {
    .product-variant__quantity {
      width: 80px;
      min-width: 80px; } }

  @media (max-width: 991px) {
    .product-variant-quantity__title {
      font-size: 11px; } }

  @media (max-width: 991px) {
    .product-variant-quantity__minus {
      font-size: 10px;
      left: 10px; } }

  @media (max-width: 991px) {
    .product-variant-quantity__input {
      font-size: 13px;
      padding-left: 25px;
      padding-right: 25px;
      padding-top: 4px;
      padding-bottom: 4px; } }

  @media (max-width: 991px) {
    .product-variant-quantity__plus {
      font-size: 10px;
      right: 10px; } }

  @media (max-width: 991px) {
    .product-variants__subtotal {
      padding-top: 10px;
      font-size: 16px; } }

    @media (max-width: 991px) {
      .product-variants__subtotal span {
        font-size: 18px; } }

  @media (max-width: 991px) {
    .product__action {
      padding-top: 15px; } }

  @media (max-width: 991px) {
    .product__quantity {
      margin-top: 10px;
      width: 105px;
      min-width: 105px; } }

  @media (max-width: 991px) {
    .product-quantity__minus {
      font-size: 13px;
      left: 10px; } }

  @media (max-width: 991px) {
    .product-quantity__input {
      padding: 8px 30px 8px 30px;
      font-size: 13px; } }

  @media (max-width: 991px) {
    .product-quantity__plus {
      right: 10px;
      font-size: 13px; } }

    @media (max-width: 991px) {
      .shopping-cart {
        padding: 60px 0px 80px 0px; }
      
      
      
      
      
      }

    @media (max-width: 991px) {
      .shopping-cart .container .container {
        padding: 0px;
        max-width: none;
        margin: 0; } }

    @media (max-width: 1098px) {
      .shopping-cart__title {
        font-size: 40px; } }

    @media (max-width: 991px) {
      .shopping-cart__title {
        font-size: 26px;
        padding-bottom: 40px; } }

    @media (max-width: 1098px) {
      .shopping-cart__container {
        padding-right: 20px; } }

    @media (max-width: 991px) {
      .shopping-cart__container {
        padding-right: 0px; } }

      @media (max-width: 991px) {
        .shopping-cart__table thead tr th {
          font-size: 13px; } }

    @media (max-width: 991px) {
      .cart-product__title {
        font-size: 14px; } }

    @media (max-width: 991px) {
      .cart-product__variant {
        font-size: 12px; } }

      @media (max-width: 991px) {
        .cart-product__action a {
          font-size: 11px; } }

    @media (max-width: 991px) {
      .quantity-field__input {
        font-size: 14px; } }

    @media (max-width: 991px) {
      .cart-product__price {
        font-size: 14px; } }

    @media (max-width: 991px) {
      .shopping-cart__discount {
        padding: 20px 25px 25px 25px; } }

    @media (max-width: 991px) {
      .discount__title {
        font-size: 18px; } }

    @media (max-width: 991px) {
      .discount__icon {
        display: none; } }

    @media (max-width: 991px) {
      .discount__input {
        padding-left: 15px; } }

    @media (max-width: 991px) {
      .discount__submit {
        font-size: 13px; } }

  @media (max-width: 991px) {
    .shopping-cart__order-summary {
      margin-top: 50px; } 
    
    }

    @media (max-width: 991px) {
      .order-summary__background {
        padding: 35px 30px; } }

    @media (max-width: 991px) {
      .order-summary__title {
        font-size: 18px; } }

    @media (max-width: 991px) {
      .summary-subtotal__title {
        font-size: 14px; } }

    @media (max-width: 991px) {
      .summary-subtotal__price {
        font-size: 14px; } }

    @media (max-width: 991px) {
      .summary-total__title {
        font-size: 16px; } }

    @media (max-width: 991px) {
      .summary-total__price {
        font-size: 18px; } }

    @media (max-width: 991px) {
      .accept-payment-methods__title {
        font-size: 14px; } }

  @media (max-width: 575px) {
    .dashboard-profile .dash-profile li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
  }

  @media (max-width: 575px) {
    .dashboard-profile .dash-profile li .left {
        width: auto;
        margin-right: 10px;
    }
  
    [dir="rtl"] .dashboard-profile .dash-profile li .left {
        margin-right: 0;
        margin-left: 10px;
    }
  }

  @media (max-width: 767px) {
    .payment-card-detail .edit-card {
        display: none;
    }
  }

  @media (max-width: 767px) {
    .edit-card-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px;
    }
  
    .edit-card-mobile a {
        padding: 0 10px;
        text-transform: capitalize;
        color: #212529;
    }
  }

      @media (max-width: 991px) {
        .shopping-cart {
          padding: 60px 0px 80px 0px; } }

      @media (max-width: 991px) {
        .shopping-cart .container .container {
          padding: 0px;
          max-width: none;
          margin: 0; } }

      @media (max-width: 1098px) {
        .shopping-cart__title {
          font-size: 40px; } }

      @media (max-width: 991px) {
        .shopping-cart__title {
          font-size: 26px;
          padding-bottom: 40px; } }

      @media (max-width: 1098px) {
        .shopping-cart__container {
          padding-right: 20px; } }

      @media (max-width: 991px) {
        .shopping-cart__container {
          padding-right: 0px; } }

        @media (max-width: 991px) {
          .shopping-cart__table thead tr th {
            font-size: 13px; } }

      @media (max-width: 991px) {
        .cart-product__title {
          font-size: 14px; } }

      @media (max-width: 991px) {
        .cart-product__variant {
          font-size: 12px; } }

        @media (max-width: 991px) {
          .cart-product__action a {
            font-size: 11px; } }

      @media (max-width: 991px) {
        .quantity-field__input {
          font-size: 14px; } }

      @media (max-width: 991px) {
        .cart-product__price {
          font-size: 14px; } }

      @media (max-width: 991px) {
        .shopping-cart__discount {
          padding: 20px 25px 25px 25px; } }

      @media (max-width: 991px) {
        .discount__title {
          font-size: 18px; } }

      @media (max-width: 991px) {
        .discount__icon {
          display: none; } }

      @media (max-width: 991px) {
        .discount__input {
          padding-left: 15px; } }

      @media (max-width: 991px) {
        .discount__submit {
          font-size: 13px; } }

    @media (max-width: 991px) {
      .shopping-cart__order-summary {
        margin-top: 50px; } }

      @media (max-width: 991px) {
        .order-summary__background {
          padding: 35px 30px; } }

      @media (max-width: 991px) {
        .order-summary__title {
          font-size: 18px; } }

      @media (max-width: 991px) {
        .summary-subtotal__title {
          font-size: 14px; } }

      @media (max-width: 991px) {
        .summary-subtotal__price {
          font-size: 14px; } }

      @media (max-width: 991px) {
        .summary-total__title {
          font-size: 16px; } }

      @media (max-width: 991px) {
        .summary-total__price {
          font-size: 18px; } }

      @media (max-width: 991px) {
        .accept-payment-methods__title {
          font-size: 14px; } }

    @media (max-width: 991px) {
      .blog-with-sidebar {
        padding: 0px 0px 85px 0px; } }

    @media (max-width: 991px) {
      .blog-with-sidebar .container .container {
        padding: 0px;
        max-width: none;
        margin: 0; } }

      @media (max-width: 991px) {
        .promo-article__image a img {
          min-height: 300px; } }

    @media (max-width: 1098px) {
      .promo-article__details {
        bottom: 50px; } }

    @media (max-width: 991px) {
      .promo-article__details {
        bottom: 25px; } }

    @media (max-width: 991px) {
      .promo-article__meta {
        padding: 0px 0px 9px 0px; } }

      @media (max-width: 991px) {
        .promo-article__meta li {
          font-size: 13px; } }

    @media (max-width: 1098px) {
      .promo-article__title {
        font-size: 30px;
        line-height: 38px; } }

    @media (max-width: 991px) {
      .promo-article__title {
        font-size: 18px;
        line-height: 24px; } }

    @media (max-width: 991px) {
      .blog-newsletter {
        padding: 70px 0px; } }

    @media (max-width: 1098px) {
      .blog-newsletter__title {
        font-size: 30px; } }

    @media (max-width: 991px) {
      .blog-newsletter__title {
        font-size: 24px;
        padding: 0px 0px 20px 0px; } }

    @media (max-width: 991px) {
      .blog-newsletter__submit {
        font-size: 14px; } }

    @media (max-width: 991px) {
      .blog-with-sidebar__left {
        padding-top: 25px !important; } }

    @media (max-width: 991px) {
      .blog-article-2__meta {
        padding-top: 10px; } }

      @media (max-width: 991px) {
        .blog-article-2__meta li {
          font-size: 11px; } }

    @media (max-width: 1098px) {
      .blog-article-2__title {
        font-size: 21px; } }

    @media (max-width: 991px) {
      .blog-article-2__title {
        font-size: 18px; } }

    @media (max-width: 991px) {
      .blog-article-2__description {
        font-size: 14px;
        line-height: 24px; } }

    @media (max-width: 1098px) {
      #main .blog__articles--type-2 {
        margin: 0px -15px; } }

      @media (max-width: 1098px) {
        #main .blog__articles--type-2 > div {
          padding: 0px 15px; } }

      @media (max-width: 991px) {
        #main .blog__articles--type-2 .blog-article {
          margin-top: 45px; } }

    @media (max-width: 767px) {
      .blog-article-3 {
        flex-wrap: wrap;
        padding-top: 45px; } }

    @media (max-width: 1098px) {
      .blog-article-3__image {
        margin-right: 30px; } }

    @media (max-width: 767px) {
      .blog-article-3__image {
        width: 100%;
        min-width: 100%;
        margin: 0px 0px 15px 0px; } }

    @media (max-width: 991px) {
      .blog-article-3__meta {
        padding-top: 5px; } }

      @media (max-width: 991px) {
        .blog-article-3__meta li {
          font-size: 11px; } }

    @media (max-width: 1098px) {
      .blog-article-3__title {
        font-size: 21px; } }

    @media (max-width: 991px) {
      .blog-article-3__title {
        font-size: 18px; } }

    @media (max-width: 991px) {
      .standard-pagination {
        margin-top: 45px; } }

        @media (max-width: 991px) {
          .standard-pagination li a {
            font-size: 13px;
            padding: 5px 12px; } }

    @media (max-width: 1098px) {
      .blog-with-sidebar__right {
        padding-left: 25px !important; } }

    @media (max-width: 991px) {
      .blog-with-sidebar__right {
        padding-left: 15px !important;
        padding-top: 15px !important; } }

    @media (max-width: 991px) {
      .blog-widget {
        padding-top: 50px; } }

    @media (max-width: 1098px) {
      .blog-widget__title {
        font-size: 18px; } }

    @media (max-width: 991px) {
      .blog-widget__title {
        font-size: 17px; } }

        @media (max-width: 991px) {
          .blog-widget__socials li a {
            width: 36px;
            height: 36px;
            line-height: 34px;
            font-size: 16px; } }

    @media (max-width: 991px) {
      .popular-post__category {
        font-size: 11px; } }

    @media (max-width: 991px) {
      .popular-post__title {
        font-size: 16px; } }

  @media (max-width: 991px) {
    .blog-widget .instagram_feed {
      padding-top: 30px; } }

    @media (max-width: 991px) {
      .blog {
        padding: 0px 0px 70px 0px; } }

    @media (max-width: 991px) {
      .blog .container .container {
        padding: 0px;
        max-width: none;
        margin: 0; } }

    @media (max-width: 1098px) {
      .blog__title {
        font-size: 40px; } }

    @media (max-width: 991px) {
      .blog__title {
        padding: 60px 0px 25px 0px;
        font-size: 26px; } }

    @media (max-width: 991px) {
      .blog__description {
        padding: 0px 0px 50px 0px; } }

      @media (max-width: 1098px) {
        .blog__featured-articles .slick-dots {
          padding: 0px 50px; } }

      @media (max-width: 991px) {
        .blog__featured-articles .slick-dots {
          display: none !important; } }

    @media (max-width: 1098px) {
      .featured-article__image img {
        height: 470px; } }

    @media (max-width: 991px) {
      .featured-article__image img {
        height: 60vw; } }

    @media (max-width: 991px) {
      .featured-article__details {
        left: 25px;
        bottom: 25px;
        right: 25px; } }

    @media (max-width: 991px) {
      .featured-article__meta {
        padding: 0px 0px 9px 0px; } }

      @media (max-width: 991px) {
        .featured-article__meta li {
          font-size: 13px; } }

    @media (max-width: 991px) {
      .featured-article__title {
        font-size: 18px;
        line-height: 24px; } }

    @media (max-width: 991px) {
      .blog__latest-articles {
        padding: 60px 0px 0px 0px; } }

      @media (max-width: 991px) {
        .blog__latest-articles .slick-prev {
          top: -25px; } }

      @media (max-width: 991px) {
        .blog__latest-articles .slick-next {
          top: -25px; } }

      @media (max-width: 1098px) {
        .blog__latest-articles .slick-list {
          margin: 0px -15px; } }

        @media (max-width: 1098px) {
          .blog__latest-articles .slick-list .slick-slide {
            padding: 0px 15px; } }

      @media (max-width: 991px) {
        .blog__latest-articles .our-journal__post {
          margin-top: 45px; } }

    @media (max-width: 991px) {
      .latest-articles {
        padding-bottom: 60px; } }

    @media (max-width: 991px) {
      .blog__categories-and-search {
        display: block;
        padding-top: 60px;
        padding-bottom: 20px; } }

      @media (max-width: 991px) {
        .blog__categories li {
          padding: 0px 25px 10px 0px; } }

    @media (max-width: 991px) {
      .blog__search {
        width: 100%;
        margin: 20px 0px 0px 0px; } }

    @media (max-width: 1098px) {
      .blog__articles {
        margin: 0px -15px; } }

      @media (max-width: 1098px) {
        .blog__articles > div {
          padding: 0px 15px; } }

    @media (max-width: 991px) {
      .blog-article {
        margin-top: 45px;
        margin-bottom: 0px; } }

    @media (max-width: 991px) {
      .blog-article__meta {
        padding-top: 10px; } }

      @media (max-width: 991px) {
        .blog-article__meta li {
          font-size: 11px; } }

    @media (max-width: 1098px) {
      .blog-article__title {
        font-size: 21px; } }

    @media (max-width: 991px) {
      .blog-article__title {
        font-size: 18px; } }

    @media (max-width: 991px) {
      .blog__load-more {
        padding-top: 60px; } }

      @media (max-width: 991px) {
        .blog__load-more .sixth-button {
          padding: 7px 30px; } }

@media (max-width: 768px) {
    .cookie-banner__content {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }
    
    .cookie-banner__actions {
        justify-content: center;
    }
    
    .cookie-settings-modal__content {
        margin: 10px;
        max-height: calc(100vh - 20px);
    }
    
    .cookie-settings-modal__footer {
        flex-direction: column;
    }
    
    .cookie-settings-modal__footer .cookie-banner__btn {
        width: 100%;
    }
    
    .cookie-category__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .cookie-category__toggle {
        align-self: flex-end;
    }
}

  @media (max-width: 576px) {
    .account-page .modal-footer {
      flex-direction: column;
      align-items: stretch;
    }
  
    .account-page .modal-footer .btn {
      width: 100%;
      text-align: center;
    }
  }

  @media (max-width: 768px) {
    .account-page .account-container {
        grid-template-columns: 1fr;
    }
  
    .account-page .address-item {
        flex: 1 1 100%;
    }
  
    .account-page .overview-section .overview-cards {
        flex-direction: column;
    }
  }

@media (max-width: 768px) {
    .product-thumbnail-gallery {
        bottom: 6px;
        left: 6px;
        right: 6px;
        gap: 4px;
        padding: 0;
    }
    
    .product-thumbnail-item {
        width: 30px;
        height: 30px;
        min-height: 30px;
        max-height: 30px;
        border-radius: 6px;
    }
}

@media (max-width: 480px) {
    .product-thumbnail-gallery {
        bottom: 4px;
        left: 4px;
        right: 4px;
        gap: 3px;
        padding: 0;
    }
    
    .product-thumbnail-item {
        width: 26px;
        height: 26px;
        min-height: 26px;
        max-height: 26px;
        border-radius: 6px;
        border: 2px solid rgba(255, 255, 255, 0.9);
    }
}

@media (max-width: 768px) {
    .fl-main-container {
        top: 16px;
        right: 16px;
        left: 16px;
        max-width: none;
        width: auto;
        align-items: stretch;
    }
    
    .fl-flasher {
        min-width: auto;
        max-width: none;
        width: 100%;
        border-radius: 10px;
        transform: translateY(-20px) scale(0.95);
    }
    
    .fl-flasher.fl-show {
        transform: translateY(0) scale(1);
    }
    
    .fl-content {
        padding: 16px 18px;
        gap: 12px;
    }
    
    .fl-icon {
        width: 22px;
        height: 22px;
        font-size: 11px;
    }
    
    .fl-title {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .fl-message {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .fl-main-container {
        top: 12px;
        right: 12px;
        left: 12px;
    }
    
    .fl-flasher {
        border-radius: 8px;
    }
    
    .fl-content {
        padding: 14px 16px;
        gap: 10px;
    }
    
    .fl-icon {
        width: 20px;
        height: 20px;
    }
    
    .fl-title {
        font-size: 13px;
    }
    
    .fl-message {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .uomo-color-tooltip,
    .product-page-color-tooltip {
        font-size: 11px;
        padding: 3px 6px;
        bottom: 8px;
    }
    
    .checkout-login-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .checkout-login-btn,
    .checkout-guest-btn {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
    
    .guest-form-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .team-content-header {
        margin-bottom: 1.5rem;
        padding: 1rem 0;
    }
    
    .team-content-header h3 {
        font-size: 1.5rem;
    }
    
    .team-content-header p {
        font-size: 0.875rem;
    }
    
    .team-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
        margin-bottom: 1.5rem;
    }
    
    .team-product-card {
        padding: 1rem;
    }
    
    .team-product-header {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    
    .team-product-prices {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }
    
    .team-product-controls {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }
    
    .team-summary {
        padding: 1rem;
        margin-bottom: 1.5rem;
    }
    
    .team-summary-content {
        flex-direction: column;
        gap: 0.75rem;
        text-align: center;
    }
    
    .team-summary-price {
        font-size: 1.25rem;
    }
    
    .team-actions {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }
    
    .team-actions .team-quantity-selector {
        flex-direction: column !important;
        gap: 0.75rem !important;
        width: 100% !important;
        min-width: auto !important;
        padding: 1rem !important;
    }
    
    .team-actions .team-quantity-selector .team-qty-selector {
        max-width: 100% !important;
        justify-content: center !important;
        min-width: auto !important;
    }
    
    .team-actions .team-quantity-selector .team-quantity-label {
        text-align: center !important;
        font-size: 1rem !important;
    }
    
    .team-action-buttons {
        width: 100%;
        flex-direction: column;
    }
    
    .team-btn {
        width: 100%;
        padding: 1rem;
        font-size: 1.125rem;
    }
}

@media (max-width: 480px) {
    .team-product-header {
        margin-bottom: 0.75rem;
    }
    
    .team-product-name {
        font-size: 1rem;
    }
    
    .team-price-value {
        font-size: 0.875rem;
    }
    
    .team-total-value {
        font-size: 1rem;
    }
    
    .team-summary-info h4 {
        font-size: 1.125rem;
    }
    
    .team-summary-price {
        font-size: 1.125rem;
    }
}

@media (max-width: 768px) {
    .team-content-section .team-actions .team-quantity-selector {
        flex-direction: column !important;
        gap: 0.75rem !important;
        width: 100% !important;
        min-width: auto !important;
        padding: 1rem !important;
    }
    
    .team-content-section .team-actions .team-quantity-selector .team-qty-selector {
        max-width: 100% !important;
        justify-content: center !important;
        min-width: 160px !important;
        margin: 0 auto !important;
    }
    
    .team-content-section .team-actions .team-quantity-selector .team-quantity-label {
        text-align: center !important;
        font-size: 1rem !important;
    }
}

@media (max-width: 768px) {
    /* Sadece tablet'te değişen özellikler - temel stiller user-account.css'te */
    .new-variant-content {
        gap: 3px; /* user-account.css'teki 8px'den 3px'e düşür */
    }
    
    .new-product-title {
        font-size: 1.05rem; /* user-account.css'teki 1.1rem'den tablet için 1.05rem */
    }
    
    .color-swatch {
        width: 18px; /* user-account.css'teki 20px'den 18px'e */
        height: 18px;
    }
    
    .new-price-with-discount {
        gap: 5px !important; /* user-account.css'teki 8px'den 5px'e */
        flex-wrap: nowrap;
    }
    
    .price-values {
        max-width: none; /* flex ile kontrol edilecek */
    }
    
    .new-new-price,
    .new-old-price {
        white-space: nowrap; /* Taşma önleme */
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .favorite-btn-price {
        width: 28px; /* user-account.css'teki 32px'den 28px'e */
        height: 28px;
        font-size: 1rem; /* user-account.css'teki 1.2rem'den 1rem'e */
        margin-left: 2px !important;
    }
    
    /* İndirim Badge - Tablet */
    .new-discount-badge {
        padding: 5px 8px !important; /* Padding'i biraz küçült */
        font-size: 9px !important; /* Font'u küçült */
        flex-shrink: 0 !important; /* Badge'in küçülmesini önle */
        max-width: 60px !important; /* Badge'in maksimum genişliğini sınırla */
        min-width: 45px !important; /* Minimum genişlik belirle */
        white-space: nowrap !important; /* Metni tek satırda tut */
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    .discount-badge-line-1 {
        font-size: 9px !important;
        line-height: 1.1 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .discount-badge-line-2 {
        font-size: 8px !important; /* Biraz küçült */
        line-height: 1.1 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    /* Sadece mobilde değişen özellikler - temel stiller user-account.css'te */
    .new-variant-content {
        gap: 2px; /* user-account.css'teki 8px'den 2px'e düşür */
    }
    
    .new-product-title,
    .new-product-title a {
        font-size: 0.95rem !important; /* mobilde okunaklı (~15px) */
        line-height: 1.35 !important;
    }
    
    .color-swatch {
        width: 16px; /* user-account.css'teki 20px'den 16px'e */
        height: 16px;
    }
    
    .new-price-with-discount {
        gap: 4px !important; /* user-account.css'teki 8px'den 4px'e */
        flex-wrap: nowrap;
    }
    
    .new-new-price {
        font-size: 1.05rem; /* user-account.css'teki 1rem'den mobil için 1.05rem */
    }
    
    .favorite-btn-price {
        width: 24px; /* user-account.css'teki 32px'den 24px'e */
        height: 24px;
        font-size: 0.9rem; /* user-account.css'teki 1.2rem'den 0.9rem'e */
        margin-left: 2px !important;
    }
    
    /* İndirim Badge - Mobil */
    .new-discount-badge {
        padding: 4px 6px !important; /* Padding'i küçült */
        font-size: 8px !important; /* Font'u daha da küçült */
        border-radius: 4px !important;
        flex-shrink: 0 !important; /* Badge'in küçülmesini önle */
        max-width: 50px !important; /* Badge'in maksimum genişliğini sınırla */
        min-width: 40px !important; /* Minimum genişlik belirle */
        white-space: nowrap !important; /* Metni tek satırda tut */
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    .discount-badge-line-1 {
        font-size: 8px !important;
        line-height: 1.1 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .discount-badge-line-2 {
        font-size: 7px !important; /* Daha da küçült */
        line-height: 1.1 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    /* Extra small mobile featured product badge */
    .featured-product-badge {
        padding: 3px 5px !important;
        font-size: 8px !important;
        max-width: 55px !important;
        border-radius: 3px !important;
        gap: 2px !important;
    }
    
    .featured-product-badge i {
        font-size: 7px !important;
    }
    
    .featured-product-badge span {
        font-size: 8px !important;
    }
    
    /* Extra small mobile awa-badge--featured */
    .awa-badge--featured {
        padding: 2px 6px !important;
        font-size: 8px !important;
    }
    
    .awa-badge--featured i {
        font-size: 7px !important;
    }
    
    .awa-badge--featured span {
        font-size: 8px !important;
    }
    
    /* Extra small mobile product badge wrapper */
    .product-badge-wrapper {
        left: 3px !important;
        top: 3px !important;
        gap: 3px !important;
    }
    
    /* Extra small mobile top product image badges */
    .top-product-image-badge {
        padding: 2px 4px !important;
        font-size: 8px !important;
        max-width: 55px !important;
        border-radius: 3px !important;
    }
}

@media (max-width: 768px) {
    .product-video-badge {
        font-size: 9px !important;
        padding: 3px 6px !important;
        min-width: 30px !important;
        max-width: 50px !important;
        right: 6px !important;
    }
    
    .product-video-badge i {
        font-size: 0.45rem !important;
    }
}

@media (max-width: 768px) {
    .bankapage-container {
        padding: 24px 16px;
    }
    
    .bankapage-header {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 32px;
        padding-bottom: 24px;
    }
    
    .bankapage-header-icon {
        width: 56px;
        height: 56px;
        font-size: 24px;
        border-radius: 14px;
    }
    
    .bankapage-header-text {
        padding-top: 0;
    }
    
    .bankapage-title {
        font-size: 26px;
    }
    
    .bankapage-subtitle {
        font-size: 14px;
    }
    
    .bankapage-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 24px;
    }
    
    .bankapage-card {
        padding: 20px;
        border-radius: 16px;
    }
    
    .bankapage-card-header {
        margin-bottom: 20px;
        padding-bottom: 16px;
        gap: 14px;
    }
    
    .bankapage-logo-wrapper {
        width: 56px;
        height: 56px;
        border-radius: 12px;
    }
    
    .bankapage-bank-name {
        font-size: 18px;
    }
    
    .bankapage-branch-name {
        font-size: 13px;
    }
    
    .bankapage-details {
        gap: 16px;
    }
    
    .bankapage-detail-label {
        font-size: 11px;
    }
    
    .bankapage-detail-label i {
        font-size: 12px;
    }
    
    .bankapage-detail-value {
        font-size: 14px;
        padding: 10px 14px;
    }
    
    .bankapage-iban-wrapper {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    
    .bankapage-iban-value {
        font-size: 13px;
        min-width: 100%;
        padding: 12px 16px;
        letter-spacing: 0.5px;
    }
    
    .bankapage-copy-btn {
        padding: 12px 18px;
        font-size: 12px;
        width: 100%;
        justify-content: center;
    }
    
    .bankapage-info {
        padding: 20px;
        gap: 14px;
        flex-direction: column;
        border-radius: 14px;
    }
    
    .bankapage-info-icon {
        width: 44px;
        height: 44px;
        font-size: 18px;
        border-radius: 10px;
    }
    
    .bankapage-info-title {
        font-size: 15px;
        margin-bottom: 6px;
    }
    
    .bankapage-info p {
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .modern-swiper,
    .google-reviews-compact-swiper,
    .google-reviews-minimal-swiper,
    .google-reviews-testimonial-swiper {
        padding: 0 16px 38px;
    }

    .google-review-card,
    .modern-review-card,
    .google-review-card-compact,
    .minimal-review-card,
    .testimonial-card,
    .google-review-item,
    .modern-review-item {
        padding: 18px 16px;
        border-radius: 16px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    }

    .testimonial-card {
        padding: 18px 16px;
    }

    .google-review-card__header,
    .compact-card-header,
    .minimal-header,
    .testimonial-author-section {
        gap: 10px;
        align-items: center;
    }

    .google-review-card__avatar,
    .compact-avatar,
    .minimal-avatar,
    .testimonial-avatar {
        width: 40px !important;
        height: 40px !important;
    }

    .google-review-card__author-name,
    .compact-author,
    .minimal-author-name,
    .testimonial-author-name {
        font-size: 0.9rem;
    }

    .google-review-card__rating,
    .compact-rating,
    .minimal-rating,
    .testimonial-rating {
        gap: 4px;
        flex-wrap: wrap;
    }

    .rating-number,
    .testimonial-rating-number {
        font-size: 0.75rem;
    }

    .google-review-card__text,
    .compact-text,
    .minimal-text,
    .testimonial-text,
    .google-review-item__text {
        font-size: 13px;
        line-height: 1.55;
    }

    .testimonial-quote-icon {
        font-size: 28px;
        top: 14px;
        left: 14px;
    }

    .minimal-review-card {
        min-height: auto;
    }

    .minimal-header {
        margin-bottom: 14px;
    }

    .minimal-content {
        margin-bottom: 16px;
    }

    .google-reviews-grid .row {
        margin-left: -6px;
        margin-right: -6px;
    }

    .google-reviews-grid .row > div {
        padding-left: 6px;
        padding-right: 6px;
        margin-bottom: 12px;
    }

    .google-reviews-list {
        gap: 0.75rem;
    }

    .swiper-progress {
        width: 82%;
        bottom: 12px;
    }
}

@media (max-width: 480px) {
    .modern-swiper,
    .google-reviews-compact-swiper,
    .google-reviews-minimal-swiper,
    .google-reviews-testimonial-swiper {
        padding-left: 12px;
        padding-right: 12px;
    }

    .google-review-card,
    .modern-review-card,
    .google-review-card-compact,
    .minimal-review-card,
    .testimonial-card,
    .google-review-item,
    .modern-review-item {
        padding: 16px 14px;
    }

    .testimonial-quote-icon {
        font-size: 24px;
        top: 12px;
        left: 12px;
    }

    .testimonial-author-section,
    .compact-card-header,
    .minimal-header,
    .google-review-card__header {
        gap: 8px;
    }

    .testimonial-avatar,
    .compact-avatar,
    .minimal-avatar,
    .google-review-card__avatar {
        width: 36px !important;
        height: 36px !important;
    }

    .testimonial-text,
    .compact-text,
    .minimal-text,
    .google-review-card__text,
    .google-review-item__text {
        font-size: 12.5px;
        line-height: 1.5;
    }

    .rating-number,
    .testimonial-rating-number {
        font-size: 0.7rem;
    }

    .minimal-text {
        -webkit-line-clamp: 4;
    }

    .minimal-nav-btn {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }

    .compact-nav-btn,
    .testimonial-nav-btn {
        width: 28px;
        height: 28px;
        font-size: 11px;
    }

    .swiper-progress {
        width: 88%;
        bottom: 8px;
    }
}

@media (max-width: 768px) {
    /* Thumbnail swiper'ı gizle - SADECE hide-thumbnails-mobile class'ı varsa */
    .hide-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .hide-thumbnails-mobile .uomo-thumbs-swiper {
        display: none !important;
    }
    
    /* show-thumbnails-mobile class'ı varsa thumbnail'ları göster */
    .show-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .show-thumbnails-mobile .uomo-thumbs-swiper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* product-page-gallery-thumbs ve product-page-gallery-thumb için görünürlük - TÜM selector'ları kapsayacak şekilde */
    .show-thumbnails-mobile .product-page-gallery-thumbs,
    .simple-swiper-gallery.show-thumbnails-mobile .product-page-gallery-thumbs,
    .uomo-unique-gallery-container.show-thumbnails-mobile .product-page-gallery-thumbs,
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .product-page-gallery-thumbs,
    .show-thumbnails-mobile.gallery-layout-thumbnails_left .product-page-gallery-thumbs,
    .show-thumbnails-mobile.gallery-layout-thumbnails_right .product-page-gallery-thumbs {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-direction: row !important;
        gap: 8px !important;
    }
    
    .show-thumbnails-mobile .product-page-gallery-thumb,
    .simple-swiper-gallery.show-thumbnails-mobile .product-page-gallery-thumb,
    .uomo-unique-gallery-container.show-thumbnails-mobile .product-page-gallery-thumb,
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .product-page-gallery-thumb,
    .show-thumbnails-mobile.gallery-layout-thumbnails_left .product-page-gallery-thumb,
    .show-thumbnails-mobile.gallery-layout-thumbnails_right .product-page-gallery-thumb {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-shrink: 0 !important;
    }
    
    .hide-thumbnails-mobile .product-page-gallery-thumbs,
    .hide-thumbnails-mobile .product-page-gallery-thumb {
        display: none !important;
    }
    
    /* Ana resim altındaki gereksiz boşlukları kaldır */
    .uomo-unique-gallery-container.simple-swiper-gallery {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Ana swiper altındaki boşluğu azalt */
    .uomo-main-swiper.product-page-main-swiper {
        margin-bottom: 0 !important;
        overflow: hidden !important;
        width: 100% !important;
    }
    
    /* Swiper wrapper mobilde tam genişlik */
    .uomo-main-swiper.product-page-main-swiper .swiper-wrapper {
        overflow: hidden !important;
        width: 100% !important;
    }
    
    /* Swiper slide mobilde tam genişlik ve taşma yok */
    .uomo-main-swiper.product-page-main-swiper .swiper-slide {
        width: 100% !important;
        flex-shrink: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        /* Mobilde touch desteği için */
        touch-action: pan-y pinch-zoom !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }
    
    /* Ana swiper container mobilde touch desteği */
    .uomo-main-swiper.product-page-main-swiper {
        touch-action: pan-x pan-y pinch-zoom !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Swiper wrapper mobilde touch desteği */
    .uomo-main-swiper.product-page-main-swiper .swiper-wrapper {
        touch-action: pan-x pan-y !important;
        display: flex !important;
        transition-timing-function: ease-out !important;
    }
    
    /* Swiper slide mobilde touch desteği - yatay kaydırma için */
    .uomo-main-swiper.product-page-main-swiper .swiper-slide {
        touch-action: pan-x pan-y pinch-zoom !important;
    }
    
    /* Zoom butonu mobilde görünür ve tıklanabilir */
    .uomo-main-swiper.product-page-main-swiper .uomo-zoom-button,
    .uomo-main-swiper.product-page-main-swiper .product-page-zoom-button,
    .uomo-main-swiper.product-page-main-swiper .pdp-gallery-zoom-btn-unique {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        z-index: 999 !important;
    }
    
    /* Navigation butonları mobilde görünür ve tıklanabilir */
    .uomo-main-swiper.product-page-main-swiper ~ .uomo-swiper-button-next,
    .uomo-main-swiper.product-page-main-swiper ~ .uomo-swiper-button-prev,
    .uomo-main-swiper.product-page-main-swiper ~ .product-page-swiper-nav,
    .uomo-main-swiper.product-page-main-swiper .uomo-swiper-button-next,
    .uomo-main-swiper.product-page-main-swiper .uomo-swiper-button-prev,
    .uomo-main-swiper.product-page-main-swiper .product-page-swiper-nav,
    .gallery-main-wrapper .uomo-swiper-button-next,
    .gallery-main-wrapper .uomo-swiper-button-prev,
    .gallery-main-wrapper .product-page-swiper-nav {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        z-index: 1001 !important;
        width: 40px !important;
        height: 40px !important;
    }
    
    /* Benzersiz zoom butonu mobilde */
    .simple-swiper-gallery .pdp-gallery-zoom-btn-unique,
    .uomo-gallery-image-container .pdp-gallery-zoom-btn-unique,
    .product-page-gallery-main .pdp-gallery-zoom-btn-unique {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        z-index: 999 !important;
        width: 48px !important;
        height: 48px !important;
    }
    
    /* Galeri wrapper'ın altındaki boşluğu kaldır */
    .pdp-gallery-wrapper.product-page-gallery-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
        border-radius: 0 !important;
    }
    
    /* Product Page Gallery Container - Border Radius Kaldır */
    .product-page-gallery-container,
    .pdp-gallery-wrapper.product-page-gallery-container {
        border-radius: 0 !important;
        overflow: visible !important;
    }
    
    /* Product Page Gallery Container içindeki tüm elementler */
    .product-page-gallery-container *,
    .pdp-gallery-wrapper.product-page-gallery-container * {
        border-radius: 0 !important;
    }
    
    /* Product New Gallery - Border Radius Kaldır */
    .product-new-gallery,
    .product-new-gallery *,
    .product-new-gallery-main-area,
    .product-new-gallery-main-img-wrapper,
    .product-new-gallery-main-img,
    .product-new-gallery-main-slide,
    .product-new-gallery-main-slide *,
    .product-new-gallery-main-img-wrapper *,
    .product-new-gallery-main-img img {
        border-radius: 0 !important;
    }
    
    /* Container sağ-sol padding'lerini azalt */
    .product-single .container {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    /* Row'un negatif margin'lerini kaldır */
    .product-single .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Ürün detay col'larının padding'lerini azalt */
    .product-single .row > [class*="col-"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    
    /* Ana galeri resim container'ının padding'ini azalt */
    .uomo-gallery-image-container.product-page-gallery-main {
        padding: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Swiper slide'ların margin'lerini azalt */
    .product-page-main-swiper .swiper-slide {
        margin-bottom: 0 !important;
        /* Mobilde slide'ların görünmesi için */
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
    }
    
    /* Galeri image container mobilde tam görünür */
    .uomo-gallery-image-container.product-page-gallery-main {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* Galeri resimleri mobilde tam görünür */
    .uomo-gallery-main-image.product-page-gallery-main-image {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* PDPPanel üst boşluğunu azalt */
    .pdp-panel {
        margin-top: 30px !important;
        padding-top: 0 !important;
    }
    
    /* pdp-wrap padding'lerini kaldır */
    .pdp-wrap {
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
    }
    
    /* Bootstrap container ve row padding'lerini kaldır - Tekrar kontrol */
    .pdp-wrap .container,
    .product-page-container .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .pdp-wrap .row,
    .product-page-container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .pdp-wrap [class*="col-"],
    .product-page-container [class*="col-"],
    .pdp-gallery-wrapper [class*="col-"],
    .product-page-gallery-container [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }
    
    /* Row > * padding override - Gallery container'lar için */
    .pdp-wrap .row > *,
    .product-page-container .row > *,
    .pdp-gallery-wrapper .row > *,
    .product-page-gallery-container .row > * {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Row margin override - Gallery container'lar için */
    .pdp-wrap .row,
    .product-page-container .row,
    .pdp-gallery-wrapper .row,
    .product-page-gallery-container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 992px) {
    .team-products-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

@media (max-width: 768px) {
    .team-products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
    }

    .team-product-card {
        padding: 12px;
        gap: 12px;
    }

    .team-product-image {
        flex: 0 0 108px;
        height: 108px;
    }

    .team-product-name {
        font-size: 1rem;
    }
}

@media (max-width: 575px) {
    .team-product-card {
        flex-direction: row;
        align-items: flex-start;
    }

    .team-product-image {
        flex: 0 0 96px;
        height: 96px;
    }

    .team-price-item {
        padding: 0.5rem;
    }

    .team-product-prices {
        gap: 0.75rem;
        flex-direction: column;
    }
}

@media (max-width: 991px) {
    .team-content-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .team-products-column {
        max-height: none;
        overflow-y: visible;
        padding-right: 0;
    }
    
    .team-products-grid {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 16px;
    }
    
    .team-summary-sticky {
        position: static;
    }
}

@media (max-width: 767px) {
    /* Team content section için container padding azalt */
    #tab-team-content {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    #tab-team-content .container {
        padding-left: 4px;
        padding-right: 4px;
        max-width: 100%;
        overflow-x: hidden;
        width: 100%;
        box-sizing: border-box;
    }
    
    .team-content-section {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .team-content-layout {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .team-products-column,
    .team-summary-column {
        width: 100%;
        max-width: 100%;
        order: unset;
        padding-left: 0;
        padding-right: 0;
        min-width: 0;
        overflow-x: hidden;
    }
    
    .team-products-grid {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .team-summary-sticky {
        top: auto;
        box-shadow: 0 2px 10px rgba(17, 24, 39, 0.08);
        border-radius: 10px;
        padding: 16px;
    }
    
    .team-summary-header {
        margin: -16px -16px 12px -16px;
        padding: 14px 16px;
    }
    
    .team-summary-image {
        height: 160px;
        margin-top: 10px;
    }
    
    .team-summary-actions .team-btn {
        height: 48px;
        font-size: 15px;
    }
    
    .productdetail-team-card {
        flex-direction: row;
        align-items: flex-start;
        padding: 8px !important;
        gap: 10px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        box-sizing: border-box;
        overflow: hidden;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
    }
    
    .productdetail-team-card__media {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
        margin: 0;
        padding: 0;
        border-radius: 6px;
        overflow: hidden;
        flex-shrink: 0;
    }
    
    .productdetail-team-card__body {
        flex: 1;
        min-width: 0;
        padding: 0;
        gap: 6px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }
    
    .productdetail-team-card__image {
        width: 100%;
        height: 120px;
        margin: 0;
        border-radius: 6px;
        object-fit: cover;
    }
    
    .productdetail-team-card__image img {
        padding: 0 !important;
        border-radius: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    
    .productdetail-team-card__name {
        font-size: 13px;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: 4px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        hyphens: auto;
        font-weight: 600;
        color: #111;
    }
    
    .productdetail-team-card__qty-btn {
        width: 28px;
        height: 28px;
        font-size: 14px;
        flex-shrink: 0;
    }
    
    .productdetail-team-card__qty-selector {
        height: 28px;
        width: 100%;
        max-width: 100%;
        justify-content: space-between;
        min-width: 0;
    }
    
    .productdetail-team-card__qty-input {
        height: 28px;
        font-size: 12px;
        width: 40px;
        flex-shrink: 0;
    }
    
    .productdetail-team-card__dimensions {
        padding: 6px 8px;
        gap: 4px;
        font-size: 10px;
        margin-top: 0;
        margin-bottom: 4px;
        width: 100%;
        max-width: 100%;
    }
    .productdetail-team-card__dimension-key {
        width: 1.375rem;
        height: 1.375rem;
        font-size: 9px;
    }
    .productdetail-team-card__dimension-val {
        font-size: 10px;
    }
    
    .productdetail-team-card__prices {
        width: 100%;
        max-width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        padding: 0;
        margin-top: 0;
        margin-bottom: 6px;
        box-sizing: border-box;
    }
    
    .productdetail-team-card__price-item {
        background-color: #f8f9fa;
        border-radius: 4px;
        padding: 6px 8px;
        min-width: 0;
        box-sizing: border-box;
        border: 1px solid #e5e7eb;
    }
    
    .productdetail-team-card__price-label {
        font-size: 9px;
        line-height: 1.2;
        color: #6b7280;
        font-weight: 500;
    }
    
    .productdetail-team-card__price-value {
        font-size: 12px;
        line-height: 1.3;
        word-break: break-word;
        font-weight: 600;
        color: #111;
        margin-top: 2px;
    }
    
    .productdetail-team-card__controls {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        min-width: 0;
    }
}

@media (max-width: 576px) {
    /* Team content için container padding daha da azalt */
    #tab-team-content {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    #tab-team-content .container {
        padding-left: 2px;
        padding-right: 2px;
        max-width: 100%;
        overflow-x: hidden;
        width: 100%;
        box-sizing: border-box;
    }
    
    .team-content-section {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .team-content-layout {
        gap: 8px;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .team-products-grid {
        grid-template-columns: 1fr;
        gap: 6px;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }
    
    .team-product-card {
        padding: 8px;
    }
    
    .team-product-image {
        height: 120px;
    }
    
    .team-summary-sticky {
        padding: 10px;
    }
    
    .productdetail-team-card {
        flex-direction: row;
        align-items: flex-start;
        padding: 6px !important;
        gap: 8px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        box-sizing: border-box;
        overflow: hidden;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
    }
    
    .productdetail-team-card__media {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
        flex-shrink: 0;
    }
    
    .productdetail-team-card__body {
        flex: 1;
        min-width: 0;
        padding: 0;
        gap: 4px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
    }
    
    .productdetail-team-card__image {
        height: 100px;
        width: 100%;
        border-radius: 4px;
    }
    
    .productdetail-team-card__name {
        font-size: 12px;
        line-height: 1.3;
        margin-top: 0;
        margin-bottom: 3px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        font-weight: 600;
        color: #111;
    }
    
    .productdetail-team-card__prices {
        padding: 0;
        gap: 4px;
        margin-top: 0;
        margin-bottom: 4px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }
    
    .productdetail-team-card__price-item {
        padding: 4px 6px;
        min-width: 0;
        box-sizing: border-box;
        background-color: #f8f9fa;
        border: 1px solid #e5e7eb;
        border-radius: 4px;
    }
    
    .productdetail-team-card__dimensions {
        padding: 5px 6px;
        gap: 3px;
        font-size: 9px;
        margin-top: 0;
        margin-bottom: 3px;
        width: 100%;
        max-width: 100%;
    }
    .productdetail-team-card__dimension-key {
        width: 1.25rem;
        height: 1.25rem;
        font-size: 8px;
    }
    .productdetail-team-card__dimension-val {
        font-size: 9px;
    }
    
    .productdetail-team-card__price-label {
        font-size: 8px;
        line-height: 1.2;
        color: #6b7280;
        font-weight: 500;
    }
    
    .productdetail-team-card__price-value {
        font-size: 11px;
        line-height: 1.3;
        word-break: break-word;
        font-weight: 600;
        color: #111;
        margin-top: 2px;
    }
    
    .productdetail-team-card__qty-selector {
        margin-top: 0;
        width: 100%;
        max-width: 100%;
    }
    
    .productdetail-team-card__qty-btn {
        width: 26px;
        height: 26px;
        font-size: 13px;
    }
    
    .productdetail-team-card__qty-input {
        height: 26px;
        font-size: 11px;
        width: 36px;
    }
}

/* Bu kurallar zaten yukarıda mobil bölümünde (767.98px altı) tanımlı, çakışmayı önlemek için burada kaldırıldı */
/* Kategori Slider mobil kuralları satır 117-413 arasında mevcut */

@media (max-width: 992px) {
    .homepage-category-banner-slider {
        padding: 20px 0;
    }

    .homepage-category-banner-slider__swiper {
        padding-bottom: 15px;
    }

    .homepage-category-banner-slider__nav {
        display: none;
    }

    .homepage-category-banner-slider__item {
        min-height: 300px;
    }
}

@media (max-width: 576px) {
    .homepage-category-banner-slider__title {
        font-size: 1.6rem;
    }

    .homepage-category-banner-slider__item-title {
        font-size: 1rem;
    }

    .homepage-category-banner-slider__overlay {
        padding: 20px;
    }
}

@media (max-width: 420px) {
    .mobilemenu-bottom__account-icon {
        margin: 0;
    }

    .mobilemenu-bottom__account {
        align-items: flex-start;
    }

    .mobilemenu-bottom__account-body {
        align-items: center;
    }

    .mobilemenu-bottom__account-link {
        width: auto;
    }
}

@media (max-width: 768px) {
    .pdp-whatsapp-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .pdp-btn--whatsapp-order,
    .pdp-btn--whatsapp-info {
        width: 100%;
        min-width: 100%;
        padding: 10px 16px;
        font-size: 15px;
        border-radius: 12px;
    }
    
    .pdp-btn--whatsapp-order i,
    .pdp-btn--whatsapp-info i {
        font-size: 22px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .pdp-btn--whatsapp-order,
    .pdp-btn--whatsapp-info {
        min-width: 150px;
        padding: 10px 16px;
        font-size: 14px;
    }
}

/* ===========================================
   GENEL MOBİL DÜZENLEMELERİ - UYGULAMA BENZERİ
   =========================================== */

/* Touch-friendly minimum boyutlar */
@media (max-width: 768px) {
    /* Form elemanları için minimum boyut */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="number"],
    textarea,
    select {
        min-height: 44px;
        font-size: 16px; /* iOS zoom önleme */
        padding: 12px 5px;
    }
    
    /* Checkbox ve radio için minimum boyut */
    input[type="checkbox"],
    input[type="radio"] {
        min-width: 20px;
        min-height: 20px;
    }
    
    /* Genel spacing düzenlemeleri */
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* Product Gallery Container'lar için container padding override - EN ÖNCELİKLİ */
    .pdp-wrap .container,
    .product-page-container .container,
    .pdp-gallery-wrapper .container,
    .product-page-gallery-container .container,
    .product-new-gallery .container,
    .pdp-wrap .container-fluid,
    .product-page-container .container-fluid,
    .pdp-gallery-wrapper .container-fluid,
    .product-page-gallery-container .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Card spacing */
    .card,
    .product-card,
    .review-card {
        margin-bottom: 16px;
        padding: 16px;
    }
    
    /* Grid gap düzenlemeleri */
    .row {
        margin-left: -8px;
        margin-right: -8px;
    }
    
    .row > * {
        padding-left: 8px;
        padding-right: 8px;
    }
    
    /* Product Gallery için row padding'lerini kaldır - EN SPESİFİK VE ÖNCELİKLİ */
    .pdp-wrap .row,
    .product-page-container .row,
    .pdp-gallery-wrapper .row,
    .product-page-gallery-container .row,
    .product-new-gallery .row,
    .pdp-wrap .container .row,
    .product-page-container .container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }
    
    .pdp-wrap .row > *,
    .product-page-container .row > *,
    .pdp-gallery-wrapper .row > *,
    .product-page-gallery-container .row > *,
    .product-new-gallery .row > *,
    .pdp-wrap .row [class*="col-"],
    .product-page-container .row [class*="col-"],
    .pdp-gallery-wrapper .row [class*="col-"],
    .product-page-gallery-container .row [class*="col-"],
    .pdp-wrap .row > div,
    .product-page-container .row > div,
    .pdp-gallery-wrapper .row > div,
    .product-page-gallery-container .row > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }
    
    /* Product Gallery col'ları için padding yok */
    .pdp-wrap [class*="col-"],
    .product-page-container [class*="col-"],
    .pdp-gallery-wrapper [class*="col-"],
    .product-page-gallery-container [class*="col-"],
    .product-new-gallery [class*="col-"],
    .col-lg-8,
    .col-md-12,
    .col-sm-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Cart drawer ve aside için istisnalar */
    .cart-drawer button,
    .cart-drawer .btn,
    .cart-drawer a.btn,
    .aside button,
    .aside .btn,
    .aside a.btn,
    .aside_right button,
    .aside_right .btn,
    .aside_right a.btn {
        min-height: auto;
        min-width: auto;
        padding: inherit;
    }
}

/* ===========================================
   HEADER MOBİL DÜZENLEMELERİ - TEMİZLENMİŞ
   =========================================== */

@media (max-width: 991.98px) {
    /* Header Container */
    .header-mobile {
        height: 60px;
        min-height: 60px;
        padding: 0 16px;
        margin: 0;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        position: relative;
        z-index: 1030;
    }
    
    .header-mobile.header_sticky {
        position: relative !important;
        margin: 0 !important;
        padding: 0 16px !important;
        top: 0;
    }
    
    .header-mobile.header_sticky-active {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1030;
    }
    
    /* Container Layout */
    .header-mobile .container.d-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        height: 100%;
        width: 100%;
        padding: 0;
    }
    
    /* Logo - Ortada */
    .header-mobile .logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        z-index: 1;
        max-width: calc(100% - 180px);
        pointer-events: auto;
    }
    
    .header-mobile .logo a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    
    .header-mobile .logo__image {
        max-height: 32px;
        max-width: 100%;
        object-fit: contain;
    }
    
    /* Sol taraf - Menu Butonu */
    .mobile-nav-activator {
        width: 44px;
        height: 44px;
        min-width: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        position: relative;
        margin: 0 !important;
        margin-left: 0 !important;
        border: none;
        outline: none;
        background: transparent;
        cursor: pointer;
        z-index: 2;
        flex-shrink: 0;
    }
    
    .mobile-nav-activator:hover,
    .mobile-nav-activator:active,
    .mobile-nav-activator:focus {
        outline: none;
        border: none;
        background: transparent;
    }
    
    .mobile-nav-activator .nav-icon,
    .mobile-nav-activator .btn-close-lg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        transition: opacity 0.2s, visibility 0.2s;
    }
    
    .mobile-nav-activator .btn-close-lg {
        opacity: 0;
        visibility: hidden;
        display: none;
    }
    
    .mobile-menu-opened .mobile-nav-activator .nav-icon {
        opacity: 0;
        visibility: hidden;
        display: none;
    }
    
    .mobile-menu-opened .mobile-nav-activator .btn-close-lg {
        opacity: 1;
        visibility: visible;
        display: flex;
    }
    
    /* Sağ taraf - Tools Container */
    .header-mobile__tools {
        display: flex;
        align-items: center;
        gap: 2px;
        margin-left: auto;
        margin-right: 0 !important;
        z-index: 2;
        flex-shrink: 0;
    }
    
    /* Tool Items (User, Cart) */
    .header-mobile .header-tools__item {
        width: 44px;
        height: 44px;
        min-width: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        position: relative;
        z-index: 2;
        flex-shrink: 0;
        margin: 0;
    }
    
    /* Cart Badge - Mobil için turuncu/kırmızı renk ve doğru pozisyon */
    .header-mobile .cart-amount,
    .header-mobile .header-tools__cart .cart-amount {
        position: absolute !important;
        top: -2px !important;
        right: -2px !important;
        min-width: 20px !important;
        height: 20px !important;
        padding: 0 !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #ff5722 !important;
        color: #ffffff !important;
        border-radius: 50% !important;
        border: 2px solid #ffffff !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
        z-index: 1003 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none !important;
    }
    
    /* Navigation Menu */
    .header-mobile__navigation {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-height: calc(100vh - 60px);
        padding: 0;
        margin: 0;
        z-index: 1025;
        background: #fff;
        overflow-y: auto;
    }
    
    .header-mobile__navigation > .container {
        padding: 0;
        margin: 0;
        max-width: 100%;
        width: 100%;
    }
    
    .header-mobile__navigation .modern-mobile-search {
        padding: 16px 20px;
        margin: 0;
    }
    
    .header-mobile__navigation .search-field {
        padding: 0;
        margin: 0 0 16px 0;
    }
    
    .header-mobile__navigation .search-field.mt-4 {
        margin-top: 0;
    }
    
    .header-mobile__navigation .search-field.mb-3 {
        margin-bottom: 16px;
    }
    
    .header-mobile__navigation .search-field__input {
        min-height: 48px;
        font-size: 16px;
        padding: 12px 16px;
    }
    
    .header-mobile__navigation .navigation__link {
        padding: 16px 20px;
        font-size: 16px;
        min-height: 48px;
        display: flex;
        align-items: center;
    }
}

/* Küçük Mobil Ekranlar (576px ve altı) */
@media (max-width: 576px) {
    .header-mobile {
        height: 56px;
        min-height: 56px;
        padding: 0 12px;
    }
    
    .header-mobile .logo__image {
        max-height: 28px;
    }
    
    .mobile-nav-activator {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    
    .header-mobile .header-tools__item {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    
    .header-mobile .cart-amount,
    .header-mobile .header-tools__cart .cart-amount {
        min-width: 18px !important;
        height: 18px !important;
        font-size: 10px !important;
        top: -2px !important;
        right: -2px !important;
        background-color: #ff5722 !important;
    }
    
    .header-mobile__navigation {
        max-height: calc(100vh - 56px);
    }
}

/* ===========================================
   FOOTER MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .footer-top {
        padding-top: 40px;
        padding-bottom: 32px;
    }
    
    .footer-middle {
        padding-top: 32px;
        padding-bottom: 24px;
    }
    
    .footer-bottom {
        padding-top: 20px;
        padding-bottom: 16px;
    }
    
    .footer-column {
        margin-bottom: 32px;
    }
    
    .footer-column:last-child {
        margin-bottom: 0;
    }
    
    .footer__social-link {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 4px;
    }
    
    .footer-newsletter__form {
        flex-direction: column;
        gap: 12px;
    }
    
    .footer-newsletter__form input {
        width: 100%;
        min-height: 48px;
    }
    
    .footer-newsletter__form .btn {
        width: 100%;
        min-height: 48px;
    }
}

/* ===========================================
   NAVIGATION MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 991.98px) {
    /* Mobil menü sayfa wrapper */
    .header-mobile__navigation .mobile-menu-pages-wrapper {
        position: relative;
        width: 100%;
        min-height: 100%;
        overflow: hidden;
    }
    
    /* Mobil menü sayfa - wrapper içinde */
    .header-mobile__navigation .mobile-menu-pages-wrapper > .mobile-menu-page {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        background-color: #ffffff;
        transform: translateX(100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, visibility 0.3s ease;
        opacity: 0;
        visibility: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1;
    }
    
    .header-mobile__navigation .mobile-menu-pages-wrapper > .mobile-menu-page--active {
        position: relative;
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }
    
    .header-mobile__navigation .mobile-menu-pages-wrapper > .mobile-menu-page[data-page="main"] {
        position: relative;
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    
    /* Wrapper içindeki tüm sayfalar (main hariç) başlangıçta gizli */
    .header-mobile__navigation .mobile-menu-pages-wrapper > .mobile-menu-page:not([data-page="main"]):not(.mobile-menu-page--active) {
        position: absolute;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
    }
    
    /* Nested sayfalar için parent container */
    .header-mobile__navigation .mobile-menu-page {
        position: relative;
        width: 100%;
        min-height: 100%;
        background-color: #ffffff;
    }
    
    /* Nested sayfalar (alt menüler içindeki sayfalar) */
    .header-mobile__navigation .mobile-menu-page > .mobile-menu-page {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        background-color: #ffffff;
        transform: translateX(100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, visibility 0.3s ease;
        opacity: 0;
        visibility: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1;
    }
    
    .header-mobile__navigation .mobile-menu-page > .mobile-menu-page--active {
        position: absolute;
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }
    
    /* Geri butonu */
    .header-mobile__navigation .navigation__link--back {
        background-color: #fafafa;
        font-weight: 500;
        padding: 16px 20px;
        min-height: 48px;
        color: #111111;
        text-decoration: none;
    }
    
    .header-mobile__navigation .navigation__link--back svg {
        transform: rotate(180deg);
    }
    
    .header-mobile__navigation .navigation__list {
        flex-direction: column;
        position: relative;
        width: 100%;
    }
    
    .header-mobile__navigation .navigation__item {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        position: relative;
    }
    
    .header-mobile__navigation .navigation__item:last-child {
        border-bottom: none;
    }
    
    .header-mobile__navigation .navigation__link {
        width: 100%;
        padding: 16px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 48px;
        color: #111111;
        text-decoration: none;
    }
    
    /* Eski sub-menu yapısı - gizle */
    .header-mobile__navigation .sub-menu {
        display: none !important;
    }
}

/* ===========================================
   FORMLAR MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .form-group {
        margin-bottom: 20px;
    }
    
    .form-label {
        font-size: 14px;
        margin-bottom: 8px;
        display: block;
    }
    
    .form-control,
    .form-select {
        width: 100%;
        min-height: 48px;
        font-size: 16px;
        padding: 12px 16px;
        border-radius: 8px;
    }
    
    .form-check {
        margin-bottom: 16px;
        min-height: 24px;
        display: flex;
        align-items: center;
    }
    
    .form-check-input {
        width: 20px;
        height: 20px;
        margin-right: 8px;
    }
    
    .form-check-label {
        font-size: 15px;
        padding-left: 8px;
    }
    
    .input-group {
        flex-direction: column;
        gap: 12px;
    }
    
    .input-group .form-control,
    .input-group .btn {
        width: 100%;
    }
}

/* ===========================================
   MODAL VE POPUP MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .modal-dialog {
        margin: 0;
        max-width: 100%;
        height: 100%;
    }
    
    .modal-content {
        height: 100%;
        border-radius: 0;
        border: none;
    }
    
    .modal-header {
        padding: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        min-height: 60px;
    }
    
    .modal-title {
        font-size: 18px;
    }
    
    .modal-body {
        padding: 20px 16px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .modal-footer {
        padding: 16px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        flex-direction: column;
        gap: 12px;
    }
    
    .modal-footer .btn {
        width: 100%;
        min-height: 48px;
    }
    
    .btn-close {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
}

/* ===========================================
   TABLO MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    table {
        font-size: 14px;
    }
    
    th,
    td {
        padding: 12px 8px;
        min-width: 80px;
    }
    
    /* Tabloları kart görünümüne çevir */
    .table-mobile-card {
        display: block;
    }
    
    .table-mobile-card thead {
        display: none;
    }
    
    .table-mobile-card tbody,
    .table-mobile-card tr,
    .table-mobile-card td {
        display: block;
        width: 100%;
    }
    
    .table-mobile-card tr {
        margin-bottom: 16px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        padding: 12px;
    }
    
    .table-mobile-card td {
        border: none;
        padding: 8px 0;
        text-align: left;
    }
    
    .table-mobile-card td:before {
        content: attr(data-label) ": ";
        font-weight: 600;
        display: inline-block;
        min-width: 100px;
    }
}

/* ===========================================
   PAGINATION MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .pagination {
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
    }
    
    .page-link {
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        font-size: 15px;
    }
    
    .page-item:first-child .page-link,
    .page-item:last-child .page-link {
        min-width: 44px;
    }
}

/* ===========================================
   BREADCRUMB MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .breadcrumb {
        font-size: 13px;
        padding: 12px 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    
    .breadcrumb-item {
        display: inline-block;
    }
    
    .breadcrumb-item + .breadcrumb-item::before {
        padding: 0 8px;
    }
}

/* ===========================================
   ALERT VE NOTIFICATION MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .alert {
        padding: 16px;
        font-size: 14px;
        border-radius: 8px;
        margin-bottom: 16px;
    }
    
    .alert-dismissible .btn-close {
        width: 32px;
        height: 32px;
        padding: 0;
    }
    
    .toast {
        max-width: calc(100% - 32px);
        margin: 16px;
    }
    
    .toast-header,
    .toast-body {
        padding: 12px 16px;
    }
}

/* ===========================================
   DROPDOWN MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .dropdown-menu {
        min-width: 100%;
        max-width: 100%;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
    
    .dropdown-item {
        padding: 16px 20px;
        min-height: 48px;
        font-size: 15px;
        display: flex;
        align-items: center;
    }
    
    .dropdown-divider {
        margin: 8px 0;
    }
}

/* ===========================================
   ACCORDION MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .accordion-item {
        margin-bottom: 12px;
        border-radius: 8px;
        overflow: hidden;
    }
    
    .accordion-button {
        padding: 16px 20px;
        min-height: 56px;
        font-size: 15px;
    }
    
    .accordion-body {
        padding: 16px 20px;
        font-size: 14px;
    }
}

/* ===========================================
   TABS MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-bottom: 2px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 0;
    }
    
    .nav-tabs::-webkit-scrollbar {
        display: none;
    }
    
    .nav-tabs .nav-item {
        flex-shrink: 0;
        min-width: 120px;
    }
    
    .nav-tabs .nav-link {
        padding: 12px 16px;
        min-height: 48px;
        font-size: 14px;
        white-space: nowrap;
        border-radius: 8px 8px 0 0;
    }
    
    .tab-content {
        padding: 20px 16px;
    }
}

/* ===========================================
   BADGE VE LABEL MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .badge {
        font-size: 11px;
        padding: 4px 8px;
        min-height: 20px;
        display: inline-flex;
        align-items: center;
    }
    
    .badge-lg {
        font-size: 12px;
        padding: 6px 10px;
        min-height: 24px;
    }
}

/* ===========================================
   PROGRESS BAR MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .progress {
        height: 8px;
        border-radius: 4px;
    }
    
    .progress-bar {
        font-size: 11px;
        padding: 0 8px;
    }
}

/* ===========================================
   TOOLTIP VE POPOVER MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .tooltip {
        font-size: 12px;
    }
    
    .popover {
        max-width: calc(100% - 32px);
        font-size: 14px;
    }
    
    .popover-header {
        padding: 12px 16px;
        font-size: 15px;
    }
    
    .popover-body {
        padding: 12px 16px;
    }
}

/* ===========================================
   CAROUSEL VE SLIDER MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .carousel-control-prev,
    .carousel-control-next {
        width: 44px;
        height: 44px;
    }
    
    .carousel-indicators {
        margin-bottom: 12px;
    }
    
    .carousel-indicators [data-bs-target] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
    }
}

/* ===========================================
   UTILITY CLASSES MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    /* Display utilities */
    .d-mobile-none {
        display: none !important;
    }
    
    .d-mobile-block {
        display: block !important;
    }
    
    .d-mobile-flex {
        display: flex !important;
    }
    
    .d-mobile-inline {
        display: inline !important;
    }
    
    .d-mobile-inline-block {
        display: inline-block !important;
    }
    
    /* Spacing utilities */
    .m-mobile-0 {
        margin: 0 !important;
    }
    
    .p-mobile-0 {
        padding: 0 !important;
    }
    
    .mb-mobile-16 {
        margin-bottom: 16px !important;
    }
    
    .mt-mobile-16 {
        margin-top: 16px !important;
    }
    
    /* Text utilities */
    .text-mobile-center {
        text-align: center !important;
    }
    
    .text-mobile-left {
        text-align: left !important;
    }
    
    .text-mobile-right {
        text-align: right !important;
    }
    
    .fs-mobile-14 {
        font-size: 14px !important;
    }
    
    .fs-mobile-16 {
        font-size: 16px !important;
    }
}

/* ===========================================
   SAFE AREA INSETS (iOS NOTCH DESTEĞİ)
   =========================================== */

@supports (padding: max(0px)) {
    @media (max-width: 768px) {
        .header-mobile {
            padding-top: max(0px, env(safe-area-inset-top));
        }
        
        .footer {
            padding-bottom: max(16px, env(safe-area-inset-bottom));
        }
        
        .modal-content {
            padding-top: max(0px, env(safe-area-inset-top));
            padding-bottom: max(0px, env(safe-area-inset-bottom));
        }
    }
}

/* ===========================================
   PERFORMANS İYİLEŞTİRMELERİ
   =========================================== */

@media (max-width: 768px) {
    /* GPU acceleration */
    .header-mobile,
    .modal-content,
    .dropdown-menu,
    .navigation__list {
        transform: translateZ(0);
        will-change: transform;
    }
    
    /* Smooth scrolling */
    html {
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }
    
    /* Reduce animations on low-end devices */
    @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
        }
    }
}

/* ===========================================
   LANDSCAPE MODE DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) and (orientation: landscape) {
    .header-mobile {
        height: 50px;
        min-height: 50px;
    }
    
    .header-mobile__navigation {
        max-height: calc(100vh - 50px);
    }
    
    .modal-dialog {
        max-height: 90vh;
    }
    
    .modal-body {
        max-height: calc(90vh - 120px);
        overflow-y: auto;
    }
}

/* ===========================================
   ÇOK KÜÇÜK EKRANLAR (320px ve altı)
   =========================================== */

@media (max-width: 320px) {
    .container {
        padding-left: 8px;
        padding-right: 8px;
    }
    
    .header-mobile {
        padding: 0 12px;
    }
    
    .btn,
    button,
    .form-control {
        font-size: 14px;
        padding: 10px 12px;
    }
    
    .card,
    .product-card {
        padding: 12px;
    }
    
    h1 {
        font-size: 24px;
    }
    
    h2 {
        font-size: 20px;
    }
    
    h3 {
        font-size: 18px;
    }
}

/* ===========================================
   YÜKSEK ÇÖZÜNÜRLÜK MOBİL CİHAZLAR
   =========================================== */

@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
    .logo__image,
    .product-image img,
    .card-image img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* ===========================================
   CHECKOUT SAYFASI MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .checkout-form-row {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

@media (max-width: 1200px) {
    .checkout-section,
    .checkout-address-section,
    .checkout-shipping-section,
    .checkout-payment-section {
        padding: 20px;
    }
}

@media (max-width: 991.98px) {
    .checkout-section,
    .checkout-address-section,
    .checkout-shipping-section,
    .checkout-payment-section {
        padding: 16px;
        margin-bottom: 16px;
    }
    
    .checkout-section h2,
    .checkout-address-header h2,
    .checkout-shipping-section h2,
    .checkout-payment-section h2 {
        font-size: 16px;
    }
    
    .checkout-address-header {
        flex-direction: column;
        align-items: stretch;
    }
    
    .checkout-add-address-btn {
        justify-content: center;
        margin-top: 8px;
    }
    
    .checkout-form,
    .checkout-summary {
        margin-bottom: 20px;
    }
    
    .checkout-summary {
        position: relative;
        top: auto;
    }
}

@media (max-width: 767.98px) {
    .checkout-section,
    .checkout-address-section,
    .checkout-shipping-section,
    .checkout-payment-section {
        padding: 12px;
        margin-bottom: 12px;
        border-radius: 8px;
    }
    
    .checkout-address-item,
    .checkout-shipping-item,
    .checkout-payment-option {
        padding: 16px;
    }
    
    .checkout-form-row {
        gap: 12px;
    }
    
    .checkout-form-group input,
    .checkout-form-group textarea,
    .checkout-form-group select {
        padding: 10px 12px;
        font-size: 16px; /* Prevents zoom on iOS */
    }
    
    .checkout-form,
    .checkout-summary {
        padding: 20px;
    }
    
    .checkout-section-title {
        font-size: 18px;
    }
    
    .coupon-input-group {
        flex-direction: column;
    }
    
    .shipping-info,
    .payment-info {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .shipping-price {
        align-self: flex-end;
    }
}

@media (max-width: 575.98px) {
    .checkout-section,
    .checkout-address-section,
    .checkout-shipping-section,
    .checkout-payment-section {
        padding: 10px;
    }
    
    .checkout-container {
        padding: 0 10px;
    }
    
    .checkout-form,
    .checkout-summary {
        padding: 15px;
    }
}

/* ===========================================
   NEW CHECKOUT SAYFASI MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    .newcheckoutpage {
        padding: 10px;
    }
    
    .newcheckoutpage .payment-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        gap: 10px;
    }
    
    .newcheckoutpage .right-section {
        order: -1;
        margin-bottom: 10px;
        padding: 15px;
        border: none;
        position: static;
    }
    
    .newcheckoutpage .left-section {
        order: 1;
        padding: 15px;
        border: none;
    }
    
    .newcheckoutpage .step-navigation {
        padding: 15px;
        margin-bottom: 20px;
        flex-direction: column;
        gap: 15px;
    }
    
    .newcheckoutpage .step-item {
        flex-direction: row;
        gap: 10px;
    }
    
    .newcheckoutpage .step-item:not(:last-child)::after {
        display: none;
    }
    
    .newcheckoutpage .step-number {
        margin-bottom: 0;
    }
    
    .newcheckoutpage .section {
        margin-bottom: 20px;
    }
    
    .newcheckoutpage .address-list,
    .newcheckoutpage .shipping-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .newcheckoutpage .address-item,
    .newcheckoutpage .shipping-item {
        padding: 10px;
        min-height: 100px;
    }
    
    .newcheckoutpage .auth-options {
        flex-direction: column;
        gap: 8px;
    }
    
    .newcheckoutpage .step-buttons {
        flex-direction: column;
        gap: 10px;
    }
    
    .newcheckoutpage .step-buttons .btn {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .newcheckoutpage .payment-container {
        grid-template-columns: 1fr;
    }
    
    .newcheckoutpage .address-item,
    .newcheckoutpage .shipping-item {
        flex: 1 1 100%;
    }
    
    .newcheckoutpage .right-section {
        position: static;
    }
    
    .newcheckoutpage .order-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .newcheckoutpage .order-item img {
        width: 80px;
        height: 100px;
    }
    
    .newcheckoutpage .order-item-price {
        align-items: flex-start;
    }
}

/* ===========================================
   PRODUCT GALLERY MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 768px) {
    /* Two columns mobile */
    .gallery-layout-two_columns .gallery-two-columns {
        grid-template-columns: 1fr;
    }
    
    .gallery-layout-two_columns .gallery-column-item:first-child {
        grid-column: 1;
    }
    
    /* Thumbnails mobilde gizle (varsayılan) */
    .hide-thumbnails-mobile.gallery-layout-thumbnails_left .thumbnail-left-container,
    .hide-thumbnails-mobile.gallery-layout-thumbnails_right .thumbnail-right-container,
    .hide-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper {
        display: none !important;
    }
    
    /* Ana resim mobilde tam genişlik */
    .hide-thumbnails-mobile.gallery-layout-thumbnails_left .uomo-main-swiper,
    .hide-thumbnails-mobile.gallery-layout-thumbnails_right .uomo-main-swiper {
        width: 100% !important;
    }
    
    /* Thumbnails mobilde göster (seçiliyse) - Tüm layout'larda üstte ana resim, altta thumbnail'lar */
    .show-thumbnails-mobile.gallery-layout-thumbnails_left .gallery-main-wrapper,
    .show-thumbnails-mobile.gallery-layout-thumbnails_right .gallery-main-wrapper {
        flex-direction: column !important;
    }
    
    /* Ana resim üstte (order: 0) */
    .show-thumbnails-mobile.gallery-layout-thumbnails_left .uomo-main-swiper,
    .show-thumbnails-mobile.gallery-layout-thumbnails_right .uomo-main-swiper {
        display: block !important;
        width: 100% !important;
        order: 0 !important;
        margin-bottom: 15px !important;
        margin-top: 0 !important;
    }
    
    /* Thumbnail'lar altta (order: 1) - LEFT ve RIGHT layout'lar için */
    .show-thumbnails-mobile.gallery-layout-thumbnails_left .thumbnail-left-container,
    .show-thumbnails-mobile.gallery-layout-thumbnails_right .thumbnail-right-container {
        display: flex !important;
        width: 100% !important;
        max-height: 100px !important;
        order: 1 !important;
        flex-direction: row !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 0 !important;
        margin-top: 0 !important;
        -webkit-overflow-scrolling: touch;
    }
    
    .show-thumbnails-mobile.gallery-layout-thumbnails_left .thumbnail-left-container .thumbnail-slide,
    .show-thumbnails-mobile.gallery-layout-thumbnails_right .thumbnail-right-container .thumbnail-slide {
        width: 80px !important;
        height: auto !important;
        margin-right: 8px !important;
        margin-bottom: 0 !important;
        flex-shrink: 0 !important;
    }
    
    .show-thumbnails-mobile.gallery-layout-thumbnails_left .thumbnail-left-container .thumbnail-slide img,
    .show-thumbnails-mobile.gallery-layout-thumbnails_right .thumbnail-right-container .thumbnail-slide img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
    
    /* Thumbnails bottom layout - Mobilde hem ana resim hem thumbnails göster */
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-main-swiper,
    .simple-swiper-gallery.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-main-swiper,
    .uomo-unique-gallery-container.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-main-swiper {
        display: block !important;
        width: 100% !important;
        order: 0 !important;
        margin-bottom: 15px !important;
    }
    
    /* product-page-thumbnail-swiper için özel override - TÜM olası selector'ları kapsayacak şekilde */
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper,
    .simple-swiper-gallery.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .simple-swiper-gallery.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper,
    .uomo-unique-gallery-container.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .uomo-unique-gallery-container.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper,
    .show-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .show-thumbnails-mobile .uomo-thumbs-swiper {
        display: block !important;
        width: 100% !important;
        order: 1 !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: 80px !important;
        max-height: none !important;
    }
    
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper.product-page-thumbnail-swiper .swiper-wrapper,
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-wrapper,
    .simple-swiper-gallery.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-wrapper,
    .uomo-unique-gallery-container.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-wrapper,
    .show-thumbnails-mobile .uomo-thumbs-swiper .swiper-wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper.product-page-thumbnail-swiper .swiper-slide,
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-slide,
    .simple-swiper-gallery.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-slide,
    .uomo-unique-gallery-container.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-slide,
    .show-thumbnails-mobile .uomo-thumbs-swiper .swiper-slide {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 80px !important;
        height: auto !important;
        flex-shrink: 0 !important;
    }
    
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper.product-page-thumbnail-swiper .swiper-slide.thumbnail-slide,
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-slide.thumbnail-slide {
        width: 80px !important;
        height: auto !important;
    }
    
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper.product-page-thumbnail-swiper .swiper-slide img,
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-slide img,
    .simple-swiper-gallery.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-slide img,
    .uomo-unique-gallery-container.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-slide img,
    .show-thumbnails-mobile .uomo-thumbs-swiper .swiper-slide img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
    
    .show-thumbnails-mobile.gallery-layout-thumbnails_bottom .gallery-main-wrapper,
    .simple-swiper-gallery.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .gallery-main-wrapper,
    .uomo-unique-gallery-container.show-thumbnails-mobile.gallery-layout-thumbnails_bottom .gallery-main-wrapper {
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Grid columns mobile - Admin ayarlarına göre */
    /* ÖNEMLİ: Mobilde desktop class'larını tamamen override et */
    .products-grid,
    .products-grid.product-list-grid-desktop-2,
    .products-grid.product-list-grid-desktop-3,
    .products-grid.product-list-grid-desktop-4,
    .products-grid.product-list-grid-desktop-5,
    .products-grid.product-list-grid-desktop-6 {
        display: grid !important;
        flex-direction: row !important; /* user-account.css'deki flex-direction: column'u override et */
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        /* Desktop grid-template-columns'u sıfırla - mobil class'ları geçerli olacak */
        grid-template-columns: none !important;
    }
    
    /* Mobil class'ları - ProductDisplaySettings'ten gelen listing_columns_mobile ayarı */
    .products-grid.product-list-grid-mobile-1,
    .products-grid.product-list-grid-desktop-2.product-list-grid-mobile-1,
    .products-grid.product-list-grid-desktop-3.product-list-grid-mobile-1,
    .products-grid.product-list-grid-desktop-4.product-list-grid-mobile-1,
    .products-grid.product-list-grid-desktop-5.product-list-grid-mobile-1,
    .products-grid.product-list-grid-desktop-6.product-list-grid-mobile-1 {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    
    .products-grid.product-list-grid-mobile-2,
    .products-grid.product-list-grid-desktop-2.product-list-grid-mobile-2,
    .products-grid.product-list-grid-desktop-3.product-list-grid-mobile-2,
    .products-grid.product-list-grid-desktop-4.product-list-grid-mobile-2,
    .products-grid.product-list-grid-desktop-5.product-list-grid-mobile-2,
    .products-grid.product-list-grid-desktop-6.product-list-grid-mobile-2 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    
    .products-grid.product-list-grid-mobile-3,
    .products-grid.product-list-grid-desktop-2.product-list-grid-mobile-3,
    .products-grid.product-list-grid-desktop-3.product-list-grid-mobile-3,
    .products-grid.product-list-grid-desktop-4.product-list-grid-mobile-3,
    .products-grid.product-list-grid-desktop-5.product-list-grid-mobile-3,
    .products-grid.product-list-grid-desktop-6.product-list-grid-mobile-3 {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
    }
    
    /* Product card wrapper mobilde tam genişlik */
    .products-grid .product-card-wrapper {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    
    /* Product card içindeki elementlerin tam genişlikte görünmesi */
    .products-grid .product-card-wrapper > * {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }
    
    /* Kategori sayfası mobil padding düzeltmesi */
    .shop-main.container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .shop-main.container .products-grid {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
    }
    
    /* List layout mobile */
    .product-list-layout-list .product-card {
        flex-direction: column;
    }
    
    .product-list-layout-list .product-card-image {
        width: 100%;
    }
    
    /* Image orientation ve aspect ratio mobilde düzgün çalışmalı */
    .product-list-vertical.maintain-aspect-ratio .product-card-image img,
    .product-list-horizontal.maintain-aspect-ratio .product-card-image img,
    .product-list-square.maintain-aspect-ratio .product-card-image img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
    }
    
    /* Aspect ratio korunmadığında mobilde de sabit yükseklik kullanılabilir */
    .product-list-vertical:not(.maintain-aspect-ratio) .product-card-image img,
    .product-list-horizontal:not(.maintain-aspect-ratio) .product-card-image img,
    .product-list-square:not(.maintain-aspect-ratio) .product-card-image img {
        width: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
    }
    
    /* Product card image container mobilde tam genişlik */
    .product-card-image,
    .products-grid .product-card-image,
    .products-grid .product-card-wrapper .product-card-image {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    /* Tablet için grid ayarları */
    .products-grid.product-list-grid-desktop-5,
    .products-grid.product-list-grid-desktop-6 {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* ===========================================
   KATEGORİ SAYFASI - MASAÜSTÜ (769px+)
   =========================================== */
/* Filtre butonu - masaüstünde göster, mobilde gizle */
.filter-desktop-btn {
    display: none;
}

@media (min-width: 769px) {
    /* Masaüstünde ürün grid'inin kesinlikle grid olarak görünmesi */
    .shop-main .products-grid,
    .shop-main .products-grid.product-list-grid-desktop-2,
    .shop-main .products-grid.product-list-grid-desktop-3,
    .shop-main .products-grid.product-list-grid-desktop-4,
    .shop-main .products-grid.product-list-grid-desktop-5,
    .shop-main .products-grid.product-list-grid-desktop-6 {
        display: grid !important;
        flex-direction: unset !important;
        grid-template-columns: repeat(var(--grid-cols, 4), 1fr) !important;
        gap: 20px !important;
    }
    
    .shop-main .products-grid.product-list-grid-desktop-2 { --grid-cols: 2; }
    .shop-main .products-grid.product-list-grid-desktop-3 { --grid-cols: 3; }
    .shop-main .products-grid.product-list-grid-desktop-4 { --grid-cols: 4; }
    .shop-main .products-grid.product-list-grid-desktop-5 { --grid-cols: 5; }
    .shop-main .products-grid.product-list-grid-desktop-6 { --grid-cols: 6; }
    
    .shop-main .products-grid .product-card-wrapper {
        min-width: 0;
    }
    
    /* shop-main container masaüstünde tam genişlik */
    .shop-main.container {
        max-width: 1320px;
        padding-left: 24px;
        padding-right: 24px;
    }
    
    /* Filtre header masaüstünde satır düzeni */
    .shop-filter-section .filter-header {
        flex-direction: row !important;
        flex-wrap: nowrap;
        align-items: center;
        margin-bottom: 1.5rem;
    }
    
    .shop-filter-section .filter-header .sort-dropdown-wrapper {
        margin-left: auto;
    }
    
    .shop-filter-section .shop-title {
        font-size: 1.75rem;
        font-weight: 500;
    }
    
    .shop-filter-section .container {
        max-width: 1320px;
        padding-left: 24px;
        padding-right: 24px;
    }
    
    .shop-filter-section {
        padding: 2rem 0 1.5rem;
    }
}

/* 992px+: Temiz masaüstü - dropdown filtreleri gizle (--reference hariç, orada her zaman görünür) */
@media (min-width: 992px) {
    .shop-filter-section:not(.shop-filter-section--reference) .filter-row,
    .shop-filter-section:not(.shop-filter-section--reference) .filter-row-2 {
        display: none !important;
    }
    
    .filter-desktop-btn {
        display: inline-flex !important;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
        font-weight: 500;
        color: #222222;
        background: #ffffff;
        border: 1px solid #dee2e6;
        border-radius: 6px;
        cursor: pointer;
        transition: all 0.2s ease;
    }
    
    .filter-desktop-btn:hover {
        background: #f8f8f8;
        border-color: #222222;
        color: #222222;
    }
}

/* ===========================================
   ORDERS PAGE RESPONSIVE STYLES
   =========================================== */
@media (max-width: 768px) {
    .orders-page-header {
        padding: 20px;
        margin-bottom: 20px;
    }

    .orders-header-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .orders-header-icon {
        width: 50px;
        height: 50px;
    }

    .orders-header-icon svg {
        width: 24px;
        height: 24px;
    }

    .orders-page-title {
        font-size: 1.5rem;
    }

    .orders-page-description {
        font-size: 0.9375rem;
    }

    .order-card {
        padding: 20px;
    }

    .order-card-header {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .order-status-wrapper {
        width: 100%;
    }

    .order-status-badge {
        font-size: 0.8125rem;
        padding: 5px 10px;
    }

    .order-total {
        padding: 12px;
    }

    .order-total-value {
        font-size: 1.125rem;
    }

    .order-card-footer {
        flex-direction: column;
    }

    .order-action-btn {
        width: 100%;
        justify-content: center;
    }

    .orders-empty {
        padding: 40px 20px;
    }

    .orders-empty-icon {
        width: 60px;
        height: 60px;
    }

    .orders-empty-icon svg {
        width: 30px;
        height: 30px;
    }

    .orders-empty-title {
        font-size: 1.25rem;
    }

    .orders-empty-description {
        font-size: 0.9375rem;
    }
}

@media (max-width: 480px) {
    .orders-page-header {
        padding: 16px;
    }

    .orders-page-title {
        font-size: 1.25rem;
    }

    .order-card {
        padding: 16px;
    }

    .order-card-header {
        margin-bottom: 16px;
        padding-bottom: 16px;
    }

    .order-number-value {
        font-size: 1rem;
    }

    .order-date {
        font-size: 0.8125rem;
    }

    .order-total {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .orders-empty {
        padding: 32px 16px;
    }

    .orders-empty-title {
        font-size: 1.125rem;
    }
}

/* ===========================================
   FAVORITES PAGE RESPONSIVE STYLES
   =========================================== */
@media (max-width: 768px) {
    .favorites-page-header {
        padding: 20px;
        margin-bottom: 20px;
    }

    .favorites-header-content {
        flex-direction: column;
        gap: 16px;
    }

    .favorites-page-title {
        font-size: 1.5rem;
    }

    .favorites-page-description {
        font-size: 0.9375rem;
    }

    .favorites-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .favorite-card {
        padding: 12px;
    }

    .favorite-card-image {
        aspect-ratio: 4 / 3;
    }

    .product-title {
        font-size: 0.875rem;
    }

    .product-price {
        font-size: 0.875rem;
    }

    .product-actions {
        flex-direction: column;
        gap: 8px;
    }

    .add-to-cart-btn,
    .view-product-btn {
        width: 100%;
        padding: 10px;
        font-size: 0.8125rem;
    }

    .favorites-empty {
        padding: 40px 20px;
    }

    .favorites-empty-icon {
        width: 60px;
        height: 60px;
        font-size: 1.5rem;
    }

    .favorites-empty-title {
        font-size: 1.25rem;
    }
}

@media (max-width: 480px) {
    .favorites-grid {
        grid-template-columns: 1fr;
    }

    .favorite-card-image {
        aspect-ratio: 4 / 3;
    }

    .favorites-empty {
        padding: 32px 16px;
    }
}

/* ===========================================
   REVIEWS PAGE RESPONSIVE STYLES
   =========================================== */
@media (max-width: 768px) {
    .reviews-header {
        padding: 20px;
        margin-bottom: 20px;
    }

    .reviews-header__content {
        flex-direction: column;
        gap: 16px;
    }

    .reviews-header__icon {
        width: 50px;
        height: 50px;
    }

    .reviews-header__icon svg {
        width: 24px;
        height: 24px;
    }

    .reviews-header__title {
        font-size: 1.5rem;
    }

    .reviews-pending__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .reviews-pending__item {
        padding: 16px;
    }

    .reviews-existing__list {
        gap: 16px;
    }

    .reviews-existing__item {
        padding: 16px;
    }

    .reviews-existing__header {
        flex-direction: column;
        gap: 12px;
    }

    .reviews-existing__actions {
        width: 100%;
        justify-content: flex-end;
    }

    .reviews-empty {
        padding: 40px 20px;
    }

    .reviews-empty__icon {
        width: 60px;
        height: 60px;
    }

    .reviews-empty__icon svg {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 480px) {
    .reviews-header__title {
        font-size: 1.25rem;
    }

    .reviews-pending__item {
        padding: 12px;
    }

    .reviews-existing__item {
        padding: 12px;
    }

    .reviews-existing__actions {
        flex-direction: column;
    }

    .reviews-existing__edit,
    .reviews-existing__delete {
        width: 100%;
    }
}

/* ===========================================
   NOTIFICATIONS PAGE RESPONSIVE STYLES
   =========================================== */
@media (max-width: 768px) {
    .notifications-page-header {
        padding: 12px 14px;
        margin-bottom: 12px;
    }

    .notifications-header-content {
        flex-direction: column;
        gap: 10px;
    }

    .notifications-page-title {
        font-size: 1.125rem;
    }

    .notifications-page-description {
        font-size: 0.8125rem;
    }

    .notifications-header-actions {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }

    .notifications-header-actions .minimal-btn {
        flex: 1;
        min-width: 0;
        justify-content: center;
    }

    .notification-item {
        padding: 12px 14px;
    }

    .notification-header {
        flex-direction: column;
        gap: 10px;
    }

    .notification-actions {
        width: 100%;
        justify-content: flex-end;
        gap: 6px;
    }

    .notification-btn {
        padding: 6px 12px;
        font-size: 0.8125rem;
    }

    .notifications-empty {
        padding: 24px 16px;
    }

    .notifications-empty-icon {
        width: 40px;
        height: 40px;
    }

    .notifications-empty-icon svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 480px) {
    .notifications-page-header {
        padding: 10px 12px;
    }

    .notifications-page-title {
        font-size: 1rem;
    }

    .notification-item {
        padding: 10px 12px;
    }

    .notification-actions {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .notification-btn {
        flex: 1;
        min-width: 0;
        justify-content: center;
    }

    .notifications-empty {
        padding: 20px 12px;
    }
}

/* Modern About Category Styles - Responsive */
@media (max-width: 991px) {
    .aboutcategry {
        padding: 32px 0;
        margin: 24px 0;
    }
    
    .categryabout {
        max-height: 200px;
    }
    
    .categryabout p {
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 18px;
    }
}

@media (max-width: 767px) {
    .aboutcategry {
        padding: 24px 0;
        margin: 16px 0;
    }
    
    .categryabout {
        max-height: 180px;
    }
    
    .categryabout p {
        font-size: 14px;
        line-height: 1.65;
        margin-bottom: 16px;
    }
    
    .categryabout p strong {
        font-weight: 600;
    }
}

/* Footer Responsive Styles */
@media (max-width: 991px) {
    .simple-footer {
        padding: 40px 0 0 0;
        margin-top: 48px;
    }
    
    .simple-footer .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .footer-content {
        padding-bottom: 32px;
    }
    
    .footer-menu-column {
        margin-bottom: 24px;
        padding: 0 12px;
        overflow: visible;
        min-width: 0;
    }
    
    .footer-menu-title {
        font-size: 15px;
        margin-bottom: 12px;
        white-space: normal;
        word-wrap: break-word;
        overflow: visible;
    }
}

@media (max-width: 767px) {
    .simple-footer {
        padding: 32px 0 0 0;
        margin-top: 32px;
    }
    
    .simple-footer .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .footer-content {
        padding-bottom: 24px;
    }
    
    .footer-bottom {
        padding: 20px 0;
    }
    
    .footer-bottom .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .footer-menu-column {
        margin-bottom: 20px;
        padding: 0 8px !important;
        overflow: visible;
        min-width: 0;
    }
    
    .footer-menu-title {
        font-size: 13px;
        margin-bottom: 10px;
        white-space: normal;
        word-wrap: break-word;
        overflow: visible;
    }
    
    .footer-menu-item {
        margin-bottom: 4px;
        white-space: normal;
        word-wrap: break-word;
        overflow: visible;
    }
    
    .footer-menu-subitem {
        margin-bottom: 3px;
        white-space: normal;
        word-wrap: break-word;
        overflow: visible;
    }
    
    .footer-menu-link {
        font-size: 14px;
        line-height: 1.6;
        white-space: normal;
        word-wrap: break-word;
        overflow: visible;
        text-overflow: clip;
    }
    
    .footer-menu-sublink {
        font-size: 13px;
        line-height: 1.6;
        white-space: normal;
        word-wrap: break-word;
        overflow: visible;
        text-overflow: clip;
    }
    
    .footer-social-link {
        width: 38px;
        height: 38px;
        font-size: 15px;
    }
}

/* ===========================================
   HOMEPAGE HERO SLIDER - RESPONSIVE STYLES
   =========================================== */

/* Desktop Slider Styles - Container-fluid padding kaldırma (Tüm ekran boyutları için) */
/* 1. CONTAINER-FLUID PADDING KALDIRMA - EN ÖNEMLİ! */
.homepage-hero-slider-wrapper.container-fluid,
.slideshow.container-fluid.slideshow-md.homepage-hero-slider-wrapper,
section.slideshow.container-fluid.slideshow-md.homepage.homepage-hero-slider-wrapper,
section.slideshow.container-fluid.homepage-hero-slider-wrapper {
    --bs-gutter-x: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Bootstrap container-fluid padding override - en spesifik */
body .homepage-hero-slider-wrapper.container-fluid,
body section.slideshow.container-fluid.homepage-hero-slider-wrapper,
html body .homepage-hero-slider-wrapper.container-fluid {
    --bs-gutter-x: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Tüm section ve wrapper'lar için padding kaldırma */
.homepage-hero-slider-wrapper.container-fluid > *,
section.slideshow.container-fluid.homepage-hero-slider-wrapper > * {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Bootstrap gutter override - tüm child elementler için */
.homepage-hero-slider-wrapper.container-fluid [class*="col"],
.homepage-hero-slider-wrapper.container-fluid [class*="row"],
section.slideshow.container-fluid.homepage-hero-slider-wrapper [class*="col"],
section.slideshow.container-fluid.homepage-hero-slider-wrapper [class*="row"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* CONTAINER WRAPPER VE FLUID PADDING KALDIRMA */
.homepage-hero-slider-wrapper .container-fluid,
section.slideshow.homepage-hero-slider-wrapper .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* full-width_padding-20 class override - slider için padding kaldırma */
.homepage-hero-slider-wrapper .full-width_padding-20,
.homepage-hero-slick-slider.full-width_padding-20,
section.slideshow.homepage-hero-slider-wrapper .full-width_padding-20,
section.slideshow.homepage-hero-slider-wrapper .homepage-hero-slick-slider.full-width_padding-20 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Mobil Slider Styles (767px ve altı) */
@media (max-width: 767px) {
    /* 0. MAIN PADDING-TOP OVERRIDE - ÜSTTE BOŞLUK KALDIRMA */
    /* Homepage'de slider varsa main'in padding-top'unu kaldır */
    body.home main,
    body.homepage main,
    .homepage main,
    main:has(.homepage-hero-slider-wrapper) {
        padding-top: 0 !important;
    }
    
    /* Mobilde slider header'ın hemen altında görünsün (negatif margin kaldırıldı) */
    main .homepage-hero-slider-wrapper:first-child,
    main > .homepage-hero-slider-wrapper:first-child,
    main > section.homepage-hero-slider-wrapper:first-child,
    main > section.slideshow.homepage-hero-slider-wrapper:first-child {
        margin-top: 0 !important;
    }
    
    /* Slider wrapper'ın kendisinin margin'ini sıfırla ve üstteki boşluğu kaldır */
    .homepage-hero-slider-wrapper:first-of-type,
    section.slideshow.homepage-hero-slider-wrapper:first-of-type {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Slider'dan önceki elementlerin margin'ini kaldır */
    * ~ .homepage-hero-slider-wrapper,
    * ~ section.slideshow.homepage-hero-slider-wrapper {
        margin-top: 0 !important;
    }
    
    /* 1. CONTAINER-FLUID PADDING KALDIRMA - EN ÖNEMLİ! */
    .homepage-hero-slider-wrapper.container-fluid,
    .slideshow.container-fluid.slideshow-md.homepage-hero-slider-wrapper,
    section.slideshow.container-fluid.slideshow-md.homepage.homepage-hero-slider-wrapper,
    section.slideshow.container-fluid,
    .homepage-hero-slider-wrapper,
    .homepage-hero-slider-wrapper.slideshow,
    section.homepage-hero-slider-wrapper.container-fluid,
    section.slideshow.homepage-hero-slider-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }
    
    /* Bootstrap container-fluid override - homepage slider için */
    .homepage-hero-slider-wrapper.container-fluid::before,
    .homepage-hero-slider-wrapper.container-fluid::after,
    section.slideshow.container-fluid.homepage-hero-slider-wrapper::before,
    section.slideshow.container-fluid.homepage-hero-slider-wrapper::after {
        display: none !important;
    }
    
    /* 2. TEMEL SLİDER CONTAINER AYARLARI - MENÜNÜN HEMEN ALTINDA */
    .homepage-hero-slider,
    .homepage-hero-slider-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        background-color: transparent !important;
        position: relative !important;
    }
    
    .slideshow-md,
    .homepage-hero-slick-slider,
    .homepage-hero-slick-slider.js-slick-slider,
    .js-slick-slider.homepage-hero-slick-slider,
    .homepage-hero-slick-slider.full-width_padding-20,
    .uomo-homepage-slider-dots {
        height: auto !important;
        min-height: 450px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    /* slideshow height override - style.css'teki 21.5rem'i override et */
    .homepage-hero-slider-wrapper .slideshow,
    .homepage-hero-slider-wrapper .slideshow-md,
    section.slideshow.homepage-hero-slider-wrapper {
        height: auto !important;
        min-height: 450px !important;
        max-height: none !important;
    }
    
    /* Tüm section ve wrapper'lar için padding kaldırma */
    section.homepage-hero-slider-wrapper,
    section.slideshow.homepage-hero-slider-wrapper,
    .homepage-hero-slider-wrapper > *,
    .homepage-hero-slider-wrapper.container-fluid > *,
    section.slideshow.container-fluid.homepage-hero-slider-wrapper > * {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Bootstrap gutter override - tüm child elementler için */
    .homepage-hero-slider-wrapper.container-fluid [class*="col"],
    .homepage-hero-slider-wrapper.container-fluid [class*="row"],
    section.slideshow.container-fluid.homepage-hero-slider-wrapper [class*="col"],
    section.slideshow.container-fluid.homepage-hero-slider-wrapper [class*="row"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* 3. CONTAINER WRAPPER VE FLUID PADDING KALDIRMA */
    .swiper-container.slideshow-md.container,
    .swiper-container.slideshow-md.mw-1620,
    .homepage-hero-slider-wrapper .container,
    .homepage-hero-slider-wrapper .container-fluid,
    section.slideshow.homepage-hero-slider-wrapper .container,
    section.slideshow.homepage-hero-slider-wrapper .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        width: 100% !important;
    }
    
    /* full-width_padding-20 class'ını mobilde tamamen override et */
    .homepage-hero-slider-wrapper .full-width_padding-20,
    .homepage-hero-slick-slider.full-width_padding-20,
    section.slideshow.homepage-hero-slider-wrapper .full-width_padding-20,
    section.slideshow.homepage-hero-slider-wrapper .homepage-hero-slick-slider.full-width_padding-20,
    .js-slick-slider.full-width_padding-20 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Pagination container için de padding kaldırma */
    .homepage-hero-slider-wrapper .container .slideshow-pagination,
    .homepage-hero-slider-wrapper .container-fluid .slideshow-pagination,
    section.slideshow.homepage-hero-slider-wrapper .container .slideshow-pagination,
    section.slideshow.homepage-hero-slider-wrapper .container-fluid .slideshow-pagination {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Bootstrap container-fluid padding override - en spesifik */
    body .homepage-hero-slider-wrapper.container-fluid,
    body section.slideshow.container-fluid.homepage-hero-slider-wrapper,
    html body .homepage-hero-slider-wrapper.container-fluid {
        --bs-gutter-x: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* 4. SLICK SLIDER YAPISI */
    .homepage-hero-slick-slider .slick-list {
        min-height: 450px !important;
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: relative !important;
    }
    
    .homepage-hero-slick-slider .slick-track {
        min-height: 450px !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
    }
    
    /* user-account.css'deki padding'leri override et */
    .homepage-hero-slick-slider .slick-slide,
    .homepage-hero-slick-slider.js-slick-slider .slick-slide,
    .js-slick-slider.homepage-hero-slick-slider .slick-slide {
        height: auto !important;
        min-height: 450px !important;
        max-height: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        left: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
    }
    
    .homepage-hero-slick-slider .slick-slide > div {
        height: auto !important;
        min-height: 450px !important;
        max-height: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    .homepage-hero-slick-slider .slick-slider {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 5. SLIDE CONTAINER'LARI - GENEL */
    .uomo-homepage-slider-slide,
    .uomo-homepage-slider-slide[data-media-type="video"] {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: 450px !important;
        height: auto !important;
        max-height: none !important;
        /* width'i slick slider kendi ayarlar, dokunma! */
    }
    
    /* 6. OVERFLOW-HIDDEN CONTAINER */
    .uomo-homepage-slider-slide .overflow-hidden,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .overflow-hidden {
        margin: 0 !important;
        padding: 0 !important;
        min-height: 450px !important;
        height: auto !important;
        width: 100% !important;
        max-width: 100vw !important;
        position: relative !important;
        display: block !important;
        left: 0 !important;
        right: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Video slide'ları için overflow-hidden */
    .uomo-homepage-slider-slide[data-media-type="video"] .overflow-hidden,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide[data-media-type="video"] .overflow-hidden {
        min-height: 500px !important;
    }
    
    /* 7. BACKGROUND CONTAINER VE ELEMENTLER */
    .uomo-homepage-slideshow-bg,
    .uomo-homepage-slider-slide[data-media-type="video"] .uomo-homepage-slideshow-bg,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide[data-media-type="video"] .uomo-homepage-slideshow-bg {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slideshow-bg {
        background-color: transparent !important;
    }
    
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
        min-height: 450px !important;
    }
    
    /* 8. RESİM SLIDE'LARI */
    .homepage-hero-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg.d-block.d-md-none,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg.d-block.d-md-none {
        background-color: transparent !important;
        height: 100% !important;
        min-height: 450px !important;
        display: block !important;
        position: relative !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
    .uomo-homepage-slideshow-bg__img {
        object-fit: cover !important;
        object-position: center center !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 450px !important;
        max-height: none !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
        z-index: 1 !important;
    }
    
    /* 8b. MOBİL SLIDER - min(450px,50vh) track/list'e verilmez, Slick layout'unu bozar */
    .homepage-hero-slick-slider .slick-list {
        min-height: 450px !important;
    }
   
    .homepage-hero-slick-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg.d-block.d-md-none {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 1000 / 1154;
    }
    .homepage-hero-slick-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        height: 100% !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: center center !important;
        width: 100% !important;
    }
    
    /* Slick lazy loading için görünürlük düzeltmesi */
    .homepage-hero-slick-slider .uomo-homepage-slider-slide img[data-lazy] {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
    
    .homepage-hero-slick-slider .uomo-homepage-slider-slide img[data-lazy].slick-loaded {
        opacity: 1;
    }
    
    /* style.css'teki max-height: 300px kuralını override et */
    .homepage-hero-slider-wrapper .slideshow-bg__img,
    .homepage-hero-slider-wrapper .slideshow .slideshow-bg__img,
    section.slideshow.homepage-hero-slider-wrapper .slideshow-bg__img {
        max-height: none !important;
        height: 100% !important;
    }
    
    /* 9. VİDEO SLIDE'LARI */
    .uomo-homepage-slider-slide[data-media-type="video"] .uomo-homepage-slideshow-bg.d-block.d-md-none,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide[data-media-type="video"] .uomo-homepage-slideshow-bg.d-block.d-md-none {
        height: 100% !important;
        min-height: 500px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: transparent;
    }
    
    .uomo-homepage-slider-slide[data-media-type="video"] .uomo-homepage-slideshow-bg.d-block.d-md-none video,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide[data-media-type="video"] .uomo-homepage-slideshow-bg.d-block.d-md-none video,
    .uomo-homepage-slider-slide[data-media-type="video"] video,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide[data-media-type="video"] video {
        object-fit: contain !important;
        object-position: center center;
        width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }
    
    /* 10. SWIPER SLIDE CONTAINER */
    .homepage-hero-slider .swiper-slide.uomo-homepage-slider-slide,
    .homepage-hero-slider .swiper-slide.uomo-homepage-slider-slide .overflow-hidden {
        background-color: transparent !important;
        min-height: 450px !important;
        height: auto !important;
    }
    
    /* 11. SLIDER'DAN SONRAKİ ELEMENTLERİN BOŞLUĞUNU KALDIRMA */
    .homepage-hero-slider-wrapper + section,
    .homepage-hero-slider-wrapper + div,
    section.slideshow.homepage-hero-slider-wrapper + section,
    section.slideshow.homepage-hero-slider-wrapper + div,
    .homepage-hero-slider-wrapper + * {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    /* Slider içeriğinin tam gözükmesi için */
    .homepage-hero-slick-slider .slick-list {
        overflow: hidden !important;
    }
    
    .homepage-hero-slick-slider .slick-track {
        display: flex !important;
        align-items: stretch !important;
    }
    
    /* Slider slide'larının tam yüksekliğini göster */
    .homepage-hero-slick-slider .slick-slide {
        display: flex !important;
        align-items: stretch !important;
    }
    
    .homepage-hero-slick-slider .slick-slide > div {
        width: 100% !important;
        display: flex !important;
        align-items: stretch !important;
    }
    
    /* .sliderweb wrapper için padding/margin kaldırma */
    .homepage-hero-slick-slider .sliderweb {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 450px !important;
        display: flex !important;
        align-items: stretch !important;
        left: 0 !important;
        position: relative !important;
    }
    
    .homepage-hero-slick-slider .sliderweb > * {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Slick slide positioning düzeltmesi - mobilde left değerini sıfırla */
    .homepage-hero-slick-slider.slick-initialized .slick-slide,
    .homepage-hero-slick-slider.slick-initialized .sliderweb {
        left: 0 !important;
        width: 100% !important;
    }
    
    /* Slick track düzeltmesi */
    .homepage-hero-slick-slider .slick-track {
        width: 100% !important;
        transform: translate3d(0, 0, 0) !important;
    }
    
    /* Fade mode'da tüm slide'lar üst üste olmalı - sadece opacity kullan, visibility kullanma */
    .homepage-hero-slick-slider.slick-initialized .slick-slide {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        opacity: 0 !important;
        visibility: visible !important; /* visibility hidden yapma, sadece opacity kullan */
        transition: opacity 0.5s ease-in-out !important;
        z-index: 1 !important;
    }
    
    .homepage-hero-slick-slider.slick-initialized .slick-slide.slick-active {
        opacity: 1 !important;
        visibility: visible !important;
        z-index: 2 !important;
    }
    
    /* Slick track fade mode için */
    .homepage-hero-slick-slider.slick-initialized .slick-track {
        position: relative !important;
        height: 100% !important;
    }
    
    /* Slider'ın altındaki boşluğu kaldır */
    .homepage-hero-slider-wrapper:last-child,
    section.slideshow.homepage-hero-slider-wrapper:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* Küçük Mobil Slider Styles (576px ve altı) */
@media (max-width: 576px) {
    /* Küçük mobil için yükseklik ayarları */
    .homepage-hero-slick-slider,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .overflow-hidden {
        min-height: 400px !important;
    }
    
    .homepage-hero-slick-slider .slick-slide,
    .homepage-hero-slick-slider.js-slick-slider .slick-slide,
    .js-slick-slider.homepage-hero-slick-slider .slick-slide {
        min-height: 400px !important;
    }
    
    /* Resim slide'ları için yükseklik */
    .homepage-hero-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img {
        min-height: 400px !important;
    }
}

/* Çok Küçük Mobil Slider Styles (480px ve altı) */
@media (max-width: 480px) {
    /* Çok küçük mobil için yükseklik ayarları */
    .homepage-hero-slick-slider,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .overflow-hidden {
        min-height: 400px !important;
    }
    
    .homepage-hero-slick-slider .slick-slide,
    .homepage-hero-slick-slider.js-slick-slider .slick-slide,
    .js-slick-slider.homepage-hero-slick-slider .slick-slide {
        min-height: 400px !important;
    }
    
    /* Resim slide'ları için yükseklik ve görünüm */
    .homepage-hero-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
    .homepage-hero-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg__img,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide:not([data-media-type="video"]) .uomo-homepage-slideshow-bg__img {
        min-height: 400px !important;
        object-fit: cover !important;
        object-position: center center !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }
    
 

/* iPhone 12/13 Pro ve benzeri cihazlar için özel ayar (390px genişlik) */
@media (max-width: 390px) {
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text h2 {
        font-size: 1.125rem !important;
    }
    
    .homepage-hero-slider .uomo-homepage-slider-slide .slideshow-text p {
        font-size: 0.6rem !important;
    }
}

/* ===========================================
   RECENTLY VIEWED PRODUCTS - MOBİL DÜZENLEMELERİ
   =========================================== */

@media (max-width: 576px) {
}

/* BENZER ÜRÜNLER - SON GEZDİĞİNİZ ÜRÜNLER gibi responsive ayarları */
@media (max-width: 768px) {
    
    .similar-products-section .similar_products_slider,
    .recently-viewed-products-section .uomo-recently-viewed-slider {
        padding: 0 !important;
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }
    
    .similar-products-section .similar_products_slider__swiper.js-slick-slider .slick-slide,
    .uomo-recently-viewed-swiper.js-slick-slider .slick-slide {
        padding: 0 3px !important;
        box-sizing: border-box !important;
    }
    
    .similar-products-section .similar_products_slider__slide {
        height: auto !important;
        display: flex !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
    }
    
    .similar-products-section .similar_products_slider__slide .product-card-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    .similar-products-section .similar_products_slider__slide .new-product-card {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    .similar-products-section .similar_products_slider__slide .product-image-container,
    .similar-products-section .similar_products_slider__slide .new-pc__img-wrapper {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    .similar-products-section .similar_products_slider__slide .new-pc__img,
    .similar-products-section .similar_products_slider__slide img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        display: block !important;
    }
    
    .similar-products-section .similar_products_slider__prev,
    .similar-products-section .similar_products_slider__next {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        margin-top: 0 !important;
        width: 32px !important;
        height: 32px !important;
    }
}

@media (max-width: 576px) {
    .similar-products-section .container,
    .recently-viewed-products-section .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    
    .similar-products-section .similar_products_slider,
    .recently-viewed-products-section .uomo-recently-viewed-slider {
        padding: 0 !important;
    }
    
    .similar-products-section .similar_products_slider__slide,
    .uomo-recently-viewed-slide {
        flex-shrink: 0 !important;
        box-sizing: border-box !important;
    }
    
    .similar-products-section .similar_products_slider__slide .product-card-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    .similar-products-section .similar_products_slider__slide .product-image-container,
    .similar-products-section .similar_products_slider__slide .new-pc__img-wrapper {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
    }
    
    .similar-products-section .similar_products_slider__slide .new-pc__img,
    .similar-products-section .similar_products_slider__slide img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
    
    .similar-products-section .similar_products_slider__prev,
    .similar-products-section .similar_products_slider__next {
        position: static !important;
        width: 28px !important;
        height: 28px !important;
    }
}

@media (max-width: 480px) {
    .similar-products-section .container,
    .recently-viewed-products-section .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .similar-products-section .similar_products_slider,
    .recently-viewed-products-section .uomo-recently-viewed-slider {
        padding: 0 !important;
    }
    
    .similar-products-section .similar_products_slider__slide .product-image-container,
    .similar-products-section .similar_products_slider__slide .new-pc__img-wrapper {
        width: 100% !important;
        height: auto !important;
    }
    
    .similar-products-section .similar_products_slider__prev,
    .similar-products-section .similar_products_slider__next {
        width: 24px !important;
        height: 24px !important;
    }
}

/* ===========================================
   MOBİL UYGULAMA BENZERİ DENEYİM - OPTİMİZASYONLAR
   =========================================== */

/* ===========================================
   GENEL MOBİL DÜZENLEMELER - TÜM SAYFALAR
   =========================================== */

@media (max-width: 767.98px) {
    /* Body overflow kontrolü - yatay scroll önleme */
    body {
        overflow-x: hidden !important;
        width: 100% !important;
        max-width: 100vw !important;
        position: relative !important;
    }
    
    /* Container padding standardizasyonu */
    .container,
    .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    /* Tüm görseller responsive */
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
    /* Tablolar scroll yapılabilir */
    table {
        width: 100% !important;
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Touch target boyutları - minimum 44px */
  
    
    /* Smooth scrolling */
    html {
        -webkit-overflow-scrolling: touch !important;
        scroll-behavior: smooth !important;
    }
}

/* ===========================================
   HEADER MOBİL OPTİMİZASYONLARI
   =========================================== */

@media (max-width: 767.98px) {
    /* Header mobile z-index ve overflow */
    .header-mobile {
        position: relative !important;
        z-index: 1000 !important;
        overflow: visible !important;
    }
    
    /* Mobil menü linkler tıklanabilir olmalı */
    .header-mobile__navigation a,
    .header-mobile__navigation .navigation__link,
    .header-mobile__navigation .modern-mobile-menu__link {
        pointer-events: auto !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
    }
    
    /* Mobil menü içindeki elementlerin pointer-events'i */
    .header-mobile__navigation a *,
    .header-mobile__navigation .navigation__link *,
    .header-mobile__navigation .modern-mobile-menu__link * {
        pointer-events: none !important;
    }
    
    /* Mobil menü açıkken body scroll'u kilitle */
    body.mobile-menu-opened,
    body.modal-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
    }
}

/* ===========================================
   SLİDER MOBİL OPTİMİZASYONLARI
   =========================================== */

@media (max-width: 767.98px) {
    /* Tüm slider container'lar overflow hidden */
    .uomo-product-slider-main,
    .produc_slider,
    .homepage-hero-slider-wrapper,
    .swiper-container,
    .uomo-blog-slider-main,
    .uomo-recently-viewed-slider,
    .uomo-category-banner-slider-wrapper {
        overflow: hidden !important;
        position: relative !important;
    }
    
    /* Slick slider overflow kontrolü ve touch desteği - KRİTİK */
    .slick-list {
        overflow: hidden !important;
        touch-action: pan-x !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-overflow-scrolling: touch !important;
        cursor: grab !important;
        -ms-touch-action: pan-x !important;
    }
    
    .slick-list:active {
        cursor: grabbing !important;
    }
    
    /* Slick track touch desteği */
    .slick-track {
        touch-action: pan-x !important;
        -webkit-touch-callout: none !important;
        -webkit-overflow-scrolling: touch !important;
        will-change: transform !important;
        -ms-touch-action: pan-x !important;
    }
    
    /* Slick slider container touch desteği - KRİTİK */
    .js-slick-slider,
    .homepage-hero-slick-slider,
    .uomo-product-slider-swiper,
    .produc_slider__swiper,
    .uomo-blog-slider-swiper,
    .blog-slider__swiper,
    .blog-posts-slider__swiper,
    .uomo-recently-viewed-swiper,
    .similar_products_slider__swiper {
        touch-action: pan-x !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-overflow-scrolling: touch !important;
        overflow: hidden !important;
        position: relative !important;
        /* Touch event'lerin çalışması için */
        -ms-touch-action: pan-x !important;
    }
    
    /* Homepage hero slider için özel touch ayarları */
    .homepage-hero-slick-slider.slick-initialized,
    .homepage-hero-slick-slider.js-slick-slider {
        overflow: hidden !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .homepage-hero-slick-slider.slick-initialized .slick-list,
    .homepage-hero-slick-slider.js-slick-slider .slick-list {
        overflow: hidden !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Slick slide'lar tıklanabilir olmalı ama swipe için hazır */
    .slick-slide {
        touch-action: pan-x !important;
        pointer-events: auto !important;
        -webkit-tap-highlight-color: transparent !important;
        -webkit-touch-callout: none !important;
        -ms-touch-action: pan-x !important;
    }
    
    /* Slick slide içindeki linkler tıklanabilir olmalı */
    .slick-slide a,
    .slick-slide button {
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }
    
    /* Mobilde slider'ın başlatılması için görünürlük */
    .js-slick-slider:not(.slick-initialized) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Ürün slider mobil - slick-initialized durumu için kritik düzeltmeler */
    .produc_slider__swiper.uomo-product-slider-swiper.slick-initialized,
    .uomo-product-slider-swiper.slick-initialized {
        overflow: hidden !important;
        position: relative !important;
    }
    
    .produc_slider__swiper.uomo-product-slider-swiper.slick-initialized .slick-list,
    .uomo-product-slider-swiper.slick-initialized .slick-list {
        overflow: hidden !important;
        width: 100% !important;
        touch-action: pan-x !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-overflow-scrolling: touch !important;
        cursor: grab !important;
        -ms-touch-action: pan-x !important;
    }
    
    .produc_slider__swiper.uomo-product-slider-swiper.slick-initialized .slick-list:active,
    .uomo-product-slider-swiper.slick-initialized .slick-list:active {
        cursor: grabbing !important;
    }
    
    .produc_slider__swiper.uomo-product-slider-swiper.slick-initialized .slick-track,
    .uomo-product-slider-swiper.slick-initialized .slick-track {
        display: flex !important;
        touch-action: pan-x !important;
        -webkit-overflow-scrolling: touch !important;
        will-change: transform !important;
        -ms-touch-action: pan-x !important;
    }
    
    /* Mobilde slide genişliklerini düzelt - 1 slide gösterildiğinde */
    .produc_slider__swiper.uomo-product-slider-swiper.slick-initialized[data-slides-mobile="1"] .slick-slide,
    .uomo-product-slider-swiper.slick-initialized[data-slides-mobile="1"] .slick-slide {
        width: 100% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        box-sizing: border-box !important;
    }
    
    .produc_slider__swiper.uomo-product-slider-swiper.slick-initialized[data-slides-mobile="1"] .slick-slide > div,
    .uomo-product-slider-swiper.slick-initialized[data-slides-mobile="1"] .slick-slide > div {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Swiper wrapper smooth scrolling */
    .swiper-wrapper {
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-x !important;
        -ms-touch-action: pan-x !important;
    }
    
    /* Swiper container touch desteği */
    .swiper,
    .js-swiper-slider,
    .homepage-category-banner-slider__swiper {
        touch-action: pan-x !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-overflow-scrolling: touch !important;
        -ms-touch-action: pan-x !important;
    }
    
    /* Swiper slide'lar için touch desteği */
    .swiper-slide {
        touch-action: pan-x !important;
        -ms-touch-action: pan-x !important;
    }
    
    
    /* ===========================================
       MODERN GEZDİĞİNİZ ÜRÜNLER SLİDER - MOBİL
       =========================================== */
    
    /* Modern Recently Viewed Slider Section */
    .awp-modern-recently-viewed-slider-section {
        padding: 30px 0 !important;
        background: #ffffff !important;
    }
    
    .awp-modern-recently-viewed-slider-header {
        padding: 0 12px !important;
        margin-bottom: 20px !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    
    .awp-modern-recently-viewed-slider-title {
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #1f2937 !important;
        margin: 0 0 8px 0 !important;
        line-height: 1.3 !important;
    }
    
    .awp-modern-recently-viewed-slider-subtitle {
        font-size: 14px !important;
        color: #6b7280 !important;
        margin: 0 !important;
        line-height: 1.5 !important;
    }
    
    .awp-modern-recently-viewed-slider-toolbar-controls {
        display: none !important;
    }
    
    .awp-modern-recently-viewed-slider-wrapper {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .awp-modern-recently-viewed-slider-container {
        padding: 0 12px !important;
    }
    
    .awp-modern-recently-viewed-slider-track {
        padding-left: 0 !important;
        padding-right: 0 !important;
        gap: 12px !important;
    }
    
    .awp-modern-recently-viewed-slider-slide {
        padding-right: 8px !important;
        min-width: 0 !important;
    }
    
    .awp-modern-recently-viewed-slider-slide:first-child {
        padding-left: 0 !important;
    }
    
    .awp-modern-recently-viewed-slider-slide:last-child {
        padding-right: 0 !important;
    }
    
    /* Son gezdiğiniz ürünler slider container mobil */
    .uomo-recently-viewed-slider,
    .similar_products_slider {
        overflow: hidden !important;
        position: relative !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .uomo-recently-viewed-swiper.js-slick-slider,
    .similar_products_slider__swiper.js-slick-slider {
        touch-action: pan-x !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-overflow-scrolling: touch !important;
        overflow: hidden !important;
        -ms-touch-action: pan-x !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .uomo-recently-viewed-swiper.js-slick-slider .slick-list,
    .similar_products_slider__swiper.js-slick-slider .slick-list,
    .produc_slider__swiper.js-slick-slider .slick-list,
    .uomo-product-slider-swiper.js-slick-slider .slick-list,
    .homepage-product-slider__swiper.js-slick-slider .slick-list {
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin: 0 !important;
        touch-action: pan-x !important;
        -ms-touch-action: pan-x !important;
        width: 100% !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        box-sizing: border-box !important;
    }
    
    .uomo-recently-viewed-swiper.js-slick-slider .slick-track,
    .similar_products_slider__swiper.js-slick-slider .slick-track,
    .produc_slider__swiper.js-slick-slider .slick-track,
    .uomo-product-slider-swiper.js-slick-slider .slick-track {
        display: flex !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Mobilde 2'li görünüm için slide genişlikleri - Kategori slider gibi tam gözüksün */
    .uomo-recently-viewed-swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide,
    .produc_slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide,
    .uomo-product-slider-swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide,
    .homepage-product-slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide {
        width: calc(50% - 4px) !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        min-width: 0 !important;
        flex-shrink: 0 !important;
        float: left !important;
    }
    
    .produc_slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:first-child,
    .uomo-product-slider-swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:first-child,
    .homepage-product-slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:first-child {
        padding-left: 0 !important;
    }
    
    .produc_slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:last-child,
    .uomo-product-slider-swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:last-child,
    .homepage-product-slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="2"] .slick-slide:last-child {
        padding-right: 0 !important;
    }
    
    /* Mobilde 1'li görünüm için slide genişlikleri */
    .uomo-recently-viewed-swiper.js-slick-slider.slick-initialized[data-slides-mobile="1"] .slick-slide,
    .similar_products_slider__swiper.js-slick-slider.slick-initialized[data-slides-mobile="1"] .slick-slide {
        width: 100% !important;
        padding: 0 6px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    
    /* Slide içeriği tam genişlik - Slick'in oluşturduğu wrapper div */
    .uomo-recently-viewed-swiper.slick-initialized .slick-slide > div,
    .similar_products_slider__swiper.slick-initialized .slick-slide > div,
    .produc_slider__swiper.slick-initialized .slick-slide > div,
    .uomo-product-slider-swiper.slick-initialized .slick-slide > div {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        min-width: 0 !important;
    }
    
    /* Original slide element inside slick's wrapper */
    .uomo-recently-viewed-swiper.slick-initialized .slick-slide .uomo-recently-viewed-slide,
    .uomo-recently-viewed-swiper.slick-initialized .slick-slide .similar_products_slider__slide,
    .similar_products_slider__swiper.slick-initialized .slick-slide .uomo-recently-viewed-slide,
    .similar_products_slider__swiper.slick-initialized .slick-slide .similar_products_slider__slide {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        min-width: 0 !important;
    }
    
    /* Ürün kartı wrapper düzeltmesi */
    .uomo-recently-viewed-slide .product-card-wrapper,
    .similar_products_slider__slide .product-card-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Ürün kartı içeriği */
    .uomo-recently-viewed-slide .new-product-card,
    .similar_products_slider__slide .new-product-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Navigation arrow'lar mobilde gizle - başlık yanında gösterilecek */
    .uomo-recently-viewed-slider .similar_products_slider__prev,
    .uomo-recently-viewed-slider .similar_products_slider__next,
    .similar-products-section .similar_products_slider__prev,
    .similar-products-section .similar_products_slider__next {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: 32px !important;
        height: 32px !important;
        background: white !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 50% !important;
        box-shadow: none !important;
    }
    
    /* Mobilde navigation butonlarını göster */
    .similar-products__nav-buttons {
        display: flex !important;
    }
    
    /* Section padding düzeltmesi - Modern Design */
    .recently-viewed-products-section,
    .similar-products-section {
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    
    .recently-viewed-products-section .similar-products__title,
    .similar-products-section .similar-products__title {
        margin-bottom: 8px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 22px !important;
    }
    
    .recently-viewed-products-section .similar-products__subtitle,
    .similar-products-section .similar-products__subtitle {
        margin-bottom: 20px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        font-size: 13px !important;
    }
    
    /* Recently Viewed Products Header Mobile */
    .recently-viewed-products-section .recently-viewed-products-header {
        margin-bottom: 1.25rem !important;
        padding: 0 12px !important;
    }
    
    /* Modern Product Cards in Mobile */
    .uomo-recently-viewed-slide .new-product-card,
    .similar-products-section .new-product-card {
        border-radius: 12px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    }
    
    /* ===========================================
       ÜRÜN SLIDER + GEZDİĞİNİZ ÜRÜNLER MOBİL
       Kategori slider (hp-cat-block) ile aynı görünüm
       =========================================== */
    
    /* Section padding – hp-cat-showcase ile aynı */
    .awp-modern-product-slider-section,
    .awp-viewed-products-section,
    .awp-homepage-section--viewed-products,
    .hp-homepage-section.awp-modern-product-slider-section {
        padding: 0.5rem 0 0.5rem !important;
    }
    
    /* Başlık satırı – öne çıkan: başlık ile ürün slider’ı arasında belirgin boşluk */
    .awp-modern-product-slider-section > .container:first-of-type {
        padding-bottom: 1rem !important;
    }
    .awp-modern-product-slider-section > .container:nth-of-type(2) {
        padding-top: 0.5rem !important;
    }
    .awp-modern-product-slider-section .awp-modern-slider-head-row {
        margin-bottom: 3rem !important;
    }
    .awp-modern-product-slider-section .awp-modern-product-slider-container {
        margin-top: 1.25rem !important;
    }
    /* Gezdiğiniz ürünler: kategori slider ile aynı kompakt başlık */
    .awp-viewed-products-section .awp-modern-slider-head-row,
    .awp-homepage-section--viewed-products .awp-modern-slider-head-row,
    .hp-homepage-section.awp-modern-product-slider-section .awp-modern-slider-head-row {
        margin-bottom: 0.4rem !important;
    }
    .hp-homepage-section.awp-modern-product-slider-section .awp-modern-product-slider-container {
        margin-top: 0.25rem !important;
    }
    
    /* Container padding – hp-cat-block__inner ile aynı (16px) */
    .awp-modern-product-slider-section .container,
    .awp-viewed-products-section .container,
    .awp-homepage-section--viewed-products .container,
    .hp-homepage-section.awp-modern-product-slider-section .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    
    /* Pagination container – overflow-x kesmesin, slider zaten kendi overflow'unda */
    .awp-modern-product-slider-section .container:has(.awp-modern-product-slider-pagination),
    .awp-viewed-products-section .container:has(.awp-viewed-products-pagination) {
        overflow-x: visible !important;
    }
    
    /* Slider container – hp-cat-block__carousel gibi */
    .awp-modern-product-slider-container,
    .awp-viewed-products-container {
        width: 100% !important;
        overflow: hidden !important;
        min-height: 0 !important;
    }
    
    /* Aralik JS marginRight 8px (getGapPx mobil = 8, hp-cat ile ayni) */
    
    /* Slide padding – kategori slider’da item padding yok, gap ile ayrılıyor */
    .awp-modern-product-slider-slide,
    .awp-viewed-products-slide {
        padding: 0 !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }
    
    .awp-modern-product-slider-slide .product-card-wrapper,
    .awp-modern-product-slider-slide .new-product-card,
    .awp-viewed-products-slide .product-card-wrapper,
    .awp-viewed-products-slide .new-product-card {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }
    
    .awp-modern-product-slider-slide .awp-modern-product-slider-img,
    .awp-modern-product-slider-slide .new-pc__img,
    .awp-viewed-products-slide .awp-modern-product-slider-img,
    .awp-viewed-products-slide .new-pc__img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        aspect-ratio: auto !important;
    }
    
    /* Kart görsel alanı – kategori slider ile uyumlu */
    .awp-modern-product-slider-slide .product-image-container,
    .awp-modern-product-slider-slide .new-pc__img-wrapper,
    .awp-viewed-products-slide .product-image-container,
    .awp-viewed-products-slide .new-pc__img-wrapper {
        min-height: 0 !important;
        display: block !important;
    }
    
    /* Pagination – mobilde taşma/wrap düzeltmesi */
    .awp-modern-product-slider-pagination {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        row-gap: 6px !important;
        margin-top: 12px !important;
        margin-bottom: 0 !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
    
    .awp-modern-product-slider-pagination .awp-modern-product-slider-pagination-dot {
        width: 8px !important;
        height: 8px !important;
        min-width: 8px !important;
        min-height: 8px !important;
        flex-shrink: 0 !important;
        align-self: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        border-radius: 50% !important;
        box-sizing: border-box !important;
    }
    
    .awp-modern-product-slider-pagination .awp-modern-product-slider-pagination-dot.active {
        width: 20px !important;
        min-width: 20px !important;
        border-radius: 10px !important;
    }
    
    /* ===========================================
       RESPONSIVE BANNER SLİDER MOBİL (Swiper)
       =========================================== */
    
    .uomo-category-banner-slider-wrapper,
    .homepage-category-banner-slider {
        overflow: hidden !important;
        position: relative !important;
    }
    
    .homepage-category-banner-slider__swiper,
    .js-swiper-slider.homepage-category-banner-slider__swiper {
        touch-action: pan-x pan-y !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-overflow-scrolling: touch !important;
        -ms-touch-action: pan-x pan-y !important;
        overflow: hidden !important;
        position: relative !important;
    }
    
    .homepage-category-banner-slider__swiper .swiper-wrapper {
        touch-action: pan-x pan-y !important;
        -webkit-overflow-scrolling: touch !important;
        -ms-touch-action: pan-x pan-y !important;
    }
    
    .homepage-category-banner-slider__swiper .swiper-slide {
        touch-action: pan-x pan-y !important;
        pointer-events: auto !important;
        -ms-touch-action: pan-x pan-y !important;
    }
    
    .homepage-category-banner-slider__swiper .swiper-slide a,
    .homepage-category-banner-slider__swiper .swiper-slide button {
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }
    
    /* ===========================================
       TABLI ÜRÜN SLİDER MOBİL
       =========================================== */
    
    /* Tablı ürün slider container mobil - Eski yapı */
    .uomo-tabbed-product-slider-products[data-homepagecategory-slider] {
        overflow: hidden !important;
        position: relative !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }
    
    .uomo-tabbed-product-slider-track {
        display: flex !important;
        transition: transform 0.35s ease !important;
        touch-action: pan-x !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-overflow-scrolling: touch !important;
        will-change: transform !important;
    }
    
    .uomo-tabbed-product-slider-product {
        flex-shrink: 0 !important;
        padding: 0 6px !important;
        box-sizing: border-box !important;
    }
    
    /* Mobilde tek sütun */
    .uomo-tabbed-product-slider-products[data-mobile-cols="1"] .uomo-tabbed-product-slider-product {
        flex: 0 0 calc(100% - 12px) !important;
        min-width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;
    }
    
    /* Mobilde iki sütun */
    .uomo-tabbed-product-slider-products[data-mobile-cols="2"] .uomo-tabbed-product-slider-product {
        flex: 0 0 calc(50% - 6px) !important;
        min-width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;
    }
}

/* ===========================================
   CAMPAIGN POPUP MOBİL OPTİMİZASYONLARI
   =========================================== */

@media (max-width: 767.98px) {
    /* Campaign popup z-index */
    .campaign-popup-wrapper,
    .campaign-popup {
        z-index: 99999 !important;
        position: fixed !important;
    }
    
    /* Campaign popup wrapper genişlik ayarları */
    .campaign-popup-wrapper {
        width: auto !important;
        max-width: calc(100% - 16px) !important;
        bottom: max(80px, env(safe-area-inset-bottom, 80px)) !important;
        left: 8px !important;
        right: 8px !important;
        top: auto !important;
        transform: none !important;
    }
    
    /* Campaign popup açıldığında tam genişlik */
    .campaign-popup.opened {
        max-width: calc(100vw - 16px) !important;
        width: auto !important;
        max-height: calc(100vh - 16px) !important;
    }
    
    /* Campaign popup içindeki elementler tıklanabilir */
    .campaign-popup * {
        pointer-events: auto !important;
    }
    
    /* Campaign popup içerik genişlik ayarları */
    .campaign-popup.opened .campaign-popup-content {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ===========================================
   ÜRÜN KARTLARI MOBİL OPTİMİZASYONLARI
   =========================================== */

@media (max-width: 767.98px) {
    /* Ürün kartı container */
    .product-card-wrapper,
    .new-product-card {
        overflow: visible !important;
    }
    
    /* Ürün kartı görseller */
    .product-card-wrapper .new-pc__img,
    .new-product-card .new-pc__img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* ===========================================
   FORM ELEMENTLERİ MOBİL OPTİMİZASYONLARI
   =========================================== */

@media (max-width: 767.98px) {
    /* Input ve textarea iOS zoom önleme */
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    input[type="search"],
    select,
    textarea {
        font-size: 16px !important; /* iOS'ta zoom'u önler */
    }
    
    /* Form elementleri touch friendly */
    input,
    select,
    textarea,
    button {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        border-radius: 8px !important;
    }
}

/* ===========================================
   MODAL VE POPUP MOBİL OPTİMİZASYONLARI
   =========================================== */

@media (max-width: 767.98px) {
    /* Modal tam ekran benzeri */
    .modal-dialog {
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        height: 100vh !important;
        max-height: 100vh !important;
    }
    
    .modal-content {
        height: 100% !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

/* ===========================================
   iOS SAFE AREA DESTEĞİ
   =========================================== */

@supports (padding: max(0px)) {
    @media (max-width: 767.98px) {
        .header-mobile {
            padding-top: max(0px, env(safe-area-inset-top)) !important;
        }
        
        .footer {
            padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
        }
        
        .modal-content {
            padding-top: max(0px, env(safe-area-inset-top)) !important;
            padding-bottom: max(0px, env(safe-area-inset-bottom)) !important;
        }
    }
}

/* ===========================================
   PERFORMANS İYİLEŞTİRMELERİ
   =========================================== */

@media (max-width: 767.98px) {
    /* GPU acceleration için transform */
    .swiper-wrapper,
    .slick-track,
    .header-mobile,
    .modal-content {
        transform: translateZ(0) !important;
        will-change: transform !important;
    }
    
    /* Reduced motion desteği */
    @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
            animation-duration: 0.01ms !important;
            animation-iteration-count: 1 !important;
            transition-duration: 0.01ms !important;
            scroll-behavior: auto !important;
        }
    }
}

/* ===========================================
   KÜÇÜK EKRANLAR - 480px VE ALT
   =========================================== */

@media (max-width: 480px) {
    .container,
    .container-fluid {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    /* Küçük ekranlarda font boyutları */
    h1 {
        font-size: 22px !important;
    }
    
    h2 {
        font-size: 20px !important;
    }
    
    h3 {
        font-size: 18px !important;
    }
}

/* ===========================================
   ÇOK KÜÇÜK EKRANLAR - 320px VE ALT
   =========================================== */

@media (max-width: 320px) {
    .container,
    .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    h1 {
        font-size: 20px !important;
    }
    
    h2 {
        font-size: 18px !important;
    }
    
    h3 {
        font-size: 16px !important;
    }
}

/* ===========================================
   YATAY MOD (LANDSCAPE) OPTİMİZASYONLARI
   =========================================== */

@media (max-width: 767.98px) and (orientation: landscape) {
    .header-mobile {
        height: auto !important;
        min-height: 50px !important;
    }
    
    .modal-content {
        max-height: 90vh !important;
    }
}

/* ==============================================
   AWA Gallery - Responsive Stilleri
   ============================================== */
@media (max-width: 768px) {
    .awa-gallery-main-image-container {
        min-height: 400px;
    }
    
    .awa-gallery-nav-btn {
        width: 40px;
        height: 40px;
    }
    
    .awa-gallery-nav-btn i {
        font-size: 16px;
    }
    
    .awa-gallery-zoom-btn {
        width: 40px;
        height: 40px;
    }
    
    .awa-gallery-zoom-btn i {
        font-size: 18px;
    }
    
    .awa-gallery-thumb-item {
        width: 70px;
        min-height: 70px;
    }
    
    .awa-gallery-thumb-img {
        min-height: 70px;
    }
    
    /* Mobilde sol/sağ layout'ları alt layout'a çevir */
    .awa-gallery-layout-thumbnails_left .awa-gallery-container,
    .awa-gallery-layout-thumbnails_right .awa-gallery-container {
        flex-direction: column;
    }
    
    .awa-gallery-layout-thumbnails_left .awa-gallery-thumbs-wrapper,
    .awa-gallery-layout-thumbnails_right .awa-gallery-thumbs-wrapper {
        order: 1;
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
        margin-right: 0;
        align-self: stretch;
    }
    
    .awa-gallery-thumbs-left .awa-gallery-thumbs-container,
    .awa-gallery-thumbs-right .awa-gallery-thumbs-container {
        flex-direction: row;
        max-height: none;
        overflow-x: auto;
        overflow-y: hidden;
    }
    
    /* İki sütun layout mobilde tek sütun */
    .awa-gallery-two-columns {
        grid-template-columns: 1fr;
    }
    
    .awa-gallery-two-col-item {
        min-height: 250px;
    }
    
    /* Lightbox mobil */
    .awa-gallery-lightbox-content {
        padding: 0;
    }
    
    .awa-gallery-lightbox-image-container {
        max-width: 100vw;
        max-height: 100vh;
        padding: 60px 20px 120px 20px;
    }
}

/* ==============================================
   Product New Gallery - Responsive Stilleri
   Mobil için detaylı CSS
   ============================================== */
@media (max-width: 768px) {
    /* Ana Container */
    .product-new-gallery {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    /* Ana Wrapper */
    .product-new-gallery-wrapper {
        flex-direction: column !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Ana resim ile thumbnail arasındaki gap - sadece thumbnails-bottom layout için */
    .product-new-gallery-layout-thumbnails_bottom .product-new-gallery-wrapper {
        gap: 0 !important;
    }
    
    /* Product New Gallery Container - Mobil */
    .product-new-gallery {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* PDP Gallery Wrapper - Mobil */
    .pdp-gallery-wrapper.product-page-gallery-container {
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }
    
    /* Ana Resim Alanı */
    .product-new-gallery-main-area {
        min-height: auto !important;
        height: auto !important;
        width: 100% !important;
        order: 1 !important;
        display: block !important;
        position: relative !important;
        flex: none !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        /* Mobilde yatay swipe için touch-action */
        touch-action: pan-x pan-y !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Ana Resim Wrapper */
    .product-new-gallery-main-img-wrapper {
        min-height: auto !important;
        height: auto !important;
        width: 100% !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
        border-radius: 0 !important;
        overflow: visible !important;
        /* Mobilde yatay swipe için touch-action */
        touch-action: pan-x pan-y !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    /* Ana Resim - Mobil */
    .product-new-gallery-main-img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: none !important;
        display: block !important;
        object-fit: contain !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        /* Mobilde yatay swipe için touch-action */
        touch-action: pan-x pan-y !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-touch-callout: none !important;
        pointer-events: auto !important;
    }
    
    /* Ana Slide - Mobil */
    .product-new-gallery-main-slide {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        min-height: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        /* Mobilde yatay swipe için touch-action */
        touch-action: pan-x pan-y !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .product-new-gallery-main-slide.product-new-gallery-active {
        position: relative !important;
        z-index: 2 !important;
        min-height: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Active slide içindeki wrapper - Mobil */
    .product-new-gallery-main-slide.product-new-gallery-active .product-new-gallery-main-img-wrapper {
        min-height: auto !important;
        height: auto !important;
        position: relative !important;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        border-radius: 0 !important;
    }
    
    /* Ana slide - Mobil */
    .product-new-gallery-main-slide {
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }
    
    .product-new-gallery-main-slide.product-new-gallery-active {
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }
    
    /* Navigasyon Butonları - Mobil (Gizlendi) */
    .product-new-gallery-nav-btn,
    .product-new-gallery-nav-prev,
    .product-new-gallery-nav-next {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* Zoom Butonu - Mobil (Resmin Üzerinde) */
    /* Tüm slide'lardaki zoom butonlarını gizle, sadece active olanı göster */
    .product-new-gallery-main-slide:not(.product-new-gallery-active) .product-new-gallery-zoom-btn {
        display: none !important;
    }
    
    /* Active slide içindeki zoom butonu - Mobil */
    .product-new-gallery-main-slide.product-new-gallery-active .product-new-gallery-zoom-btn {
        position: absolute !important;
        bottom: 10px !important;
        right: 10px !important;
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
        z-index: 20 !important;
        background: #c32929 !important;
        border: none !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }
    
    /* Ana resim wrapper içindeki zoom butonu - Mobil */
    .product-new-gallery-main-img-wrapper .product-new-gallery-zoom-btn {
        position: absolute !important;
        bottom: 10px !important;
        right: 10px !important;
        z-index: 20 !important;
        background: #c32929 !important;
    }
    
    /* Active slide içindeki wrapper ve zoom butonu - Mobil (Daha spesifik) */
    .product-new-gallery-main-area .product-new-gallery-main-slide.product-new-gallery-active .product-new-gallery-main-img-wrapper .product-new-gallery-zoom-btn {
        position: absolute !important;
        bottom: 10px !important;
        right: 10px !important;
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
        z-index: 20 !important;
        background: #c32929 !important;
        border: none !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #fff !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    
    /* Thumbnail Alanı - Mobil */
    .product-new-gallery-thumbs-area {
        width: 100% !important;
        order: 2 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }
    
    /* Thumbnails Bottom - Mobil (Ana resim ile arasındaki boşluk) */
    .product-new-gallery-thumbs-bottom {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    
    /* Thumbnail Container - Mobil */
    .product-new-gallery-thumbs-container {
        flex-direction: row !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        max-height: none !important;
        padding: 0 !important;
        gap: 2px !important;
        justify-content: flex-start !important;
        margin: 0 !important;
    }
    
    /* Thumbnail Item - Mobil */
    .product-new-gallery-thumb-item {
        width: 85px;
        height: auto;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        padding: 2px;
    }
    
    /* Thumbnail Active - Mobil (Seçili resim border rengi) */
    .product-new-gallery-thumb-item.product-new-gallery-thumb-active {
        border-color: #dc3545 !important;
    }
    
    /* Thumbnail Image - Mobil (Aspect Ratio Korunur) */
    .product-new-gallery-thumb-img {
        width: 100%;
        height: auto;
        object-fit: contain;
        display: block;
    }
    
    /* Layout: Thumbnails Left - Mobil */
    .product-new-gallery-layout-thumbnails_left .product-new-gallery-wrapper {
        flex-direction: column !important;
    }
    
    .product-new-gallery-layout-thumbnails_left .product-new-gallery-main-area {
        order: 1 !important;
        width: 100% !important;
    }
    
    .product-new-gallery-layout-thumbnails_left .product-new-gallery-thumbs-area {
        order: 2 !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    .product-new-gallery-layout-thumbnails_left .product-new-gallery-thumbs-container {
        flex-direction: row !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        max-height: none !important;
        gap: 2px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* Layout: Thumbnails Right - Mobil */
    .product-new-gallery-layout-thumbnails_right .product-new-gallery-wrapper {
        flex-direction: column !important;
    }
    
    .product-new-gallery-layout-thumbnails_right .product-new-gallery-main-area {
        order: 1 !important;
        width: 100% !important;
    }
    
    .product-new-gallery-layout-thumbnails_right .product-new-gallery-thumbs-area {
        order: 2 !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    .product-new-gallery-layout-thumbnails_right .product-new-gallery-thumbs-container {
        flex-direction: row !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        max-height: none !important;
        gap: 2px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    /* İki Sütun Layout - Mobil */
    .product-new-gallery-two-columns {
        grid-template-columns: 1fr !important;
        gap: 10px;
    }
    
    .product-new-gallery-two-col-item {
        min-height: 250px;
    }
    
    /* Lightbox - Mobil */
    .product-new-gallery-lightbox-content {
        padding: 0;
    }
    
    .product-new-gallery-lightbox-image-wrapper {
        max-width: 100%;
        max-height: 100%;
        padding: 60px 20px 120px 20px;
    }
    
    .product-new-gallery-lightbox-close {
        top: 15px;
        right: 15px;
        width: 45px;
        height: 45px;
        font-size: 18px;
    }
    
    .product-new-gallery-lightbox-header {
        top: 15px;
        left: 15px;
    }
    
    .product-new-gallery-lightbox-counter {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .product-new-gallery-lightbox-nav {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .product-new-gallery-lightbox-prev {
        left: 10px;
    }
    
    .product-new-gallery-lightbox-next {
        right: 10px;
    }
    
    .product-new-gallery-lightbox-zoom-hint {
        bottom: 80px;
        padding: 8px 16px;
        font-size: 12px;
    }
    
    .product-new-gallery-lightbox-thumbs {
        padding: 10px;
    }
    
    .product-new-gallery-lightbox-thumb-item {
        width: 50px;
        height: 50px;
    }
}

/* ==============================================
   Product New Gallery - BOŞLUK VE BORDER-RADIUS FİX
   En son yüklenen, tüm diğer kuralları override eder
   ============================================== */
@media (max-width: 768px) {
    /* Tüm container'lar için padding sıfır - EN SPESİFİK */
    .pdp-wrap .container,
    .pdp-wrap .container-fluid,
    .product-page-container .container,
    .product-page-container .container-fluid,
    .pdp-gallery-wrapper .container,
    .pdp-gallery-wrapper .container-fluid,
    .product-page-gallery-container .container,
    .product-page-gallery-container .container-fluid,
    .col-lg-8.container,
    .col-md-12.container,
    .col-sm-12.container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Tüm row'lar için margin ve padding sıfır - EN SPESİFİK */
    .pdp-wrap .row,
    .product-page-container .row,
    .pdp-gallery-wrapper .row,
    .product-page-gallery-container .row,
    /* Daha spesifik - container içindeki row'lar */
    .pdp-wrap .container .row,
    .product-page-container .container .row,
    .pdp-wrap .container-fluid .row,
    .product-page-container .container-fluid .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }
    
    /* Tüm col'lar için padding sıfır - EN SPESİFİK */
    .pdp-wrap [class*="col-"],
    .product-page-container [class*="col-"],
    .pdp-gallery-wrapper [class*="col-"],
    .product-page-gallery-container [class*="col-"],
    .col-lg-8,
    .col-md-12,
    .col-sm-12,
    .pdp-wrap .row > [class*="col-"],
    .product-page-container .row > [class*="col-"],
    .pdp-gallery-wrapper .row > [class*="col-"],
    .product-page-gallery-container .row > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Row > * için tüm child elementler - EN SPESİFİK */
    .pdp-wrap .row > *,
    .product-page-container .row > *,
    .pdp-gallery-wrapper .row > *,
    .product-page-gallery-container .row > *,
    /* Row'un tüm direct child'ları - HER TÜRLÜ ELEMENT */
    .pdp-wrap .row > div,
    .product-page-container .row > div,
    .pdp-gallery-wrapper .row > div,
    .product-page-gallery-container .row > div,
    /* Col class'ları direkt row altında */
    .pdp-wrap .row > .col-lg-8,
    .pdp-wrap .row > .col-md-12,
    .pdp-wrap .row > .col-sm-12,
    .product-page-container .row > .col-lg-8,
    .product-page-container .row > .col-md-12,
    .product-page-container .row > .col-sm-12,
    .pdp-gallery-wrapper .row > .col-lg-8,
    .pdp-gallery-wrapper .row > .col-md-12,
    .pdp-gallery-wrapper .row > .col-sm-12,
    .product-page-gallery-container .row > .col-lg-8,
    .product-page-gallery-container .row > .col-md-12,
    .product-page-gallery-container .row > .col-sm-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }
    
    /* Bootstrap Gutter Variable Override - EN ÖNEMLİ */
    .pdp-wrap,
    .product-page-container,
    .pdp-gallery-wrapper,
    .product-page-gallery-container {
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }
    
    .pdp-wrap .row,
    .product-page-container .row,
    .pdp-gallery-wrapper .row,
    .product-page-gallery-container .row {
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Border-radius tamamen kaldır - EN SPESİFİK */
    .pdp-wrap,
    .product-page-container,
    .pdp-gallery-wrapper,
    .product-page-gallery-container,
    .product-new-gallery,
    .product-new-gallery *,
    .product-new-gallery-main-area,
    .product-new-gallery-main-img-wrapper,
    .product-new-gallery-main-img,
    .product-new-gallery-main-slide,
    .product-new-gallery-main-slide *,
    .product-new-gallery-main-img-wrapper *,
    .product-new-gallery-main-img img,
    .product-page-gallery-container *,
    .pdp-gallery-wrapper.product-page-gallery-container * {
        border-radius: 0 !important;
    }
    
    /* Bootstrap Gutter Variables - TAMAMEN SIFIR */
    .pdp-wrap,
    .product-page-container,
    .pdp-gallery-wrapper,
    .product-page-gallery-container,
    .product-new-gallery {
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }
    
    .pdp-wrap .container,
    .product-page-container .container,
    .pdp-gallery-wrapper .container,
    .product-page-gallery-container .container {
        --bs-gutter-x: 0 !important;
    }
    
    .pdp-wrap .row,
    .product-page-container .row,
    .pdp-gallery-wrapper .row,
    .product-page-gallery-container .row {
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }
    
    /* Row'un TÜM child elementleri için padding/margin sıfır - SON ÇARE */
    .pdp-wrap .row > *:not(style):not(script),
    .product-page-container .row > *:not(style):not(script),
    .pdp-gallery-wrapper .row > *:not(style):not(script),
    .product-page-gallery-container .row > *:not(style):not(script) {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        --bs-gutter-x: 0 !important;
    }
    
    /* Col class'ları için kesin override */
    .pdp-wrap .col-lg-8,
    .pdp-wrap .col-md-12,
    .pdp-wrap .col-sm-12,
    .product-page-container .col-lg-8,
    .product-page-container .col-md-12,
    .product-page-container .col-sm-12,
    .pdp-gallery-wrapper .col-lg-8,
    .pdp-gallery-wrapper .col-md-12,
    .pdp-gallery-wrapper .col-sm-12,
    .product-page-gallery-container .col-lg-8,
    .product-page-gallery-container .col-md-12,
    .product-page-gallery-container .col-sm-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        --bs-gutter-x: 0 !important;
    }
}

/* ===========================================
   MODERN ÜRÜN SLİDER TASARIMI - MASAÜSTÜ
   =========================================== */
@media (min-width: 768px) {
    .uomo-product-slider-prev,
    .uomo-product-slider-next,
    .produc_slider__prev,
    .produc_slider__next {
        width: 50px !important;
        height: 50px !important;
        background: #ffffff !important;
        border: 2px solid #e5e7eb !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        color: #374151 !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
        z-index: 10 !important;
    }
    
    .uomo-product-slider-prev {
        left: -25px !important;
    }
    
    .uomo-product-slider-next {
        right: -25px !important;
    }
    
    .uomo-product-slider-prev:hover,
    .uomo-product-slider-next:hover,
    .produc_slider__prev:hover,
    .produc_slider__next:hover {
        background: #1f2937 !important;
        border-color: #1f2937 !important;
        color: #ffffff !important;
        transform: translateY(-50%) scale(1.1) !important;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
    }
    
    .uomo-product-slider-prev:active,
    .uomo-product-slider-next:active,
    .produc_slider__prev:active,
    .produc_slider__next:active {
        transform: translateY(-50%) scale(0.95) !important;
    }
    
    .uomo-product-slider-prev svg,
    .uomo-product-slider-next svg,
    .produc_slider__prev svg,
    .produc_slider__next svg {
        width: 20px !important;
        height: 20px !important;
        transition: all 0.3s ease !important;
    }
    
    /* ===========================================
       MINIMAL GOOGLE YORUMLARI TASARIMI - MASAÜSTÜ
       =========================================== */
    
    .google-review-card,
    .modern-review-card {
        background: #ffffff !important;
        border: 2px solid #e5e7eb !important;
        border-radius: 12px !important;
        padding: 24px !important;
        box-shadow: none !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    .google-review-card::before,
    .modern-review-card::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 4px !important;
        height: 100% !important;
        background: #e5e7eb !important;
        transition: all 0.3s ease !important;
    }
    
    .google-review-card:hover,
    .modern-review-card:hover {
        border-color: #1f2937 !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    }
    
    .google-review-card:hover::before,
    .modern-review-card:hover::before {
        background: #1f2937 !important;
    }
    
    .google-badge {
        position: absolute !important;
        top: 16px !important;
        right: 16px !important;
        width: 32px !important;
        height: 32px !important;
        background: #4285f4 !important;
        color: #ffffff !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        box-shadow: 0 2px 8px rgba(66, 133, 244, 0.2) !important;
    }
    
    .google-review-card__header {
        padding-right: 40px !important;
        margin-bottom: 16px !important;
    }
    
    .google-review-card__author-name {
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #1f2937 !important;
        margin-bottom: 6px !important;
    }
    
    .google-review-card__rating {
        gap: 3px !important;
    }
    
    .google-review-card__rating i {
        font-size: 13px !important;
        color: #fbbf24 !important;
    }
    
    .rating-number {
        font-size: 13px !important;
        color: #6b7280 !important;
        margin-left: 4px !important;
    }
    
    .google-review-card__text {
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #4b5563 !important;
        margin-bottom: 16px !important;
    }
    
    .google-review-card__footer {
        border-top: 1px solid #e5e7eb !important;
        padding-top: 12px !important;
        margin-top: 12px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    
    .review-meta {
        font-size: 12px !important;
        color: #9ca3af !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }
    
    .review-meta i {
        font-size: 11px !important;
    }
    
    .google-logo {
        color: #4285f4 !important;
        font-size: 16px !important;
    }
    
    /* Modern Navigation Buttons - Google Reviews */
    .google-reviews-prev,
    .google-reviews-next,
    .modern-nav-btn {
        width: 40px !important;
        height: 40px !important;
        background: #ffffff !important;
        border: 2px solid #e5e7eb !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        color: #374151 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 10 !important;
    }
    
    .google-reviews-prev {
        left: -20px !important;
    }
    
    .google-reviews-next {
        right: -20px !important;
    }
    
    .google-reviews-prev:hover,
    .google-reviews-next:hover,
    .modern-nav-btn:hover {
        background: #1f2937 !important;
        border-color: #1f2937 !important;
        color: #ffffff !important;
        transform: translateY(-50%) scale(1.1) !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    }
    
    .google-reviews-prev:active,
    .google-reviews-next:active,
    .modern-nav-btn:active {
        transform: translateY(-50%) scale(0.95) !important;
    }
    
    .google-reviews-prev i,
    .google-reviews-next i,
    .modern-nav-btn i {
        font-size: 14px !important;
    }
}

/* ===========================================
   MOBİL ALT NAVİGASYON (BOTTOM NAVIGATION)
   =========================================== */
/* Desktop'ta gizle */
@media (min-width: 768px) {
    .deep-mobile-bottom-navigation {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    /* Mobil alt navigasyon container */
    .deep-mobile-bottom-navigation {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background-color: #ffffff !important;
        border-top: 1px solid #e5e5e5 !important;
        z-index: 9999 !important;
        padding: 8px 0 !important;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1) !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .deep-mobile-bottom-navigation__container {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    
    /* Her menü öğesi */
    .deep-mobile-bottom-navigation__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1;
        padding: 4px 8px;
        text-decoration: none;
        color: #6b7280;
        transition: color 0.2s ease;
        min-width: 0;
        position: relative;
    }
    
    .deep-mobile-bottom-navigation__item:hover {
        color: #111111;
        text-decoration: none;
    }
    
    /* Aktif menü öğesi */
    .deep-mobile-bottom-navigation__item--active {
        color: #111111;
    }
    
    /* İkon container */
    .deep-mobile-bottom-navigation__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        margin-bottom: 4px;
        font-size: 22px;
        color: inherit;
    }
    
    .deep-mobile-bottom-navigation__icon i {
        font-size: 22px;
        line-height: 1;
    }
    
    /* Badge (sepet sayısı için) */
    .deep-mobile-bottom-navigation__badge {
        position: absolute;
        top: -4px;
        right: -8px;
        background-color: #ef4444;
        color: #ffffff;
        font-size: 11px;
        font-weight: 600;
        padding: 2px 6px;
        border-radius: 10px;
        min-width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }
    
    /* Metin etiketi */
    .deep-mobile-bottom-navigation__label {
        font-size: 12px;
        font-weight: 400;
        line-height: 1.2;
        color: inherit;
        text-align: center;
        margin-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    
    /* Body'ye padding-bottom ekle (mobil alt navigasyon için alan) */
    body {
        padding-bottom: 70px;
    }
}

/* Çok küçük ekranlar için düzenlemeler */
@media (max-width: 480px) {
    .deep-mobile-bottom-navigation {
        padding: 6px 0;
    }
    
    .deep-mobile-bottom-navigation__icon {
        font-size: 20px;
    }
    
    .deep-mobile-bottom-navigation__icon i {
        font-size: 20px;
    }
    
    .deep-mobile-bottom-navigation__label {
        font-size: 11px;
    }
    
    body {
        padding-bottom: 65px;
    }
}/* ==========================================
   COMPONENTS CSS - Consolidated Component Styles
   Bu dosya tüm component stillerini içerir
   ========================================== */

/* Product Card Component - Extracted from inline styles */
.product-out-of-stock-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    z-index: 20;
    pointer-events: none;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.product-image-container {
    position: relative;
}

.product-image-container img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

.product-image-container img.is-out-of-stock {
    opacity: 0.5;
}

.new-pc__img.no-image-placeholder {
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.new-pc__img.no-image-placeholder i {
    font-size: 2rem;
    color: #ccc;
}

.product_collection_badge.awa-badge-row__item.product-badge_text {
    background: #111;
    color: #fff;
}

/* Color swatches - dynamic background */
.color-swatch {
    background-color: var(--swatch-color, #ddd);
}

/* Section Title Font Override - Extracted from inline styles */
.section-title-dynamic-font {
    font-family: var(--section-title-font, inherit) !important;
}

.section-subtitle-dynamic-font {
    font-family: var(--section-subtitle-font, inherit) !important;
}

/* Footer Dynamic Styles - Extracted from inline styles */
.furniture-footer-modern {
    background-color: var(--footer-bg-color, inherit) !important;
}

.furniture-footer-modern.has-bg-image {
    background-image: var(--footer-bg-image, none) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Notification Permission Banner */
.notification-permission-banner {
    display: none;
}

/* Flash Messages */
.flash-messages {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

.flash-messages .alert {
    margin-bottom: 10px;
    min-width: 300px;
    background-color: #1f2937;
    color: #ffffff;
    border: 1px solid #374151;
}

.flash-messages .btn-close {
    color: #ffffff;
}

/* Image Position Absolute - Common pattern extracted */
.image-position-absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Hidden Elements */
.display-none {
    display: none !important;
}

/* Google Reviews Icon Colors */
.google-icon {
    color: #4285f4;
}

/* Mobile Bottom Navigation */
.deep-mobile-bottom-navigation__icon.active {
    color: var(--active-color, inherit);
}

.deep-mobile-bottom-navigation__link.active {
    color: var(--active-color, inherit);
}

/* Product Stock Indicator */
.stock-indicator.available {
    color: var(--ok, #dc3545);
    font-weight: 600;
}

.stock-indicator.unavailable {
    color: var(--danger, #dc3545);
    font-weight: 600;
}

/* Container Padding */
.container-custom-padding {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
}

/* Notification Banner */
#notification-permission-banner {
    display: none;
}


/* ==========================================
   MODERN SLIDERS - From awp-modern-sliders.css
   ========================================== */

/* ===========================================
   MODERN SLIDERS - BENZERSIZ CSS CLASS'LAR
   Prefix: awp-modern-*
   =========================================== */

/* ===========================================
   MODERN PRODUCT SLIDER - Gezdiğiniz Ürünler ile aynı yapı/stil
   =========================================== */
.awp-modern-product-slider-section {
    padding: 0;
}

/* Başlık: Gezdiğiniz Ürünler ile aynı - .h3 .h-md-2 .mb-2 .mb-md-3 boyutlarını kullanır */
.awp-modern-product-slider-title {
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #222222;
    line-height: 1.3;
}

.awp-modern-product-slider-subtitle {
    color: #6c757d;
    margin: 0;
    line-height: 1.4;
}

.awp-modern-product-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    min-height: 1px;
    -webkit-overflow-scrolling: touch;
}

.awp-modern-product-slider-track {
    display: flex;
    flex-wrap: nowrap;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    box-sizing: border-box;
}

.awp-modern-product-slider-slide {
    flex: 0 0 auto;
    min-width: 0;
    box-sizing: border-box;
    padding: 0;
}

.awp-modern-product-slider-slide .product-card-wrapper,
.awp-modern-product-slider-slide .new-product-card {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: none;
}

/* Hover yok - arka plan / gölge / transform kullanılmıyor */

/* Görsel: orijinal en-boy oranında (Gezdiğiniz Ürünler gibi) */
.awp-modern-product-slider-slide .awp-modern-product-slider-img,
.awp-modern-product-slider-slide .new-pc__img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    max-width: 100%;
    vertical-align: middle;
}

/* Nav butonları - Bootstrap btn override, Deep tema uyumlu */
.awp-modern-product-slider-nav,
.awp-modern-product-slider-nav.btn,
.awp-modern-product-slider-nav.btn-outline-secondary,
.awp-modern-product-slider-nav.btn-sm {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(1, 88, 80, 0.3) !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    color: #c32929 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

.awp-modern-product-slider-nav i,
.awp-modern-product-slider-nav.btn i {
    display: inline-block !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.awp-modern-product-slider-nav:hover:not(:disabled),
.awp-modern-product-slider-nav.btn:hover:not(:disabled) {
    border-color: #c32929 !important;
    background-color: #c32929 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(1, 88, 80, 0.25) !important;
}

.awp-modern-product-slider-nav:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.awp-modern-product-slider-pagination {
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
}

.awp-modern-product-slider-pagination-dot {
    width: 10px;
    height: 10px;
    min-width: 10px;
    border-radius: 50%;
    background: rgba(222, 226, 230, 0.7);
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    padding: 0;
    flex-shrink: 0;
}

.awp-modern-product-slider-pagination-dot:hover {
    background: rgba(180, 185, 192, 0.9);
}

.awp-modern-product-slider-pagination-dot:focus-visible {
    outline: 2px solid #222222;
    outline-offset: 2px;
}

.awp-modern-product-slider-pagination-dot.active {
    background: #222222;
    width: 28px;
    min-width: 28px;
    border-radius: 14px;
}

.awp-modern-product-slider-pagination-dot.active:hover {
    background: #333333;
}

/* Viewed Products Slider - Same design as product slider but different classes */
.awp-viewed-products-section {
    padding: 0;
}

.awp-viewed-products-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.awp-viewed-products-track {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.awp-viewed-products-slide,
.awp-modern-product-slider-slide {
    flex-shrink: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .awp-viewed-products-slide,
    .awp-modern-product-slider-slide {
        padding: 0 12px;
    }
}

@media (min-width: 992px) {
    .awp-viewed-products-slide,
    .awp-modern-product-slider-slide {
        padding: 0 15px;
    }
}

/* Gezdiğiniz Ürünler slider - Bootstrap btn override, Deep tema */
.awp-viewed-products-nav-prev,
.awp-viewed-products-nav-next,
.awp-viewed-products-nav-prev.btn,
.awp-viewed-products-nav-next.btn,
.awp-viewed-products-nav-prev.btn-outline-secondary,
.awp-viewed-products-nav-next.btn-outline-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(1, 88, 80, 0.3) !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    color: #c32929 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

.awp-viewed-products-nav-prev i,
.awp-viewed-products-nav-next i,
.awp-viewed-products-nav-prev.btn i,
.awp-viewed-products-nav-next.btn i {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.awp-viewed-products-nav-prev:hover:not(:disabled),
.awp-viewed-products-nav-next:hover:not(:disabled) {
    border-color: #c32929 !important;
    background-color: #c32929 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(1, 88, 80, 0.25) !important;
}

.awp-viewed-products-nav-prev:disabled,
.awp-viewed-products-nav-next:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.awp-viewed-products-pagination-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #dee2e6;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
}

.awp-viewed-products-pagination-dot.active {
    background: #222222;
    width: 24px;
    border-radius: 4px;
}

/* Similar Products Slider - Same design as product slider but different classes */
.awp-similar-products-section {
    padding: 0;
}

.awp-similar-products-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.awp-similar-products-track {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.awp-similar-products-slide {
    flex-shrink: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .awp-similar-products-slide {
        padding: 0 12px;
    }
}

@media (min-width: 992px) {
    .awp-similar-products-slide {
        padding: 0 15px;
    }
}

.awp-similar-products-nav-prev,
.awp-similar-products-nav-next {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    color: #222222 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.awp-similar-products-nav-prev i,
.awp-similar-products-nav-next i {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
}

.awp-similar-products-nav-prev:hover:not(:disabled),
.awp-similar-products-nav-next:hover:not(:disabled) {
    border-color: #222222 !important;
    background-color: #222222 !important;
    color: #ffffff !important;
    transform: none !important;
}

.awp-similar-products-nav-prev:disabled,
.awp-similar-products-nav-next:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.awp-similar-products-pagination-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #dee2e6;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
}

.awp-similar-products-pagination-dot.active {
    background: #222222;
    width: 24px;
    border-radius: 4px;
}

/* ===========================================
   MODERN TABBED PRODUCT SLIDER
   =========================================== */
.awp-modern-tabbed-product-slider-section {
    padding: 60px 0;
    background: #f9fafb;
}

.awp-modern-tabbed-product-slider-header {
    text-align: left;
    margin-bottom: 40px;
}

.awp-modern-tabbed-product-slider-title {
    font-size: 32px;
    font-weight: 700;
    color: #222222;
    margin: 0 0 12px 0;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.awp-modern-tabbed-product-slider-title-strong {
    font-weight: 700 !important;
}

.awp-modern-tabbed-product-slider-title-light {
    font-weight: 400;
}

.awp-modern-tabbed-product-slider-subtitle {
    font-size: 16px;
    color: #767676;
    margin: 0;
    line-height: 1.6;
    text-align: left;
}

.awp-modern-tabbed-product-slider-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 0;
}

.awp-modern-tabbed-product-slider-tab {
    padding: 12px 24px;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    color: #767676;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: -2px;
    font-family: inherit;
}

.awp-modern-tabbed-product-slider-tab:hover {
    color: #222222;
}

.awp-modern-tabbed-product-slider-tab.active {
    color: #222222;
    border-bottom-color: #222222;
}

.awp-modern-tabbed-product-slider-content {
    position: relative;
}

.awp-modern-tabbed-product-slider-pane {
    display: none;
}

.awp-modern-tabbed-product-slider-pane.active {
    display: block;
}

.awp-modern-tabbed-product-slider-wrapper {
    position: relative;
}

.awp-modern-tabbed-product-slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.awp-modern-tabbed-product-slider-track {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.awp-modern-tabbed-product-slider-slide {
    flex-shrink: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    height: 100%;
}

.awp-modern-tabbed-product-slider-slide .product-card-wrapper {
    height: 100%;
}

.awp-modern-tabbed-product-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 52px;
    height: 52px;
    background: #ffffff;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    color: #374151;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.awp-modern-tabbed-product-slider-nav:hover {
    background: #1f2937;
    color: #ffffff;
    border-color: #1f2937;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-50%) scale(1.08);
}

.awp-modern-tabbed-product-slider-nav:active {
    transform: translateY(-50%) scale(0.96);
}

.awp-modern-tabbed-product-slider-nav:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.awp-modern-tabbed-product-slider-nav-prev {
    left: -26px;
}

.awp-modern-tabbed-product-slider-nav-next {
    right: -26px;
}

/* Modern Blog Slider - Minimal Design */
.awp-modern-blog-slider-section {
    padding: 0;
}

.awp-modern-blog-slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.awp-modern-blog-slider-track {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.awp-modern-blog-slider-slide {
    flex-shrink: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .awp-modern-blog-slider-slide {
        padding: 0 12px;
    }
}

@media (min-width: 992px) {
    .awp-modern-blog-slider-slide {
        padding: 0 15px;
    }
}

.awp-modern-blog-slider-slide .card {
    border: 1px solid #dee2e6;
    transition: border-color 0.2s ease;
}

.awp-modern-blog-slider-slide .card:hover {
    border-color: #222222;
}

.awp-modern-blog-slider-slide .card img {
    transition: transform 0.4s ease;
}

.awp-modern-blog-slider-slide .card:hover img {
    transform: scale(1.05);
}

.awp-modern-blog-slider-nav-prev,
.awp-modern-blog-slider-nav-next {
    border: 1px solid #dee2e6 !important;
    transition: all 0.2s ease;
}

.awp-modern-blog-slider-nav-prev:hover,
.awp-modern-blog-slider-nav-next:hover {
    border-color: #222222 !important;
    background-color: #222222 !important;
    color: #fff !important;
    transform: none;
}

.awp-modern-blog-slider-pagination-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #dee2e6;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
}

.awp-modern-blog-slider-pagination-dot.active {
    background: #222222;
    width: 24px;
    border-radius: 4px;
}

/* Modern Google Reviews Slider - Minimal Design */
.awp-modern-google-reviews-slider-section {
    padding: 0;
}

.awp-modern-google-reviews-slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.awp-modern-google-reviews-slider-track {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.awp-modern-google-reviews-slider-slide {
    flex-shrink: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .awp-modern-google-reviews-slider-slide {
        padding: 0 12px;
    }
}

@media (min-width: 992px) {
    .awp-modern-google-reviews-slider-slide {
        padding: 0 15px;
    }
}

.awp-modern-google-reviews-slider-slide .card {
    border: 1px solid #dee2e6;
    transition: border-color 0.2s ease;
}

.awp-modern-google-reviews-slider-slide .card:hover {
    border-color: #222222;
}

.awp-modern-google-reviews-slider-nav-prev,
.awp-modern-google-reviews-slider-nav-next {
    border: 1px solid #dee2e6 !important;
    transition: all 0.2s ease;
}

.awp-modern-google-reviews-slider-nav-prev:hover,
.awp-modern-google-reviews-slider-nav-next:hover {
    border-color: #222222 !important;
    background-color: #222222 !important;
    color: #fff !important;
    transform: none;
}

.awp-modern-google-reviews-slider-pagination-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #dee2e6;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
}

.awp-modern-google-reviews-slider-pagination-dot.active {
    background: #222222;
    width: 24px;
    border-radius: 4px;
}

/* ===========================================
   MODERN CATEGORY SLIDER - Minimal Design
   =========================================== */
.homepagecategory {
    padding: 0;
}

.homepagecategory-card__track {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    overflow: hidden;
}

[data-homepagecategory-slider] .homepagecategory-card__track {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.homepagecategory-card__product {
    flex-shrink: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .homepagecategory-card__product {
        padding: 0 12px;
    }
}

@media (min-width: 992px) {
    .homepagecategory-card__product {
        padding: 0 15px;
    }
}

/* Slider column widths */
[data-homepagecategory-slider][data-mobile-cols="1"] .homepagecategory-card__product {
    width: 100%;
}

[data-homepagecategory-slider][data-mobile-cols="2"] .homepagecategory-card__product {
    width: 50%;
}

[data-homepagecategory-slider][data-mobile-cols="3"] .homepagecategory-card__product {
    width: 33.333333%;
}

[data-homepagecategory-slider][data-mobile-cols="4"] .homepagecategory-card__product {
    width: 25%;
}

@media (min-width: 768px) {
    [data-homepagecategory-slider][data-tablet-cols="1"] .homepagecategory-card__product {
        width: 100%;
    }
    
    [data-homepagecategory-slider][data-tablet-cols="2"] .homepagecategory-card__product {
        width: 50%;
    }
    
    [data-homepagecategory-slider][data-tablet-cols="3"] .homepagecategory-card__product {
        width: 33.333333%;
    }
    
    [data-homepagecategory-slider][data-tablet-cols="4"] .homepagecategory-card__product {
        width: 25%;
    }
}

@media (min-width: 992px) {
    [data-homepagecategory-slider][data-desktop-cols="1"] .homepagecategory-card__product {
        width: 100%;
    }
    
    [data-homepagecategory-slider][data-desktop-cols="2"] .homepagecategory-card__product {
        width: 50%;
    }
    
    [data-homepagecategory-slider][data-desktop-cols="3"] .homepagecategory-card__product {
        width: 33.333333%;
    }
    
    [data-homepagecategory-slider][data-desktop-cols="4"] .homepagecategory-card__product {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    [data-homepagecategory-slider][data-desktop-large-cols="1"] .homepagecategory-card__product {
        width: 100%;
    }
    
    [data-homepagecategory-slider][data-desktop-large-cols="2"] .homepagecategory-card__product {
        width: 50%;
    }
    
    [data-homepagecategory-slider][data-desktop-large-cols="3"] .homepagecategory-card__product {
        width: 33.333333%;
    }
    
    [data-homepagecategory-slider][data-desktop-large-cols="4"] .homepagecategory-card__product {
        width: 25%;
    }
}

/* Slider navigation buttons */
.homepagecategory-slider-button {
    border: 1px solid #dee2e6 !important;
    transition: all 0.2s ease;
}

.homepagecategory-slider-button:hover {
    border-color: #222222 !important;
    background-color: #222222 !important;
    color: #fff !important;
}

/* Card styling */
.homepagecategory .card {
    border: 1px solid #dee2e6;
    transition: border-color 0.2s ease;
}

.homepagecategory .card:hover {
    border-color: #222222;
}

/* ===========================================
   MODERN RECENTLY VIEWED PRODUCTS SLIDER
   =========================================== */
.awp-modern-recently-viewed-slider-section {
    padding: 60px 0;
    background: #ffffff;
}

.awp-modern-recently-viewed-slider-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

.awp-modern-recently-viewed-slider-header-content {
    flex: 1;
    text-align: left;
}

.awp-modern-recently-viewed-slider-toolbar-controls {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

.awp-modern-recently-viewed-slider-title {
    font-size: 32px;
    font-weight: 700;
    color: #222222;
    margin: 0 0 12px 0;
    letter-spacing: -0.02em;
    line-height: 1.3;
    border-bottom: none !important;
    text-decoration: none !important;
}

.awp-modern-recently-viewed-slider-title::after,
.awp-modern-recently-viewed-slider-title::before {
    display: none !important;
}

.awp-modern-recently-viewed-slider-title-strong::after,
.awp-modern-recently-viewed-slider-title-strong::before,
.awp-modern-recently-viewed-slider-title-light::after,
.awp-modern-recently-viewed-slider-title-light::before {
    display: none !important;
}

.awp-modern-recently-viewed-slider-title-strong {
    font-weight: 700 !important;
}

.awp-modern-recently-viewed-slider-title-light {
    font-weight: 400;
}

.awp-modern-recently-viewed-slider-subtitle {
    font-size: 16px;
    color: #767676;
    margin: 0;
    line-height: 1.6;
    text-align: left;
}

.awp-modern-recently-viewed-slider-wrapper {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
}

.awp-modern-recently-viewed-slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    min-height: 1px; /* Prevent collapse on initial load */
}

.awp-modern-recently-viewed-slider-track {
    display: flex;
    align-items: flex-start;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.awp-modern-recently-viewed-slider-slide {
    flex-shrink: 0;
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
}

.awp-modern-recently-viewed-slider-slide:first-child {
    padding-left: 0;
}

.awp-modern-recently-viewed-slider-slide:last-child {
    padding-right: 0;
}

.awp-modern-recently-viewed-slider-slide .product-card-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Eski ortadaki butonlar - gizli */
.awp-modern-recently-viewed-slider-wrapper .awp-modern-recently-viewed-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    display: none !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #222222;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Toolbar'daki butonlar */
.awp-modern-recently-viewed-slider-toolbar-controls .awp-modern-recently-viewed-slider-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #e5e7eb !important;
    background: #ffffff !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    color: #374151 !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.awp-modern-recently-viewed-slider-toolbar-controls .awp-modern-recently-viewed-slider-nav:hover {
    background: #f3f4f6 !important;
    color: #222222 !important;
    border-color: #d1d5db !important;
    transform: none !important;
    box-shadow: none !important;
}

.awp-modern-recently-viewed-slider-nav:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.awp-modern-recently-viewed-slider-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    margin-bottom: 0;
}

.awp-modern-recently-viewed-slider-pagination-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d1d5db;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
}

.awp-modern-recently-viewed-slider-pagination-dot.active {
    background: #222222;
    width: 30px;
    border-radius: 5px;
}

/* ===========================================
   MODERN SIMILAR PRODUCTS SLIDER
   =========================================== */
.awp-modern-similar-products-slider-section {
    padding: 60px 0;
    background: #ffffff;
}

.awp-modern-similar-products-slider-header {
    text-align: center;
    margin-bottom: 40px;
}

.awp-modern-similar-products-slider-title {
    font-size: 32px;
    font-weight: 700;
    color: #222222;
    margin: 0 0 12px 0;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

.awp-modern-similar-products-slider-title-strong {
    font-weight: 700 !important;
}

.awp-modern-similar-products-slider-title-light {
    font-weight: 400;
}

.awp-modern-similar-products-slider-subtitle {
    font-size: 16px;
    color: #767676;
    margin: 0;
    line-height: 1.6;
}

.awp-modern-similar-products-slider-wrapper {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.awp-modern-similar-products-slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.awp-modern-similar-products-slider-track {
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

.awp-modern-similar-products-slider-slide {
    flex-shrink: 0;
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box;
    height: 100%;
}

.awp-modern-similar-products-slider-slide:first-child {
    padding-left: 0;
}

.awp-modern-similar-products-slider-slide:last-child {
    padding-right: 0;
}

.awp-modern-similar-products-slider-slide .product-card-wrapper {
    height: 100%;
}

.awp-modern-similar-products-slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 52px;
    height: 52px;
    background: #ffffff;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    color: #374151;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.awp-modern-similar-products-slider-nav:hover {
    background: #1f2937;
    color: #ffffff;
    border-color: #1f2937;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-50%) scale(1.08);
}

.awp-modern-similar-products-slider-nav:active {
    transform: translateY(-50%) scale(0.96);
}

.awp-modern-similar-products-slider-nav:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.awp-modern-similar-products-slider-nav-prev {
    left: 15px;
}

.awp-modern-similar-products-slider-nav-next {
    right: 15px;
}

@media (min-width: 992px) {
.awp-modern-similar-products-slider-nav-prev {
    left: -26px;
}

.awp-modern-similar-products-slider-nav-next {
    right: -26px;
}
}

.awp-modern-similar-products-slider-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
}

.awp-modern-similar-products-slider-pagination-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d1d5db;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    padding: 0;
}

.awp-modern-similar-products-slider-pagination-dot.active {
    background: #222222;
    width: 30px;
    border-radius: 5px;
}

/* ===========================================
   RESPONSIVE DESIGN
   =========================================== */
/* Desktop Large - 1200px ve üzeri */
@media (min-width: 1200px) {
    .awp-modern-product-slider-nav-prev,
    .awp-modern-tabbed-product-slider-nav-prev,
    .awp-modern-blog-slider-nav-prev,
    .awp-modern-google-reviews-slider-nav-prev,
    .awp-modern-recently-viewed-slider-nav-prev,
    .awp-modern-similar-products-slider-nav-prev {
        left: -20px !important;
        width: 40px !important;
        height: 40px !important;
        border: 2px solid #e5e7eb !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    }
    
    .awp-modern-product-slider-nav-next,
    .awp-modern-tabbed-product-slider-nav-next,
    .awp-modern-blog-slider-nav-next,
    .awp-modern-google-reviews-slider-nav-next,
    .awp-modern-recently-viewed-slider-nav-next,
    .awp-modern-similar-products-slider-nav-next {
        right: -20px !important;
        width: 40px !important;
        height: 40px !important;
        border: 2px solid #e5e7eb !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    }
}

@media (max-width: 1199px) {
    .awp-modern-product-slider-nav-prev,
    .awp-modern-tabbed-product-slider-nav-prev,
    .awp-modern-blog-slider-nav-prev,
    .awp-modern-google-reviews-slider-nav-prev,
    .awp-modern-recently-viewed-slider-nav-prev,
    .awp-modern-similar-products-slider-nav-prev {
        left: -16px;
        width: 36px;
        height: 36px;
        border: 2px solid #e5e7eb;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }
    
    .awp-modern-product-slider-nav-next,
    .awp-modern-tabbed-product-slider-nav-next,
    .awp-modern-blog-slider-nav-next,
    .awp-modern-google-reviews-slider-nav-next,
    .awp-modern-recently-viewed-slider-nav-next,
    .awp-modern-similar-products-slider-nav-next {
        right: -16px;
        width: 36px;
        height: 36px;
        border: 2px solid #e5e7eb;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }
}

@media (max-width: 991px) {
    .awp-modern-product-slider-section,
    .awp-modern-tabbed-product-slider-section,
    .awp-modern-blog-slider-section,
    .awp-modern-google-reviews-slider-section,
    .awp-modern-recently-viewed-slider-section,
    .awp-modern-similar-products-slider-section {
        padding: 40px 0 5px 0;
        margin-bottom: 0;
    }
    
    .awp-modern-product-slider-title,
    .awp-modern-tabbed-product-slider-title,
    .awp-modern-blog-slider-title,
    .awp-modern-google-reviews-slider-title,
    .awp-modern-recently-viewed-slider-title,
    .awp-modern-similar-products-slider-title {
        font-size: 28px;
    }
    
    .awp-modern-product-slider-nav,
    .awp-modern-tabbed-product-slider-nav,
    .awp-modern-blog-slider-nav,
    .awp-modern-google-reviews-slider-nav,
    .awp-modern-recently-viewed-slider-nav,
    .awp-modern-similar-products-slider-nav {
        width: 32px;
        height: 32px;
        border: 2px solid #e5e7eb;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }
}

@media (max-width: 767px) {
    .awp-modern-product-slider-section,
    .awp-modern-tabbed-product-slider-section,
    .awp-modern-blog-slider-section,
    .awp-modern-google-reviews-slider-section,
    .awp-modern-recently-viewed-slider-section,
    .awp-modern-similar-products-slider-section,
    .awp-viewed-products-section,
    .awp-similar-products-section {
        padding: 16px 0 0 0;
        margin-bottom: 0;
    }
    
    .awp-modern-product-slider-container,
    .awp-viewed-products-container,
    .awp-similar-products-container {
        min-height: 0;
    }
    
    .awp-modern-product-slider-header,
    .awp-modern-tabbed-product-slider-header,
    .awp-modern-blog-slider-header,
    .awp-modern-google-reviews-slider-header,
    .awp-modern-recently-viewed-slider-header,
    .awp-modern-similar-products-slider-header {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
    .awp-modern-product-slider-title,
    .awp-modern-tabbed-product-slider-title,
    .awp-modern-blog-slider-title,
    .awp-modern-google-reviews-slider-title,
    .awp-modern-recently-viewed-slider-title,
    .awp-modern-similar-products-slider-title {
        font-size: 24px;
    }
    
    .awp-modern-product-slider-subtitle,
    .awp-modern-tabbed-product-slider-subtitle,
    .awp-modern-blog-slider-subtitle,
    .awp-modern-google-reviews-slider-subtitle,
    .awp-modern-recently-viewed-slider-subtitle,
    .awp-modern-similar-products-slider-subtitle {
        font-size: 14px;
    }
    
    .awp-modern-product-slider-nav,
    .awp-modern-tabbed-product-slider-nav,
    .awp-modern-blog-slider-nav,
    .awp-modern-google-reviews-slider-nav,
    .awp-modern-recently-viewed-slider-nav,
    .awp-modern-similar-products-slider-nav {
        display: none !important;
    }
    
    /* Anasayfa ürün slider: floating nav mobilde kapalı */
    .awp-modern-product-slider-wrapper .awp-modern-product-slider-nav {
        display: none !important;
    }
    
    /* Mobil için navigasyon butonları düzeltmesi */
    .awp-modern-product-slider-section .d-flex.gap-2.justify-content-md-end,
    .awp-modern-tabbed-product-slider-section .d-flex.gap-2.justify-content-md-end,
    .awp-modern-blog-slider-section .d-flex.gap-2.justify-content-md-end,
    .awp-modern-google-reviews-slider-section .d-flex.gap-2.justify-content-md-end,
    .awp-modern-recently-viewed-slider-section .d-flex.gap-2.justify-content-md-end,
    .awp-modern-similar-products-slider-section .d-flex.gap-2.justify-content-md-end,
    .awp-viewed-products-section .d-flex.gap-2.justify-content-md-end,
    .awp-similar-products-section .d-flex.gap-2.justify-content-md-end {
        display: flex !important;
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -moz-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: 100% !important;
    }
    
    .awp-modern-product-slider-nav-prev,
    .awp-modern-product-slider-nav-next,
    .awp-modern-tabbed-product-slider-nav-prev,
    .awp-modern-tabbed-product-slider-nav-next,
    .awp-modern-blog-slider-nav-prev,
    .awp-modern-blog-slider-nav-next,
    .awp-modern-google-reviews-slider-nav-prev,
    .awp-modern-google-reviews-slider-nav-next,
    .awp-modern-recently-viewed-slider-nav-prev,
    .awp-modern-recently-viewed-slider-nav-next,
    .awp-modern-similar-products-slider-nav-prev,
    .awp-modern-similar-products-slider-nav-next,
    .awp-similar-products-nav-prev,
    .awp-similar-products-nav-next,
    .awp-viewed-products-nav-prev,
    .awp-viewed-products-nav-next {
        display: flex !important;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 1px solid #dee2e6 !important;
        border-radius: 50% !important;
        background-color: #ffffff !important;
        color: #222222 !important;
        font-size: 11px !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
    }
    
    .awp-modern-product-slider-nav-prev i,
    .awp-modern-product-slider-nav-next i,
    .awp-modern-tabbed-product-slider-nav-prev i,
    .awp-modern-tabbed-product-slider-nav-next i,
    .awp-modern-blog-slider-nav-prev i,
    .awp-modern-blog-slider-nav-next i,
    .awp-modern-google-reviews-slider-nav-prev i,
    .awp-modern-google-reviews-slider-nav-next i,
    .awp-modern-recently-viewed-slider-nav-prev i,
    .awp-modern-recently-viewed-slider-nav-next i,
    .awp-modern-similar-products-slider-nav-prev i,
    .awp-modern-similar-products-slider-nav-next i,
    .awp-similar-products-nav-prev i,
    .awp-similar-products-nav-next i,
    .awp-viewed-products-nav-prev i,
    .awp-viewed-products-nav-next i {
        font-size: 11px !important;
        line-height: 1 !important;
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
    }
    
    .awp-modern-product-slider-nav-prev:hover,
    .awp-modern-product-slider-nav-next:hover,
    .awp-modern-tabbed-product-slider-nav-prev:hover,
    .awp-modern-tabbed-product-slider-nav-next:hover,
    .awp-modern-blog-slider-nav-prev:hover,
    .awp-modern-blog-slider-nav-next:hover,
    .awp-modern-google-reviews-slider-nav-prev:hover,
    .awp-modern-google-reviews-slider-nav-next:hover,
    .awp-modern-recently-viewed-slider-nav-prev:hover,
    .awp-modern-recently-viewed-slider-nav-next:hover,
    .awp-modern-similar-products-slider-nav-prev:hover,
    .awp-modern-similar-products-slider-nav-next:hover,
    .awp-similar-products-nav-prev:hover,
    .awp-similar-products-nav-next:hover,
    .awp-viewed-products-nav-prev:hover,
    .awp-viewed-products-nav-next:hover {
        border-color: #c32929 !important;
        background-color: #c32929 !important;
        color: #ffffff !important;
    }
    
    .awp-modern-product-slider-nav-prev:disabled,
    .awp-modern-product-slider-nav-next:disabled,
    .awp-modern-tabbed-product-slider-nav-prev:disabled,
    .awp-modern-tabbed-product-slider-nav-next:disabled,
    .awp-modern-blog-slider-nav-prev:disabled,
    .awp-modern-blog-slider-nav-next:disabled,
    .awp-modern-google-reviews-slider-nav-prev:disabled,
    .awp-modern-google-reviews-slider-nav-next:disabled,
    .awp-modern-recently-viewed-slider-nav-prev:disabled,
    .awp-modern-recently-viewed-slider-nav-next:disabled,
    .awp-modern-similar-products-slider-nav-prev:disabled,
    .awp-modern-similar-products-slider-nav-next:disabled,
    .awp-similar-products-nav-prev:disabled,
    .awp-similar-products-nav-next:disabled,
    .awp-viewed-products-nav-prev:disabled,
    .awp-viewed-products-nav-next:disabled {
        opacity: 0.5 !important;
        cursor: not-allowed !important;
        pointer-events: none !important;
    }
    
    .awp-modern-product-slider-slide,
    .awp-modern-tabbed-product-slider-slide,
    .awp-modern-blog-slider-slide,
    .awp-modern-google-reviews-slider-slide,
    .awp-modern-recently-viewed-slider-slide,
    .awp-modern-similar-products-slider-slide {
        padding: 0 8px;
    }
    
    .awp-modern-tabbed-product-slider-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding-bottom: 0;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .awp-modern-tabbed-product-slider-tabs::-webkit-scrollbar {
        display: none;
    }
    
    .awp-modern-tabbed-product-slider-tab {
        white-space: nowrap;
        font-size: 14px;
        padding: 10px 16px;
    }
    
    .awp-modern-blog-card-image {
        height: 200px;
    }
    
    .awp-modern-blog-card-content {
        padding: 20px;
    }
    
    .awp-modern-google-review-card {
        padding: 20px;
    }
    
    .awp-modern-product-slider-wrapper,
    .awp-modern-tabbed-product-slider-wrapper,
    .awp-modern-blog-slider-wrapper,
    .awp-modern-google-reviews-slider-wrapper,
    .awp-modern-recently-viewed-slider-wrapper,
    .awp-modern-similar-products-slider-wrapper {
        padding: 0 12px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .awp-modern-product-slider-container,
    .awp-modern-tabbed-product-slider-container,
    .awp-modern-blog-slider-container,
    .awp-modern-google-reviews-slider-container,
    .awp-modern-recently-viewed-slider-container,
    .awp-modern-similar-products-slider-container {
        margin-bottom: 0;
        padding-bottom: 0;
        padding: 0;
    }
    
    .awp-modern-product-slider-track,
    .awp-modern-tabbed-product-slider-track,
    .awp-modern-blog-slider-track,
    .awp-modern-google-reviews-slider-track,
    .awp-modern-recently-viewed-slider-track,
    .awp-modern-similar-products-slider-track {
        padding: 0;
    }
}

/* ===========================================
   ULTRA MODERN TABBED PRODUCT SLIDER
   =========================================== */
.awp-ultra-modern-tabbed-section {
    padding: 80px 0;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

.awp-ultra-modern-tabbed-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #f0f0f0;
}

/* Header Styles */
.awp-ultra-modern-header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.awp-ultra-modern-title-wrapper {
    position: relative;
    display: inline-block;
    margin-bottom: 16px;
}

.awp-ultra-modern-title {
    font-size: 48px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
    letter-spacing: -0.03em;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

.awp-ultra-modern-title-strong {
    font-weight: 700;
    display: inline-block;
}

.awp-ultra-modern-title-light {
    font-weight: 300;
    color: #666666;
    display: inline-block;
    margin-left: 8px;
}

.awp-ultra-modern-title-accent {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background: #1a1a1a;
    border-radius: 2px;
}

.awp-ultra-modern-subtitle {
    font-size: 18px;
    color: #888888;
    margin: 16px 0 0 0;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0.01em;
}

/* Tabs Container */
.awp-ultra-modern-tabs-container {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    position: relative;
}

.awp-ultra-modern-tabs-wrapper {
    position: relative;
    background: #f8f8f8;
    border-radius: 50px;
    padding: 6px;
    display: inline-flex;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.awp-ultra-modern-tabs {
    display: flex;
    gap: 4px;
    position: relative;
}

.awp-ultra-modern-tab {
    position: relative;
    padding: 14px 32px;
    background: transparent;
    border: none;
    color: #333333;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: inherit;
    border-radius: 44px;
    white-space: nowrap;
    overflow: hidden;
}

.awp-ultra-modern-tab-text {
    position: relative;
    z-index: 2;
    transition: color 0.3s ease;
}

.awp-ultra-modern-tab-indicator {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    background: #000000;
    border-radius: 44px;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.awp-ultra-modern-tab:hover {
    color: #1a1a1a;
}

.awp-ultra-modern-tab:hover .awp-ultra-modern-tab-indicator {
    opacity: 1;
    transform: scale(1);
}

.awp-ultra-modern-tab.active {
    color: #0a0a0a;
    font-weight: 700;
}

.awp-ultra-modern-tab.active .awp-ultra-modern-tab-indicator {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Content Styles */
.awp-ultra-modern-content {
    position: relative;
}

.awp-ultra-modern-pane {
    display: none;
    animation: fadeInUp 0.5s ease-out;
}

.awp-ultra-modern-pane.active {
    display: block;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Slider Wrapper */
.awp-ultra-modern-slider-wrapper {
    position: relative;
    padding: 0 60px;
}

.awp-ultra-modern-slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.awp-ultra-modern-slider-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    gap: 20px;
}

.awp-ultra-modern-slider-slide {
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
}

.awp-ultra-modern-slider-slide .product-card-wrapper {
    height: 100%;
}

/* Navigation Buttons */
.awp-ultra-modern-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border: 2px solid #e8e8e8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    color: #1a1a1a;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.awp-ultra-modern-nav:hover {
    background: #1a1a1a;
    color: #ffffff;
    border-color: #1a1a1a;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-50%) scale(1.1);
}

.awp-ultra-modern-nav:active {
    transform: translateY(-50%) scale(0.95);
}

.awp-ultra-modern-nav:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
}

.awp-ultra-modern-nav-prev {
    left: 0;
}

.awp-ultra-modern-nav-next {
    right: 0;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .awp-ultra-modern-title {
        font-size: 42px;
    }
    
    .awp-ultra-modern-slider-wrapper {
        padding: 0 50px;
    }
}

@media (max-width: 992px) {
    .awp-ultra-modern-tabbed-section {
        padding: 60px 0;
    }
    
    .awp-ultra-modern-title {
        font-size: 36px;
    }
    
    .awp-ultra-modern-subtitle {
        font-size: 16px;
    }
    
    .awp-ultra-modern-slider-wrapper {
        padding: 0 40px;
    }
    
    .awp-ultra-modern-nav {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 768px) {
    .awp-ultra-modern-tabbed-section {
        padding: 50px 0;
    }
    
    .awp-ultra-modern-header {
        margin-bottom: 40px;
    }
    
    .awp-ultra-modern-title {
        font-size: 32px;
    }
    
    .awp-ultra-modern-subtitle {
        font-size: 15px;
    }
    
    .awp-ultra-modern-tabs-container {
        margin-bottom: 35px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .awp-ultra-modern-tabs-container::-webkit-scrollbar {
        display: none;
    }
    
    .awp-ultra-modern-tabs-wrapper {
        min-width: 100%;
        padding: 4px;
    }
    
    .awp-ultra-modern-tabs {
        min-width: max-content;
    }
    
    .awp-ultra-modern-tab {
        padding: 12px 24px;
        font-size: 14px;
    }
    
    .awp-ultra-modern-slider-wrapper {
        padding: 0 35px;
    }
    
    .awp-ultra-modern-nav {
        width: 40px;
        height: 40px;
    }
    
    .awp-ultra-modern-nav svg {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 576px) {
    .awp-ultra-modern-title {
        font-size: 28px;
    }
    
    .awp-ultra-modern-title-light {
        display: block;
        margin-left: 0;
        margin-top: 4px;
    }
    
    .awp-ultra-modern-tab {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .awp-ultra-modern-slider-wrapper {
        padding: 0 30px;
    }
    
    .awp-ultra-modern-nav {
        width: 36px;
        height: 36px;
    }
    
    .awp-ultra-modern-nav svg {
        width: 16px;
        height: 16px;
    }
}


/* ==========================================
   PRODUCT GALLERY DISPLAY - From product-gallery-display.css
   ========================================== */

/**
 * Product Display Settings CSS
 * Admin panelden ayarlanabilir ürün gösterim stilleri
 */

/* ==============================================
   GALERI LAYOUT - TWO COLUMNS (2 Resim Yan Yana)
   ============================================== */
.gallery-layout-two_columns .gallery-two-columns-wrapper {
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #ccc #f5f5f5;
}

.gallery-layout-two_columns .gallery-two-columns-wrapper::-webkit-scrollbar {
    width: 8px;
}

.gallery-layout-two_columns .gallery-two-columns-wrapper::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
}

.gallery-layout-two_columns .gallery-two-columns-wrapper::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.gallery-layout-two_columns .gallery-two-columns-wrapper::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.gallery-layout-two_columns .gallery-two-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    width: 100%;
    padding-right: 5px;
}

.gallery-layout-two_columns .gallery-column-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.gallery-layout-two_columns .gallery-column-item:hover {
    transform: scale(1.02);
}

.gallery-layout-two_columns .gallery-column-image {
    width: 100%;
    height: 100%;
    min-height: 400px;
    display: block;
    object-fit: contain;
}

/* İlk 2 resim yan yana büyük */
.gallery-layout-two_columns .gallery-column-item:nth-child(1),
.gallery-layout-two_columns .gallery-column-item:nth-child(2) {
    grid-row: span 2;
    min-height: 400px;
}

.gallery-layout-two_columns .gallery-column-item:nth-child(n+3) {
    min-height: 200px;
}

/* ==============================================
   GALERI LAYOUT - THUMBNAILS LEFT (Sol)
   ============================================== */
.gallery-layout-thumbnails_left .gallery-main-wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px;
    align-items: flex-start;
}

.gallery-layout-thumbnails_left .thumbnail-left-container {
    order: -1 !important;
    width: 110px !important;
    flex-shrink: 0;
    position: relative;
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    padding: 5px;
}

/* Thumbnail içeriği scrollable yap */
.gallery-layout-thumbnails_left .thumbnail-left-container > * {
    flex-shrink: 0;
}

/* Scrollbar stilleri force-scrollbar.css dosyasına taşındı */

.gallery-layout-thumbnails_left .thumbnail-left-container .thumbnail-slide {
    width: 100px;
    height: auto;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid #e0e0e0;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-layout-thumbnails_left .thumbnail-left-container .thumbnail-slide img,
.gallery-layout-thumbnails_left .thumbnail-left-container .gallery-thumbnail {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

.gallery-layout-thumbnails_left .uomo-main-swiper {
    flex: 1 !important;
    width: calc(100% - 125px) !important;
}

.gallery-layout-thumbnails_left .uomo-main-swiper .swiper-wrapper {
    align-items: stretch;
}

.gallery-layout-thumbnails_left .uomo-main-swiper .swiper-slide {
    display: block !important;
    height: auto !important;
    line-height: 0;
}

.gallery-layout-thumbnails_left .uomo-main-swiper .uomo-gallery-image-container {
    width: 100%;
    display: block;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.gallery-layout-thumbnails_left .uomo-main-swiper img {
    object-fit: contain !important;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* ==============================================
   GALERI LAYOUT - THUMBNAILS RIGHT (Sağ)
   ============================================== */
.gallery-layout-thumbnails_right .gallery-main-wrapper {
    display: flex !important;
    flex-direction: row !important;
    gap: 15px;
    align-items: flex-start;
}

.gallery-layout-thumbnails_right .thumbnail-right-container {
    order: 1 !important;
    width: 110px !important;
    flex-shrink: 0;
    position: relative;
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    padding: 5px;
}

/* Thumbnail içeriği scrollable yap */
.gallery-layout-thumbnails_right .thumbnail-right-container > * {
    flex-shrink: 0;
}

/* Scrollbar stilleri force-scrollbar.css dosyasına taşındı */

.gallery-layout-thumbnails_right .thumbnail-right-container .thumbnail-slide {
    width: 100px;
    height: auto;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid #e0e0e0;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-layout-thumbnails_right .thumbnail-right-container .thumbnail-slide img,
.gallery-layout-thumbnails_right .thumbnail-right-container .gallery-thumbnail {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

.gallery-layout-thumbnails_right .uomo-main-swiper {
    flex: 1 !important;
    width: calc(100% - 125px) !important;
}

.gallery-layout-thumbnails_right .uomo-main-swiper .swiper-wrapper {
    align-items: stretch;
}

.gallery-layout-thumbnails_right .uomo-main-swiper .swiper-slide {
    display: block !important;
    height: auto !important;
    line-height: 0;
}

.gallery-layout-thumbnails_right .uomo-main-swiper .uomo-gallery-image-container {
    width: 100%;
    display: block;
    line-height: 0;
    padding: 0;
    margin: 0;
}

.gallery-layout-thumbnails_right .uomo-main-swiper img {
    object-fit: contain !important;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    display: block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* ==============================================
   GALERI LAYOUT - THUMBNAILS BOTTOM (Alt)
   ============================================== */
.gallery-layout-thumbnails_bottom .gallery-main-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper {
    order: 1;
    width: 100%;
}

/* Alt thumbnail swiper slide'ları - orijinal en-boy oranını korumak için */
.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-slide {
    width: 100px !important;
    height: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-slide.thumbnail-slide {
    width: 100px !important;
    height: auto !important;
}

/* Alt thumbnail'lar için img stilleri - orijinal en-boy oranını korumak için */
.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .swiper-slide img,
.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .thumbnail-slide img,
.gallery-layout-thumbnails_bottom .uomo-thumbs-swiper .gallery-thumbnail {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}

/* ==============================================
   GALERI LAYOUT - NO THUMBNAILS (Thumbnail Yok)
   ============================================== */
.gallery-layout-no_thumbnails .gallery-main-wrapper {
    width: 100%;
}

.gallery-layout-no_thumbnails .uomo-main-swiper {
    width: 100%;
}

/* ==============================================
   GENEL THUMBNAIL STİLLERİ
   ============================================== */
.thumbnail-slide {
    cursor: pointer;
    opacity: 0.7;
    transition: all 0.3s ease;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    background: white;
    pointer-events: auto;
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    touch-action: manipulation; /* Mobilde daha iyi touch handling */
    -webkit-tap-highlight-color: transparent; /* Mobilde tap highlight'ı kaldır */
}

.thumbnail-slide:hover {
    opacity: 1;
    border-color: #999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.thumbnail-slide.active {
    opacity: 1;
    border-color: #222;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.thumbnail-slide img,
.thumbnail-slide .gallery-thumbnail {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    padding: 0;
    margin: 0;
    pointer-events: none;
}

/* Ana Swiper ve Thumbnail Container Hizalama */
.gallery-main-wrapper {
    width: 100%;
}

.uomo-main-swiper.product-page-main-swiper {
    width: 100%;
    height: auto;
    line-height: 0;
    /* Mobilde touch desteği */
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    /* Mouse drag için cursor */
    cursor: grab;
}

.uomo-main-swiper.product-page-main-swiper.swiper-grab {
    cursor: grabbing;
}

.uomo-main-swiper.product-page-main-swiper .swiper-slide {
    display: block;
    line-height: 0;
    /* Mobilde touch desteği */
    touch-action: pan-y pinch-zoom;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.uomo-main-swiper.product-page-main-swiper .swiper-wrapper {
    line-height: 0;
    /* Mobilde touch desteği */
    touch-action: pan-y;
    display: flex;
}

.uomo-gallery-image-container.product-page-gallery-main {
    width: 100%;
    position: relative;
    display: block;
    line-height: 0;
    padding: 0;
    margin: 0;
    /* Swiper'ın touch event'lerinin çalışması için */
    pointer-events: auto;
    touch-action: pan-y pinch-zoom;
    cursor: grab;
}

.uomo-gallery-main-image.product-page-gallery-main-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain !important;
    max-width: 100%;
    max-height: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    /* Mouse drag için pointer-events açık */
    pointer-events: auto;
    touch-action: pan-y pinch-zoom;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    cursor: grab;
}

.uomo-gallery-main-image.product-page-gallery-main-image:active {
    cursor: grabbing;
}

/* ==============================================
   ÜRÜN LİSTELEME - ORIENTATION
   ============================================== */

/* Vertical (Dikey) - En-boy oranı korunduğunda */
.product-list-vertical.maintain-aspect-ratio .product-card-image img {
    aspect-ratio: 3/4;
    object-fit: contain;
}

/* Horizontal (Yatay) - En-boy oranı korunduğunda */
.product-list-horizontal.maintain-aspect-ratio .product-card-image img {
    aspect-ratio: 4/3;
    object-fit: contain;
}

/* Square (Kare) - En-boy oranı korunduğunda */
.product-list-square.maintain-aspect-ratio .product-card-image img {
    aspect-ratio: 1/1;
    object-fit: contain;
}

.product-card-image {
    overflow: hidden;
    border-radius: 8px;
}

.product-card-image img {
    width: 100%;
    transition: transform 0.3s ease;
}

.product-card:hover .product-card-image img {
    transform: scale(1.05);
}

/* ==============================================
   ÜRÜN LİSTELEME - GRID COLUMNS (DESKTOP)
   ============================================== */
.products-grid.product-list-grid-desktop-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.products-grid.product-list-grid-desktop-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.products-grid.product-list-grid-desktop-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.products-grid.product-list-grid-desktop-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}

.products-grid.product-list-grid-desktop-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}

/* Product Card Stil */
.product-card {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    transition: all 0.3s ease;
    box-shadow: none;
}

.product-card:hover {
    box-shadow: none;
    transform: none;
}

.product-card-content {
    padding: 15px 5px 5px 5px;
}

.product-title {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 500;
}

.product-title a {
    color: #222;
    text-decoration: none;
}

.product-title a:hover {
    color: #007bff;
}

.product-price {
    font-size: 18px;
    font-weight: 600;
    color: #007bff;
    margin-bottom: 8px;
}

/* Product item image wrapper - Override user-account.css */
.new-pc__img-wrapper {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 8px;
    padding-top: 0 !important; /* user-account.css'deki padding-top'u iptal et */
    height: auto !important;
}

.product-image-container {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    padding-top: 0 !important; /* user-account.css'deki 55% padding'i iptal et */
    height: auto !important;
}

/* Default product image - Normal liste görünümü için */
.new-pc__img.product-main-image {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    position: relative !important; /* absolute değil, relative olmalı */
    top: auto !important;
    left: auto !important;
}

/* Ürün Slider (produc_slider) - Benzersiz class - user-account.css'i override etmek için daha spesifik */
.product-card-wrapper .new-pc__img.product-slider-img,
.produc_slider .product-card-wrapper .new-pc__img.product-slider-img,
.new-pc__img.product-slider-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    object-fit: contain !important;
}

/* Tablı Ürün Slider (produc_tab_slider) - Benzersiz class - user-account.css'i override etmek için daha spesifik */
.product-card-wrapper .new-pc__img.product-tab-slider-img,
.produc_tab_slider .product-card-wrapper .new-pc__img.product-tab-slider-img,
.produc_tab_slider__slide .product-card-wrapper .new-pc__img.product-tab-slider-img,
.produc_tab_slider .produc_tab_slider__slide .product-card-wrapper .new-pc__img.product-tab-slider-img,
.new-pc__img.product-tab-slider-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    object-fit: contain !important;
}

/* Kategori Slider (homepagecategory) - Benzersiz class - user-account.css'i override etmek için daha spesifik */
.product-card-wrapper .new-pc__img.product-category-slider-img,
.homepagecategory .product-card-wrapper .new-pc__img.product-category-slider-img,
.homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
.homepagecategory .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
[data-homepagecategory-slider] .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
.new-pc__img.product-category-slider-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    object-fit: contain !important;
}

/* Benzer Ürünler Slider (similar_products_slider) - Benzersiz class - user-account.css'i override etmek için daha spesifik */
.product-card-wrapper .new-pc__img.product-similar-slider-img,
.similar_products_slider .product-card-wrapper .new-pc__img.product-similar-slider-img,
.new-pc__img.product-similar-slider-img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    object-fit: contain !important;
}

/* ===========================================
   MOBİL GÖRSEL DÜZENLEMELERİ - TÜM SLİDER'LAR İÇİN
   =========================================== */
@media (max-width: 767.98px) {
    /* Ürün Slider (produc_slider) - Mobil görsel düzenlemeleri - user-account.css'i override etmek için daha spesifik */
    .product-card-wrapper .new-pc__img.product-slider-img,
    .produc_slider .product-card-wrapper .new-pc__img.product-slider-img,
    .produc_slider .new-pc__img.product-slider-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        object-fit: contain !important;
        max-width: 100% !important;
        min-height: auto !important;
    }
    
    /* Tablı Ürün Slider (produc_tab_slider) - Mobil görsel düzenlemeleri - user-account.css'i override etmek için daha spesifik */
    .product-card-wrapper .new-pc__img.product-tab-slider-img,
    .produc_tab_slider .product-card-wrapper .new-pc__img.product-tab-slider-img,
    .produc_tab_slider__slide .product-card-wrapper .new-pc__img.product-tab-slider-img,
    .produc_tab_slider .produc_tab_slider__slide .product-card-wrapper .new-pc__img.product-tab-slider-img,
    .produc_tab_slider .new-pc__img.product-tab-slider-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        object-fit: contain !important;
        max-width: 100% !important;
        min-height: auto !important;
    }
    
    /* Kategori Slider (homepagecategory) - Mobil görsel düzenlemeleri - user-account.css'i override etmek için daha spesifik */
    .product-card-wrapper .new-pc__img.product-category-slider-img,
    .homepagecategory .product-card-wrapper .new-pc__img.product-category-slider-img,
    .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
    .homepagecategory .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
    [data-homepagecategory-slider] .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
    .homepagecategory .new-pc__img.product-category-slider-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        object-fit: contain !important;
        max-width: 100% !important;
        min-height: auto !important;
    }
    
    /* Benzer Ürünler Slider (similar_products_slider) - Mobil görsel düzenlemeleri - user-account.css'i override etmek için daha spesifik */
    .product-card-wrapper .new-pc__img.product-similar-slider-img,
    .similar_products_slider .product-card-wrapper .new-pc__img.product-similar-slider-img,
    .similar_products_slider .new-pc__img.product-similar-slider-img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        object-fit: contain !important;
        max-width: 100% !important;
        min-height: auto !important;
    }
    
    /* Görsel container'ları için mobil düzenlemeleri */
    .produc_slider .product-image-container,
    .produc_tab_slider .product-image-container,
    .homepagecategory .product-image-container,
    .similar_products_slider .product-image-container {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
        position: relative !important;
    }
    
    .produc_slider .new-pc__img-wrapper,
    .produc_tab_slider .new-pc__img-wrapper,
    .homepagecategory .new-pc__img-wrapper,
    .similar_products_slider .new-pc__img-wrapper {
        width: 100% !important;
        height: auto !important;
        padding-top: 0 !important;
        position: relative !important;
    }
}

/* Liste görünümü */
.product-list-layout-list .products-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.product-list-layout-list .product-card {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.product-list-layout-list .product-card-image {
    width: 250px;
    flex-shrink: 0;
}

.product-list-layout-list .product-card-content {
    flex: 1;
}

/* ==============================================
   LIGHTBOX MODAL - Gelişmiş Modern Tasarım
   ============================================== */
.uomo-simple-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.95);
    animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.uomo-modal-overlay {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.uomo-modal-content {
    position: relative;
    width: 100%;
    max-width: 1720px;
    height: 100%;
    max-height: 95vh;
    display: flex;
    flex-direction: column;
    animation: modalSlideUp 0.4s ease;
}

@keyframes modalSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.uomo-modal-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 12px 12px 0 0;
}

.uomo-modal-counter {
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
}

.uomo-modal-actions {
    display: flex;
    gap: 10px;
}

.uomo-modal-actions button {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.uomo-modal-actions button:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.uomo-modal-close:hover {
    background: rgba(220, 38, 38, 0.9);
}

.uomo-modal-image-container {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

.uomo-modal-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: zoom-in;
    transition: transform 0.3s ease;
}

/* Video Container */
.uomo-modal-video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background: #000;
}

.uomo-modal-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.uomo-modal-zoom-hint {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.uomo-modal-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

.uomo-modal-nav-btn:hover {
    background: rgba(0, 88, 80, 0.9);
    transform: translateY(-50%) scale(1.1);
}

.uomo-modal-prev {
    left: 20px;
}

.uomo-modal-next {
    right: 20px;
}

.uomo-modal-thumbnails-container {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    padding: 15px;
    border-radius: 0 0 12px 12px;
}

.uomo-modal-thumbnails {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 5px 0;
}

.uomo-modal-thumbnail {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.uomo-modal-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.uomo-modal-thumbnail:hover img {
    transform: scale(1.1);
}

.uomo-modal-thumbnail.active {
    border-color: #c32929;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.3);
}

/* ==============================================
   ZOOM BUTONU - Modern Tasarım (En Sağda Üstte)
   ============================================== */
/* Container için position relative garantisi */
.uomo-gallery-image-container,
.uomo-gallery-image-container.product-page-gallery-main {
    position: relative !important;
}

.uomo-zoom-button,
.product-page-zoom-button,
.pdp-gallery-zoom-btn-unique {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    color: #222 !important;
    padding: 0 !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    /* Transition sadece transform ve box-shadow için - opacity için değil */
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
    pointer-events: auto !important;
    z-index: 999 !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    border: 2px solid rgba(0, 0, 0, 0.1) !important;
    cursor: pointer !important;
    margin: 0 !important;
    text-decoration: none !important;
}

/* Benzersiz zoom butonu - Tüm çakışmaları önlemek için */
.pdp-gallery-zoom-btn-unique {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    color: #222 !important;
    padding: 0 !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
    pointer-events: auto !important;
    z-index: 999 !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    border: 2px solid rgba(0, 0, 0, 0.15) !important;
    cursor: pointer !important;
    margin: 0 !important;
    text-decoration: none !important;
    outline: none !important;
}

.uomo-zoom-button:hover,
.product-page-zoom-button:hover,
.pdp-gallery-zoom-btn-unique:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.uomo-zoom-button.active,
.product-page-zoom-button.active {
    background: rgba(0, 88, 80, 0.95);
    color: white;
    border-color: rgba(255, 255, 255, 0.3);
}

.uomo-zoom-button.active:hover,
.product-page-zoom-button.active:hover {
    background: rgba(0, 88, 80, 1);
}

.uomo-zoom-button i,
.product-page-zoom-button i,
.pdp-gallery-zoom-btn-unique i {
    font-size: 20px !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3)) !important;
    color: #222 !important;
}

/* Zoom butonu her zaman görünür olacak - Tüm durumlar için */
.swiper-slide .uomo-zoom-button,
.swiper-slide .product-page-zoom-button,
.swiper-slide .pdp-gallery-zoom-btn-unique,
.swiper-slide-active .uomo-zoom-button,
.swiper-slide-active .product-page-zoom-button,
.swiper-slide-active .pdp-gallery-zoom-btn-unique,
.swiper-slide:not(.swiper-slide-active) .uomo-zoom-button,
.swiper-slide:not(.swiper-slide-active) .product-page-zoom-button,
.swiper-slide:not(.swiper-slide-active) .pdp-gallery-zoom-btn-unique,
.swiper-slide-prev .uomo-zoom-button,
.swiper-slide-prev .product-page-zoom-button,
.swiper-slide-prev .pdp-gallery-zoom-btn-unique,
.swiper-slide-next .uomo-zoom-button,
.swiper-slide-next .product-page-zoom-button,
.swiper-slide-next .pdp-gallery-zoom-btn-unique {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    pointer-events: auto !important;
    z-index: 999 !important;
}

.uomo-gallery-image-container .uomo-zoom-button,
.uomo-gallery-image-container .product-page-zoom-button,
.uomo-gallery-image-container .pdp-gallery-zoom-btn-unique,
.product-page-gallery-main .uomo-zoom-button,
.product-page-gallery-main .product-page-zoom-button,
.product-page-gallery-main .pdp-gallery-zoom-btn-unique,
.uomo-gallery-image-container.product-page-gallery-main .uomo-zoom-button,
.uomo-gallery-image-container.product-page-gallery-main .product-page-zoom-button,
.uomo-gallery-image-container.product-page-gallery-main .pdp-gallery-zoom-btn-unique {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    pointer-events: auto !important;
    z-index: 999 !important;
}

/* Swiper slide geçişlerinde zoom butonu her zaman görünür */
.simple-swiper-gallery .swiper-slide .uomo-zoom-button,
.simple-swiper-gallery .swiper-slide .product-page-zoom-button,
.simple-swiper-gallery .swiper-slide .pdp-gallery-zoom-btn-unique,
.simple-swiper-gallery .swiper-slide-active .uomo-zoom-button,
.simple-swiper-gallery .swiper-slide-active .product-page-zoom-button,
.simple-swiper-gallery .swiper-slide-active .pdp-gallery-zoom-btn-unique,
.simple-swiper-gallery .swiper-slide-prev .uomo-zoom-button,
.simple-swiper-gallery .swiper-slide-prev .product-page-zoom-button,
.simple-swiper-gallery .swiper-slide-prev .pdp-gallery-zoom-btn-unique,
.simple-swiper-gallery .swiper-slide-next .uomo-zoom-button,
.simple-swiper-gallery .swiper-slide-next .product-page-zoom-button,
.simple-swiper-gallery .swiper-slide-next .pdp-gallery-zoom-btn-unique {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    pointer-events: auto !important;
    z-index: 999 !important;
}

/* Hover'da zoom butonu daha belirgin olsun */
.uomo-gallery-image-container:hover .uomo-zoom-button,
.uomo-gallery-image-container:hover .product-page-zoom-button,
.product-page-gallery-main:hover .uomo-zoom-button,
.product-page-gallery-main:hover .product-page-zoom-button,
.simple-swiper-gallery .swiper-slide:hover .uomo-zoom-button,
.simple-swiper-gallery .swiper-slide:hover .product-page-zoom-button,
.uomo-zoom-button:hover,
.product-page-zoom-button:hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Mobilde zoom butonu her zaman görünür ve daha büyük */
@media (max-width: 768px) {
    .uomo-zoom-button,
    .product-page-zoom-button,
    .pdp-gallery-zoom-btn-unique {
        width: 48px !important;
        height: 48px !important;
        font-size: 20px !important;
        top: 10px !important;
        right: 10px !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        z-index: 999 !important;
        pointer-events: auto !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    }
    
    .uomo-zoom-button i,
    .product-page-zoom-button i,
    .pdp-gallery-zoom-btn-unique i {
        font-size: 20px !important;
    }
    
    /* Mobilde tüm slide'larda zoom butonu görünür */
    .swiper-slide .uomo-zoom-button,
    .swiper-slide .product-page-zoom-button,
    .swiper-slide .pdp-gallery-zoom-btn-unique,
    .swiper-slide-active .uomo-zoom-button,
    .swiper-slide-active .product-page-zoom-button,
    .swiper-slide-active .pdp-gallery-zoom-btn-unique,
    .swiper-slide:not(.swiper-slide-active) .uomo-zoom-button,
    .swiper-slide:not(.swiper-slide-active) .product-page-zoom-button,
    .swiper-slide:not(.swiper-slide-active) .pdp-gallery-zoom-btn-unique {
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        pointer-events: auto !important;
        z-index: 999 !important;
    }
    
    /* Benzersiz zoom butonu mobilde özel stiller */
    .simple-swiper-gallery .pdp-gallery-zoom-btn-unique,
    .uomo-gallery-image-container .pdp-gallery-zoom-btn-unique,
    .product-page-gallery-main .pdp-gallery-zoom-btn-unique {
        width: 48px !important;
        height: 48px !important;
        font-size: 20px !important;
        top: 10px !important;
        right: 10px !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        z-index: 999 !important;
        pointer-events: auto !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
    }
}

/* Alternatif: Badge stil */
.zoom-hint-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.85);
    color: white;
    padding: 10px 16px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}

/* Zoom hint badge hover ile görünür olmayacak - sadece butona tıklanınca çalışacak */
.uomo-gallery-image-container:hover .zoom-hint-badge {
    opacity: 0;
    transform: translateY(0);
}

.zoom-hint-badge i {
    font-size: 14px;
}

/* ==============================================
   ZOOM EFFECT (Buton ile Aktif Edilen)
   ============================================== */
/* Zoom pasif olduğunda - lens'leri gizle */
.simple-swiper-gallery .hover-zoom-lens {
    display: none !important;
    opacity: 0 !important;
}

/* Zoom aktif olduğunda lens gösterilebilir */
.simple-swiper-gallery .uomo-gallery-image-container.zoom-active .hover-zoom-lens,
.simple-swiper-gallery .gallery-column-item.zoom-active .hover-zoom-lens {
    display: block !important;
}

/* Zoom Aktif olduğunda */
.uomo-gallery-image-container.zoom-active,
.gallery-column-item.zoom-active {
    cursor: crosshair;
    position: relative;
}

.uomo-gallery-image-container.zoom-active .uomo-gallery-main-image,
.gallery-column-item.zoom-active .gallery-column-image {
    pointer-events: auto;
}

/* Zoom Lens (Büyüteç) */
.hover-zoom-lens {
    position: absolute;
    width: 250px;
    height: 250px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 1000;
    display: none;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(0, 0, 0, 0.1);
    cursor: crosshair;
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Zoom aktifken lens göster */
.uomo-gallery-image-container.zoom-active .hover-zoom-lens,
.gallery-column-item.zoom-active .hover-zoom-lens {
    opacity: 1;
}

/* Lens için overlay (resmin üstünde transparan) - sadece zoom aktifken */
.uomo-gallery-image-container.zoom-active::before,
.gallery-column-item.zoom-active::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.05);
    pointer-events: none;
    z-index: 999;
    transition: background 0.3s ease;
}

/* ==============================================
   VIDEO PLAY BUTTON
   ============================================== */
.uomo-video-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s ease;
}

.uomo-video-play-button:hover {
    background: rgba(0, 0, 0, 0.8);
}

.uomo-video-play-button-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

/* ==============================================
   YENİ GALERI STİLLERİ
   ============================================== */

/* Grid Style - 3 sütun galeri */
.gallery-layout-grid_three .gallery-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 100%;
}

.gallery-layout-grid_three .gallery-grid-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease;
    aspect-ratio: 1/1;
}

.gallery-layout-grid_three .gallery-grid-item:hover {
    transform: scale(1.05);
}

.gallery-layout-grid_three .gallery-grid-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Masonry Style - Farklı yükseklikler */
.gallery-layout-masonry .gallery-masonry-container {
    column-count: 2;
    column-gap: 15px;
    width: 100%;
}

.gallery-layout-masonry .gallery-masonry-item {
    break-inside: avoid;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.gallery-layout-masonry .gallery-masonry-item:hover {
    transform: scale(1.02);
}

.gallery-layout-masonry .gallery-masonry-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* Carousel Style - Büyük carousel */
.gallery-layout-carousel .gallery-carousel-wrapper {
    position: relative;
    width: 100%;
}

.gallery-layout-carousel .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-layout-carousel .gallery-carousel-image {
    max-width: 100%;
    max-height: 600px;
    object-fit: contain;
}

/* Slider with Dots - Alt noktalı slider */
.gallery-layout-slider_dots .gallery-slider-wrapper {
    position: relative;
    width: 100%;
}

.gallery-layout-slider_dots .gallery-slider-swiper {
    width: 100%;
    padding-bottom: 50px;
}

.gallery-layout-slider_dots .gallery-slider-slide {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.gallery-layout-slider_dots .gallery-slider-slide img {
    max-width: 100%;
    max-height: 600px;
    object-fit: contain;
}

.gallery-layout-slider_dots .swiper-button-next,
.gallery-layout-slider_dots .swiper-button-prev {
    color: #222;
    background: rgba(255, 255, 255, 0.9);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.gallery-layout-slider_dots .swiper-button-next:after,
.gallery-layout-slider_dots .swiper-button-prev:after {
    font-size: 20px;
}

.gallery-layout-slider_dots .swiper-pagination {
    position: absolute;
    bottom: 10px;
}

.gallery-layout-slider_dots .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ccc;
    opacity: 1;
    margin: 0 6px;
    transition: all 0.3s ease;
}

.gallery-layout-slider_dots .swiper-pagination-bullet-active {
    background: #222;
    width: 30px;
    border-radius: 6px;
}

/* Full Width - Tam genişlik slider */
.gallery-layout-full_width .gallery-full-wrapper {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    position: relative;
}

.gallery-layout-full_width .gallery-full-image {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

/* ==============================================
   RESPONSIVE
   ============================================== */
/* Responsive kodlar responsive.css dosyasına taşındı */

@media (min-width: 992px) and (max-width: 1199px) {
    .products-grid.product-list-grid-desktop-4 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .products-grid.product-list-grid-desktop-5 {
        grid-template-columns: repeat(4, 1fr) !important;
    }
    
    .products-grid.product-list-grid-desktop-6 {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}



/* ==========================================
   CHECKOUT PAGE - From checkout.css
   ========================================== */

/* CHECKOUT STYLES - Merged from checkout.css and checkout-new.css */
/* Checkout Page Styles */

/* Form Section Styles */
.checkout-section {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.checkout-section:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.checkout-section h2 {
    color: #2c3e50;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f8f9fa;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-section h2::before {
    content: '';
    width: 4px;
    height: 20px;
    background: #007bff;
    border-radius: 2px;
}

/* Form Row and Groups */
.checkout-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}

/* Responsive kodlar responsive.css dosyasına taşındı */

.checkout-form-group {
    display: flex;
    flex-direction: column;
}

.checkout-form-group label {
    color: #2c3e50;
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-form-group label .required-f {
    color: #dc3545;
    font-weight: 600;
}

.checkout-form-group input,
.checkout-form-group textarea,
.checkout-form-group select {
    padding: 12px 16px;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.3s ease;
    background: #fff;
}

.checkout-form-group input:focus,
.checkout-form-group textarea:focus,
.checkout-form-group select:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
    transform: translateY(-1px);
}

.checkout-form-group input:invalid,
.checkout-form-group textarea:invalid {
    border-color: #dc3545;
}

.checkout-form-group textarea {
    resize: vertical;
    min-height: 100px;
}

.checkout-field-note {
    font-size: 12px;
    color: #6c757d;
    margin-top: 6px;
    font-style: italic;
}

/* Address Section Styles */
.checkout-address-section {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.checkout-address-section:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.checkout-address-header {
    display: flex;
    justify-content: between;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 12px;
}

.checkout-address-header h2 {
    color: #2c3e50;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-address-header h2::before {
    content: '📍';
    font-size: 16px;
}

.checkout-add-address-btn {
    background: #dc3545;
    color: white;
    border: none;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.checkout-add-address-btn:hover {
    background: #e11d48;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
    color: white;
    text-decoration: none;
}

.checkout-section-note {
    color: #6c757d;
    font-size: 14px;
    margin-bottom: 16px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #007bff;
}

/* Address List Styles */
.checkout-address-list {
    display: grid;
    gap: 16px;
}

.checkout-address-item {
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
    position: relative;
}

.checkout-address-item:hover {
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.1);
    transform: translateY(-2px);
}

.checkout-address-item.selected {
    border-color: #007bff;
    background: #f8f9ff;
    box-shadow: 0 4px 16px rgba(0, 123, 255, 0.2);
}

.checkout-address-item.selected::before {
    content: '✓';
    position: absolute;
    top: 12px;
    right: 12px;
    background: #007bff;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
}

.checkout-address-title {
    font-weight: 600;
    color: #2c3e50;
    font-size: 16px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-address-title::before {
    content: '🏠';
    font-size: 14px;
}

.checkout-address-details {
    color: #495057;
    font-size: 14px;
    line-height: 1.5;
}

.checkout-address-name {
    font-weight: 500;
    margin-bottom: 4px;
    color: #2c3e50;
}

.checkout-address-text {
    margin-bottom: 6px;
}

.checkout-address-location {
    color: #6c757d;
    margin-bottom: 4px;
}

.checkout-address-phone {
    color: #007bff;
    font-weight: 500;
}

.checkout-company-info {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e9ecef;
    font-size: 13px;
    color: #6c757d;
}

.checkout-address-actions {
    margin-top: 12px;
    display: flex;
    gap: 8px;
}

.checkout-edit-btn, .checkout-delete-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.checkout-edit-btn {
    background: #ffc107;
    color: #212529;
}

.checkout-edit-btn:hover {
    background: #ffb300;
    transform: translateY(-1px);
}

.checkout-delete-btn {
    background: #dc3545;
    color: white;
}

.checkout-delete-btn:hover {
    background: #c82333;
    transform: translateY(-1px);
}

/* Empty Address State */
.checkout-empty-addresses {
    text-align: center;
    padding: 40px 20px;
    color: #6c757d;
}

.checkout-empty-addresses-icon {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.5;
}

.checkout-empty-addresses h5 {
    color: #2c3e50;
    margin-bottom: 8px;
    font-weight: 600;
}

.checkout-empty-addresses p {
    margin-bottom: 20px;
    font-size: 14px;
}

/* Checkbox Styles */
.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 16px;
}

.checkout-checkbox-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    accent-color: #007bff;
}

.checkout-checkbox-label a {
    color: #007bff;
    text-decoration: none;
}

.checkout-checkbox-label a:hover {
    text-decoration: underline;
}

/* Shipping Section Styles */
.checkout-shipping-section {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.checkout-shipping-section:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.checkout-shipping-section h2 {
    color: #2c3e50;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-shipping-list {
    display: grid;
    gap: 12px;
}

.checkout-shipping-item {
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
    position: relative;
}

.checkout-shipping-item:hover {
    border-color: #dc3545;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.1);
    transform: translateY(-2px);
}

.checkout-shipping-item.selected {
    border-color: #dc3545;
    background: #f8fff8;
    box-shadow: 0 4px 16px rgba(40, 167, 69, 0.2);
}

.checkout-shipping-item.selected::before {
    content: '✓';
    position: absolute;
    top: 12px;
    right: 12px;
    background: #dc3545;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
}

.checkout-shipping-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.checkout-shipping-name {
    font-weight: 600;
    color: #2c3e50;
    font-size: 16px;
}

.checkout-shipping-status svg {
    color: #dc3545;
}

.checkout-shipping-price {
    font-weight: 600;
    color: #dc3545;
    font-size: 16px;
    margin-bottom: 8px;
}

.checkout-shipping-details {
    color: #6c757d;
    font-size: 13px;
    line-height: 1.4;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f8f9fa;
}



/* Payment Section Styles */
.checkout-payment-section {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.checkout-payment-section:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.checkout-payment-section h2 {
    color: #2c3e50;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-payment-section h2::before {
    content: '💳';
    font-size: 16px;
}

.checkout-payment-options {
    display: grid;
    gap: 12px;
    margin-bottom: 20px;
}

.checkout-payment-option {
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 16px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}

.checkout-payment-option:hover {
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.1);
    transform: translateY(-2px);
}

.checkout-payment-option.selected {
    border-color: #007bff;
    background: #f8f9ff;
    box-shadow: 0 4px 16px rgba(0, 123, 255, 0.2);
}

.checkout-payment-option.selected::before {
    content: '✓';
    position: absolute;
    top: 12px;
    right: 12px;
    background: #007bff;
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 300;
}

.checkout-payment-option img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.checkout-payment-option span {
    font-weight: 600;
    color: #2c3e50;
    font-size: 16px;
    flex: 1;
}

.checkout-payment-radio {
    display: none;
}

/* Payment Details */
.checkout-payment-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-top: 16px;
}

.checkout-payment-details-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.checkout-payment-details-header h4 {
    color: #2c3e50;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.checkout-payment-details-header svg {
    color: #007bff;
}

/* Error Messages */
.checkout-error-message {
    background: #f8d7da;
    border: 1px solid #dc3545;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
    border-left: 4px solid #dc3545;
}

.checkout-error-message h6 {
    color: #721c24;
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-error-message h6::before {
    content: '⚠️';
    font-size: 16px;
}

.checkout-error-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-error-list li {
    color: #721c24;
    font-size: 14px;
    padding: 4px 0;
    position: relative;
    padding-left: 20px;
}

.checkout-error-list li::before {
    content: '•';
    color: #dc3545;
    position: absolute;
    left: 0;
    font-weight: 300;
}

/* Responsive Design - Responsive kodlar responsive.css dosyasında */

/* Animation Classes */
.checkout-fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.checkout-slide-in {
    animation: slideIn 0.3s ease-in-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Discounts Section - Sade Tasarım */
.checkout-discounts-section {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
}

.checkout-discounts-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e9ecef;
}

.checkout-discounts-header h4 {
    color: #495057;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.checkout-discounts-header svg {
    color: #dc3545;
    width: 14px;
    height: 14px;
}

.checkout-discounts-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checkout-discount-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    font-size: 13px;
}

.checkout-discount-info {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #495057;
}

.checkout-discount-info svg {
    width: 12px;
    height: 12px;
    color: #dc3545;
}

.checkout-discount-info span {
    font-weight: 500;
}

.checkout-discount-value {
    color: #dc3545;
    font-weight: 600;
    font-size: 13px;
}

/* Özel İndirim Türleri */
.checkout-discount-item.checkout-campaign .checkout-discount-info svg {
    color: #ffc107;
}

.checkout-discount-item.checkout-coupon .checkout-discount-info svg {
    color: #17a2b8;
}

.checkout-discount-item.checkout-transaction-discount .checkout-discount-info svg {
    color: #007bff;
}

/* Focus States for Accessibility */
.checkout-address-item:focus,
.checkout-shipping-item:focus,
.checkout-payment-option:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

.checkout-add-address-btn:focus,
.checkout-edit-btn:focus,
.checkout-delete-btn:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* Skip to Content Link */
.skip-to-content {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #000;
    color: white;
    padding: 8px;
    text-decoration: none;
    transition: top 0.3s;
    z-index: 1000;
}

.skip-to-content:focus {
    top: 6px;
}

/* Breadcrumb Navigation */
.checkout-breadcrumb {
    background: #f8f9fa;
    padding: 15px 0;
    border-bottom: 1px solid #e9ecef;
}

.breadcrumb-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    font-size: 14px;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item:not(:last-child)::after {
    content: '/';
    margin: 0 10px;
    color: #6c757d;
}

.breadcrumb-item a {
    color: #007bff;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item.active span {
    color: #6c757d;
    font-weight: 500;
}

/* Mobil Responsive - Checkout Breadcrumb */
@media (max-width: 768px) {
    .checkout-breadcrumb {
        padding: 10px 0;
    }
    
    .checkout-breadcrumb .container {
        padding: 0 15px;
    }
    
    .breadcrumb-list {
        font-size: 13px;
        gap: 6px;
        flex-wrap: wrap;
    }
    
    .breadcrumb-item:not(:last-child)::after {
        margin: 0 6px;
        font-size: 12px;
    }
    
    .breadcrumb-item a,
    .breadcrumb-item.active span {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .checkout-breadcrumb {
        padding: 8px 0;
    }
    
    .checkout-breadcrumb .container {
        padding: 0 12px;
    }
    
    .breadcrumb-list {
        font-size: 12px;
        gap: 4px;
    }
    
    .breadcrumb-item:not(:last-child)::after {
        margin: 0 4px;
        font-size: 11px;
    }
    
    .breadcrumb-item a,
    .breadcrumb-item.active span {
        font-size: 12px;
    }
}

/* Main Checkout Container */
.checkout-page {
    background: #f8f9fa;
    min-height: 100vh;
    padding: 30px 0;
}

.checkout-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Checkout Grid Layout - Bootstrap Uyumlu */
.checkout-grid {
    /* Bootstrap row özelliklerini kullan */
}

.checkout-grid .row {
    margin: 0;
    padding: 0;
}

/* Checkout Form */
.checkout-form {
    background: white;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Form Sections - Duplicate removed, see above for .checkout-section styles */

.checkout-section-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-section-title i {
    color: #dc3545;
    font-size: 18px;
}

/* Duplicate styles removed - use checkout-specific classes above */

/* Order Summary */
.checkout-summary {
    background: white;
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: sticky;
    top: 20px;
}

.summary-title {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.summary-section {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef;
}

.summary-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.summary-section-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.summary-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.summary-item:last-child {
    margin-bottom: 0;
}

.summary-label {
    color: #666;
}

.summary-value {
    font-weight: 500;
    color: #333;
}

.summary-total {
    font-size: 18px;
    font-weight: 600;
    color: #dc3545;
}

/* Coupon Section */
.coupon-section {
    margin-bottom: 20px;
}

.coupon-input-group {
    display: flex;
    gap: 10px;
}

.coupon-input {
    flex: 1;
}

.coupon-btn {
    background: #007bff;
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s;
}

.coupon-btn:hover {
    background: #0056b3;
}

.coupon-applied {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-top: 10px;
}

.coupon-applied-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.coupon-applied-text {
    color: #155724;
    font-weight: 500;
}

.coupon-remove-btn {
    background: #dc3545;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
}

.coupon-discount {
    color: #155724;
    font-weight: 600;
}

/* Order Note */
.order-note {
    margin-bottom: 20px;
}

.order-note textarea {
    width: 100%;
    min-height: 100px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    resize: vertical;
}

/* Submit Button */
.checkout-submit {
    background: #dc3545;
    color: white;
    border: none;
    padding: 15px 30px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s;
}

.checkout-submit:hover {
    background: #218838;
}

.checkout-submit:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Error Messages */
.checkout-error-message {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
    color: #721c24;
}

.checkout-error-list {
    margin: 10px 0 0 0;
    padding-left: 20px;
}

.checkout-error-list li {
    margin-bottom: 5px;
}

/* Responsive Design - Bootstrap Breakpoints */
/* Responsive kodlar responsive.css dosyasına taşındı */

/* Ödeme Sayfası Ürün Linkleri */
.mxw-item .mxw-thumb a,
.mxw-item .mxw-thumb {
    cursor: pointer;
    position: relative;
    z-index: 1;
    text-decoration: none;
    display: block;
}

.mxw-item .mxw-item-title a {
    cursor: pointer;
    position: relative;
    z-index: 1;
    text-decoration: none;
}

.mxw-item .mxw-item-title a:hover {
    color: #1d4ed8;
} 

/* ========================================== */
/* NEW CHECKOUT PAGE STYLES */
/* ========================================== */

/* New Checkout Page Styles */
.newcheckoutpage * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Urbanist', sans-serif;
}

.newcheckoutpage {
    background-color: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    padding: 15px;
}

.newcheckoutpage .payment-container {
    width: 100%;
    max-width: 1720px;
    display: grid;
    grid-template-columns: 2fr 1.2fr;
    gap: 15px;
}

.newcheckoutpage .left-section {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.newcheckoutpage .right-section {
    background: white;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 20px;
    height: fit-content;
}

.newcheckoutpage h1, .newcheckoutpage h2 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #1a1a1a;
    position: relative;
}

.newcheckoutpage h2::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50px;
    height: 2px;
    background: #1a1a1a;
}

/* Auth Section */
.newcheckoutpage .auth-section {
    margin-bottom: 25px;
}

.newcheckoutpage .auth-options {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.newcheckoutpage .auth-option {
    padding: 10px 20px;
    background: #e9ecef;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #555;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
}

.newcheckoutpage .auth-option.active {
    background: #2d2d2d;
    color: white;
}

.newcheckoutpage .auth-option:hover {
    background: #d3d7db;
}

.newcheckoutpage .auth-option img {
    width: 20px;
    height: 20px;
}

.newcheckoutpage .auth-form {
    display: none;
}

.newcheckoutpage .auth-form.active {
    display: block;
}

.newcheckoutpage .welcome-message {
    margin-top: 15px;
    padding: 20px;
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
}

.newcheckoutpage .welcome-message p {
    margin: 0;
}

.newcheckoutpage .welcome-message p.name {
    font-size: 16px;
    font-weight: 600;
}

.newcheckoutpage .welcome-message p.email {
    font-size: 14px;
    color: #2d2d2d;
}

/* Step Navigation */
.newcheckoutpage .step-navigation {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    background: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.newcheckoutpage .step-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.newcheckoutpage .step-item:hover {
    transform: translateY(-2px);
}

.newcheckoutpage .step-item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 20px;
    right: -50%;
    width: 100%;
    height: 2px;
    background: #ddd;
    z-index: 1;
}

.newcheckoutpage .step-item.active:not(:last-child)::after {
    background: #2d2d2d;
}

.newcheckoutpage .step-number {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ddd;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-bottom: 8px;
    z-index: 2;
    position: relative;
}

.newcheckoutpage .step-item.active .step-number {
    background: #2d2d2d;
    color: white;
}

.newcheckoutpage .step-item.completed .step-number {
    background: #dc3545;
    color: white;
}

.newcheckoutpage .step-title {
    font-size: 12px;
    font-weight: 500;
    color: #666;
    text-align: center;
}

.newcheckoutpage .step-item.active .step-title {
    color: #2d2d2d;
    font-weight: 600;
}

.newcheckoutpage .step-item.completed .step-title {
    color: #dc3545;
    font-weight: 600;
}

.newcheckoutpage .step-content {
    display: none;
}

.newcheckoutpage .step-content.active {
    display: block;
}

.newcheckoutpage .step-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.newcheckoutpage .step-buttons .btn {
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
}

.newcheckoutpage .step-buttons .btn-secondary {
    background: #e9ecef;
    color: #333;
}

.newcheckoutpage .step-buttons .btn-secondary:hover {
    background: #d3d7db;
}

.newcheckoutpage .step-buttons .btn-primary {
    background: #2d2d2d;
    color: white;
}

.newcheckoutpage .step-buttons .btn-primary:hover {
    background: #555;
}

/* Form Styles */
.newcheckoutpage .section {
    margin-bottom: 30px;
}

.newcheckoutpage .form-group {
    margin-bottom: 20px;
}

.newcheckoutpage label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.newcheckoutpage input, .newcheckoutpage select, .newcheckoutpage textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s;
}

.newcheckoutpage input:focus, .newcheckoutpage select:focus, .newcheckoutpage textarea:focus {
    outline: none;
    border-color: #2d2d2d;
}

.newcheckoutpage input.is-invalid, .newcheckoutpage select.is-invalid, .newcheckoutpage textarea.is-invalid {
    border-color: #e74c3c;
    box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.25);
}

/* Address Section */
.newcheckoutpage .address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.newcheckoutpage .add-address-btn {
    padding: 8px 16px;
    background: #2d2d2d;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
    text-decoration: none;
}

.newcheckoutpage .add-address-btn:hover {
    background: #555;
    transform: translateY(-1px);
}

.newcheckoutpage .add-address-btn svg {
    width: 14px;
    height: 14px;
}

.newcheckoutpage .address-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.newcheckoutpage .address-item {
    padding: 15px;
    border: 2px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    background: #fafafa;
    transition: all 0.3s;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.newcheckoutpage .address-item.selected {
    border-color: #2d2d2d;
    background: #e8f4fd;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(45, 45, 45, 0.15);
    position: relative;
}

.newcheckoutpage .address-item.selected::before {
    content: '✓';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: #2d2d2d;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
}

.newcheckoutpage .address-item:hover {
    background: #e9ecef;
}

.newcheckoutpage .address-item .title {
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 5px;
}

.newcheckoutpage .address-item .actions {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.newcheckoutpage .address-item .actions button {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

.newcheckoutpage .address-item .actions .edit-btn {
    background: #2d2d2d;
    color: white;
}

.newcheckoutpage .address-item .actions .delete-btn {
    background: #e74c3c;
    color: white;
}

/* Shipping Section */
.newcheckoutpage .shipping-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.newcheckoutpage .shipping-item {
    padding: 15px;
    border: 2px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    background: #fafafa;
    transition: all 0.3s;
    min-height: 100px;
}

.newcheckoutpage .shipping-item.selected {
    border-color: #2d2d2d;
    background: #e8f4fd;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(45, 45, 45, 0.15);
    position: relative;
}

.newcheckoutpage .shipping-item.selected::before {
    content: '✓';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: #2d2d2d;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
}

.newcheckoutpage .shipping-item:hover {
    background: #e9ecef;
}

.newcheckoutpage .shipping-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.newcheckoutpage .shipping-name {
    font-weight: 600;
    color: #2d2d2d;
}

.newcheckoutpage .shipping-price {
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 5px;
}

.newcheckoutpage .shipping-details {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
}

/* Payment Section */
.newcheckoutpage .payment-option {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.3s;
}

.newcheckoutpage .payment-option.selected {
    border-color: #2d2d2d;
    background: #f0f0f0;
}

.newcheckoutpage .payment-option:hover {
    background: #e9ecef;
}

.newcheckoutpage .payment-option img {
    width: 30px;
    height: 30px;
}

.newcheckoutpage .payment-option span {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.newcheckoutpage .payment-details {
    margin-top: 15px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
    font-size: 14px;
    display: none;
}

.newcheckoutpage .payment-details.active {
    display: block;
}

.newcheckoutpage .iban-container {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #e9ecef;
    padding: 8px;
    border-radius: 5px;
    margin: 10px 0;
}

.newcheckoutpage .iban-container p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.newcheckoutpage .iban-copy-btn {
    background: #75926b;
    color: white;
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    border: none;
}

.newcheckoutpage .iban-copy-btn:hover {
    background: #5a7a4f;
}

.newcheckoutpage .iban-copy-btn img {
    width: 12px;
    height: 12px;
}

/* Order Summary */
.newcheckoutpage .order-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}

.newcheckoutpage .order-item img {
    width: 60px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
}

.newcheckoutpage .order-item-details {
    flex-grow: 1;
    font-size: 14px;
    color: #333;
}

.newcheckoutpage .order-item-details p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.newcheckoutpage .cart-product__variant {
    margin-top: 8px;
    padding: 8px;
    background: #f8f9fa;
    border-radius: 5px;
    font-size: 12px;
    color: #666;
    line-height: 1.4;
}

.newcheckoutpage .order-item-price {
    font-weight: 600;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.newcheckoutpage .order-item-price .old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
}

.newcheckoutpage .order-item-price .new-price {
    color: #e74c3c;
}

/* Summary Section */
.newcheckoutpage .summary-section {
    margin-top: 20px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.newcheckoutpage .summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin: 8px 0;
    font-weight: 500;
}

.newcheckoutpage .summary-row.discount {
    color: #e74c3c;
}

.newcheckoutpage .summary-row.websale {
    color: #ff6b35;
}

.newcheckoutpage .summary-row.cart-discount {
    color: #ff4757;
}

.newcheckoutpage .summary-row.coupon {
    color: #2ed573;
}

.newcheckoutpage .summary-row.campaign {
    color: #17a2b8;
}

.newcheckoutpage .summary-row.cash-on-delivery {
    color: #ffa502;
}

.newcheckoutpage .summary-row.total {
    font-weight: 300;
    font-size: 18px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
}

/* Coupon Section */
.newcheckoutpage .coupon-section {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.newcheckoutpage .coupon-section input {
    flex: 1;
}

.newcheckoutpage .coupon-section button {
    padding: 8px 16px;
    background: #2d2d2d;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.newcheckoutpage .coupon-applied {
    display: none;
    color: #dc3545;
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
    padding: 10px;
    background: #f8f9fa;
    border: 1px solid #dc3545;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.newcheckoutpage .error-message {
    color: #e74c3c;
    font-size: 13px;
    margin-top: 8px;
    padding: 8px 12px;
    background: #fdf2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.newcheckoutpage .error-message::before {
    content: '⚠️';
    font-size: 14px;
}

/* Contract Agreements */
.newcheckoutpage .contract-agreement {
    margin: 20px 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.newcheckoutpage .contract-agreement .form-check-input {
    width: auto !important;
}

.newcheckoutpage .form-check-input {
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #ddd;
    border-radius: 4px;
    background-color: white;
    transition: all 0.2s ease;
    position: relative;
    cursor: pointer;
}

.newcheckoutpage .form-check-input:checked {
    background-color: #2d2d2d;
    border-color: #2d2d2d;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.newcheckoutpage .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(45, 45, 45, 0.25);
    border-color: #2d2d2d;
}

.newcheckoutpage .form-check-label {
    cursor: pointer;
    user-select: none;
    font-weight: 500;
}

.newcheckoutpage .form-check-label a {
    color: #2d2d2d;
    text-decoration: none;
    font-weight: 500;
}

.newcheckoutpage .form-check-label a:hover {
    text-decoration: underline;
}

/* Toast Notification */
.newcheckoutpage .toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    max-width: 400px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-left: 4px solid #e74c3c;
    animation: slideInRight 0.3s ease;
}

.newcheckoutpage .toast-notification.success {
    border-left-color: #dc3545;
}

.newcheckoutpage .toast-notification.warning {
    border-left-color: #ffc107;
}

.newcheckoutpage .toast-notification.info {
    border-left-color: #17a2b8;
}

.newcheckoutpage .toast-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #eee;
}

.newcheckoutpage .toast-title {
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

.newcheckoutpage .toast-close {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    color: #666;
}

.newcheckoutpage .toast-body {
    padding: 12px 16px;
    font-size: 13px;
    color: #666;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Responsive Design */
/* Responsive kodlar responsive.css dosyasına taşındı */

/* ==========================================
   CART ADD MODAL - Sepete Ekleme Popup
   ========================================== */
.cart-add-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    animation: fadeIn 0.3s ease;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

.cart-add-modal[style*="flex"],
.cart-add-modal.show {
    display: flex !important;
}

/* Modal görünür olduğunda */
.cart-add-modal[style*="display: flex"],
.cart-add-modal[style*="display:flex"],
.cart-add-modal[style*="display: flex !important"],
.cart-add-modal[style*="display:flex !important"] {
    display: flex !important;
}

.cart-add-modal__overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(2px);
    z-index: 1;
}

.cart-add-modal__content {
    position: relative !important;
    background: #ffffff !important;
    border-radius: 12px;
    width: 90% !important;
    max-width: 580px !important;
    max-height: 90vh !important;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    animation: slideUp 0.3s ease;
    z-index: 2 !important;
    margin: auto !important;
}

.cart-add-modal__header {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #e5e7eb;
    position: relative;
}

.cart-add-modal__success-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d1fae5;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
}

.cart-add-modal__success-icon svg {
    width: 24px;
    height: 24px;
}

.cart-add-modal__title {
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    color: #10b981;
    line-height: 1.4;
}

.cart-add-modal__close {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
    flex-shrink: 0;
}

.cart-add-modal__close:hover {
    color: #111827;
}

.cart-add-modal__body {
    padding: 20px 24px;
    padding-bottom: 16px;
}

.cart-add-modal__products-list {
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 16px;
}

.cart-add-modal__product {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
    padding: 16px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    align-items: flex-start;
    transition: all 0.2s ease;
}

.cart-add-modal__product:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
}

.cart-add-modal__product:last-child {
    margin-bottom: 0;
}

.cart-add-modal__product-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: auto;
    align-items: flex-end;
}

.cart-add-modal__product-image {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden;
    background: #f9fafb;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f3f4f6;
}

.cart-add-modal__product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background: #f9fafb;
}

.cart-add-modal__product-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cart-add-modal__product-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.cart-add-modal__product-name {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    line-height: 1.5;
    word-wrap: break-word;
    flex: 1;
    margin: 0;
}

.cart-add-modal__delete-btn {
    width: 32px;
    height: 32px;
    border: none;
    background: #fef2f2;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #ef4444;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
}

.cart-add-modal__delete-btn:hover {
    background: #fee2e2;
    color: #dc2626;
    transform: scale(1.05);
}

.cart-add-modal__delete-btn:active {
    transform: scale(0.95);
}

.cart-add-modal__product-price {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cart-add-modal__price-main {
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cart-add-modal__price-current {
    font-weight: 600;
    font-size: 16px;
    color: #111827;
}

.cart-add-modal__price-old {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
}

.cart-add-modal__price-detail {
    font-size: 13px;
    color: #6b7280;
    margin-top: 4px;
}

.cart-add-modal__price-detail strong {
    color: #111827;
    font-weight: 600;
}

.cart-add-modal__product-variant {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    padding: 6px 10px;
    background: #f3f4f6;
    border-radius: 6px;
    font-size: 12px;
}

.cart-add-modal__variant-label {
    color: #6b7280;
    font-weight: 500;
}

.cart-add-modal__variant-value {
    color: #111827;
    font-weight: 500;
}

.cart-add-modal__children-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 12px;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.cart-add-modal__child-item {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 12px;
    background: #ffffff;
    border-radius: 8px;
    font-size: 12px;
    color: #374151;
    border: 1px solid #e5e7eb;
    min-width: 0;
    gap: 4px;
}

.cart-add-modal__child-name {
    font-weight: 500;
    color: #111827;
    line-height: 1.4;
    word-break: break-word;
}

.cart-add-modal__child-quantity {
    font-size: 11px;
    color: #6b7280;
    font-weight: 500;
}

.cart-add-modal__product-price ul {
    margin: 8px 0 0 0;
    padding-left: 20px;
    list-style: disc;
    font-size: 12px;
    color: #9ca3af;
}

.cart-add-modal__product-quantity-label {
    font-size: 13px;
    color: #6b7280;
    margin-top: 4px;
}

.cart-add-modal__quantity-controls {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    padding: 0;
    background: #f9fafb;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    width: fit-content;
}

.cart-add-modal__quantity-btn {
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #6b7280;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
}

.cart-add-modal__quantity-btn:hover {
    background: #f3f4f6;
    color: #374151;
}

.cart-add-modal__quantity-btn:active {
    background: #e5e7eb;
    transform: scale(0.95);
}

.cart-add-modal__quantity-btn--decrease {
    border-right: 1px solid #e5e7eb;
}

.cart-add-modal__quantity-btn--increase {
    border-left: 1px solid #e5e7eb;
}

.cart-add-modal__quantity-value {
    font-size: 15px;
    font-weight: 600;
    color: #111827;
    min-width: 50px;
    text-align: center;
    padding: 0 12px;
    background: #ffffff;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
}

.cart-add-modal__summary {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e5e7eb;
}

.cart-add-modal__summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 14px;
}

.cart-add-modal__summary-label {
    color: #6b7280;
    font-weight: 500;
}

.cart-add-modal__summary-value {
    color: #111827;
    font-weight: 600;
}

.cart-add-modal__summary-row--discount {
    color: #dc2626;
}

.cart-add-modal__summary-row--discount .cart-add-modal__summary-value {
    color: #dc2626;
}

.cart-add-modal__summary-discounts {
    margin: 8px 0;
}

.cart-add-modal__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

.cart-add-modal__total-price {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    line-height: 1.2;
}

.cart-add-modal__total-label {
    font-size: 16px;
    color: #111827;
    font-weight: 600;
}

.cart-add-modal__footer {
    display: flex;
    gap: 12px;
    padding: 20px 24px 24px 24px;
    border-top: 1px solid #e5e7eb;
    margin-top: 8px;
}

.cart-add-modal__btn {
    flex: 1;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    min-width: 0;
}

.cart-add-modal__btn--secondary {
    background: #ffffff;
    color: #111827;
    border: 1px solid #d1d5db;
}

.cart-add-modal__btn--secondary:hover {
    background: #f9fafb;
    border-color: #9ca3af;
}

.cart-add-modal__btn--primary {
    background: #111827;
    color: #ffffff;
}

.cart-add-modal__btn--primary:hover {
    background: #374151;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .cart-add-modal__content {
        width: 95%;
        max-width: none;
        margin: 20px;
    }
    
    .cart-add-modal__header {
        padding: 16px 20px;
    }
    
    .cart-add-modal__title {
        font-size: 14px;
    }
    
    .cart-add-modal__body {
        padding: 20px;
    }
    
    .cart-add-modal__product {
        gap: 12px;
        padding: 12px;
        margin-bottom: 16px;
    }
    
    .cart-add-modal__product-image {
        width: 80px;
        height: 80px;
    }
    
    .cart-add-modal__product-name {
        font-size: 14px;
    }
    
    .cart-add-modal__quantity-controls {
        margin-top: 8px;
    }
    
    .cart-add-modal__quantity-btn {
        width: 36px;
        height: 36px;
    }
    
    .cart-add-modal__quantity-value {
        min-width: 40px;
        padding: 0 10px;
        font-size: 14px;
    }
    
    .cart-add-modal__delete-btn {
        width: 28px;
        height: 28px;
    }
    
    .cart-add-modal__total-price {
        font-size: 20px;
    }
    
    .cart-add-modal__footer {
        flex-direction: column;
    }
    
    .cart-add-modal__btn {
        width: 100%;
    }
    
    .cart-add-modal__price-main {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .cart-add-modal__price-current {
        font-size: 15px;
    }
    
    .cart-add-modal__price-old {
        font-size: 13px;
    }
    
    .cart-add-modal__price-detail {
        font-size: 12px;
    }
    
    .cart-add-modal__product-variant {
        font-size: 11px;
        padding: 5px 8px;
    }
    
    .cart-add-modal__children-list {
        gap: 6px;
        padding: 6px 10px;
    }
    
    .cart-add-modal__child-item {
        font-size: 11px;
        padding: 6px 10px;
        gap: 3px;
    }
    
    .cart-add-modal__child-name {
        font-size: 11px;
    }
    
    .cart-add-modal__child-quantity {
        font-size: 10px;
    }
} /**
 * Swiper 6.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 5, 2021
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

/* ===== SWIPER (merged from plugins/swiper.min.css) ===== */
/**
 * Swiper 6.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 5, 2021
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
/* ===========================================
   LINK & BUTTON UNDERLINE REMOVAL (2026 Modern UI)
   ========================================== */
a, a:hover, a:focus, a:active,
button, button:hover, button:focus,
.btn, .btn:hover, .btn:focus,
[role="button"], [role="link"],
.header a, .header a:hover, .header-mobile a, .header-mobile a:hover,
nav a, nav a:hover, .navbar a, .navbar a:hover,
.left-menu a, .left-menu a:hover,
.user-account-sidebar a, .user-account-sidebar a:hover,
.footer a, .footer a:hover,
.breadcrumb a, .breadcrumb a:hover,
.awa-page .page-blade-content a,
.page-blade-content a, .page-blade-content a:hover,
.uf-auth-link, .uf-auth-link:hover,
.uf-auth-title, .uf-auth-title:hover,
.uf-auth-container a, .uf-auth-container a:hover {
  text-decoration: none !important;
}

/* ===========================================
   GLOBAL FONT FAMILY OVERRIDE
   Montserrat font'u tüm text elementlerine uygula
   Icon font'larını korumak için :not() selector'ları kullanılıyor
   =========================================== */

/* Tüm metin elementleri için font override - SADECE text içerikler */
body:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
p:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
div:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]):not(.js-image-zoom), 
a:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
li:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
td:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
th:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]),
input:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
textarea:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
select:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
button:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
label:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]),
h1:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
h2:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
h3:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
h4:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
h5:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]), 
h6:not([class*="fa-"]):not([class*="lnir"]):not([class*="icon-"]) {
    font-family: var(--dynamic-google-font, "Montserrat"), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Breadcrumb – container içinde tutarlı genişlik */
.breadcrumb,
.breadcrumb-list,
.pdp-breadcrumb__list,
.search-breadcrumb .breadcrumb,
.checkout-breadcrumb .breadcrumb-list,
.blog-breadcrumb .breadcrumb-list {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.search-breadcrumb .container,
.checkout-breadcrumb .container,
.blog-breadcrumb.container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

/* Anasayfa bölüm başlıkları – kalın font (Öne Çıkan, Kategori, Gezdiğiniz Ürünler) */
.awp-modern-product-slider-title,
.awp-modern-product-slider-title-strong,
.awp-modern-product-slider-title .fw-bold,
.awp-modern-tabbed-product-slider-title,
.awp-modern-tabbed-product-slider-title-strong,
.hp-cat-showcase__title,
.hp-cat-block__title {
    font-weight: 700 !important;
}

/* PHPFlasher Styles - Modern Tasarım - Optimized */
/* user-account.css'deki tüm eski flasher stillerini override et */
.fl-flasher {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    z-index: auto !important;
    max-width: 480px !important;
    transform: translateY(100px) scale(0.9) !important;
}

/* user-account.css'deki ::before içeriklerini tamamen kaldır */
.fl-flasher.fl-success .fl-icon::before,
.fl-flasher.fl-error .fl-icon::before,
.fl-flasher.fl-warning .fl-icon::before,
.fl-flasher.fl-info .fl-icon::before {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
}

/* Sade Container Tasarımı - Alt Orta Konum */
.fl-main-container {
    position: fixed !important;
    bottom: 24px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 999999 !important;
    pointer-events: none !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    gap: 12px !important;
    max-width: 400px !important;
    width: calc(100% - 48px) !important;
}

/* Sade ve Minimal Tasarım */
.fl-flasher {
    margin-bottom: 0 !important;
    pointer-events: auto !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    min-width: 320px !important;
    max-width: 400px !important;
    width: 100% !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
}

/* Basit üst çizgi */
.fl-flasher::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    pointer-events: none !important;
    opacity: 1 !important;
}

.fl-flasher.fl-success::before {
    background: #10b981 !important;
}

.fl-flasher.fl-error::before {
    background: #ef4444 !important;
}

.fl-flasher.fl-warning::before {
    background: #f59e0b !important;
}

.fl-flasher.fl-info::before {
    background: #3b82f6 !important;
}

.fl-flasher.fl-show {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* Sade İçerik Tasarımı */
.fl-content {
    display: flex !important;
    align-items: center !important;
    padding: 16px 40px 16px 16px !important;
    gap: 12px !important;
    position: relative !important;
    z-index: 1 !important;
    flex: 1 !important;
    min-width: 0 !important;
    overflow: visible !important;
}

/* Title ve message için overflow kontrolü */
.fl-title,
.fl-message {
    overflow: visible !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    max-width: 100% !important;
}

/* Sade Close Button */
.fl-flasher .fl-close,
.fl-flasher [class*="close"],
.fl-flasher button[aria-label*="close"],
.fl-flasher button[aria-label*="Close"] {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    opacity: 0.5 !important;
    transition: opacity 0.2s ease !important;
}

.fl-flasher .fl-close:hover,
.fl-flasher [class*="close"]:hover,
.fl-flasher button[aria-label*="close"]:hover,
.fl-flasher button[aria-label*="Close"]:hover {
    opacity: 1 !important;
    background: #f3f4f6 !important;
}

.fl-flasher .fl-close::before,
.fl-flasher [class*="close"]::before {
    content: '×' !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
}

/* Container override */
.fl-container {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    gap: 0 !important;
    position: relative !important;
}

/* Sade İkon Tasarımı */
.fl-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

/* İkon çiftlenmesini önle - ::before pseudo-element'lerini kaldır */
.fl-icon::before {
    content: none !important;
    display: none !important;
}

/* user-account.css'deki eski stilleri override et */
.fl-flasher .fl-icon::before {
    content: none !important;
    display: none !important;
}

/* Sade Tipografi */
.fl-title {
    display: block !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #111827 !important;
    margin-bottom: 4px !important;
    line-height: 1.4 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}

.fl-message {
    display: block !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    font-weight: 400 !important;
}

/* İçerik wrapper */
.fl-flasher .fl-container {
    position: relative !important;
    padding-right: 0 !important;
}

/* Sade Progress Bar */
.fl-progress-bar {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background-color: #f3f4f6 !important;
    overflow: hidden !important;
}

.fl-progress {
    height: 100% !important;
    transition: width 0.1s linear !important;
}

/* Success - Sade Renkler */
.fl-main-container .fl-flasher.fl-success {
    background: #ffffff !important;
}
.fl-main-container .fl-flasher.fl-success .fl-title,
.fl-main-container .fl-flasher.fl-success .fl-content strong {
    color: #111827 !important;
}
.fl-main-container .fl-flasher.fl-success .fl-message,
.fl-main-container .fl-flasher.fl-success .fl-content span {
    color: #6b7280 !important;
}
.fl-main-container .fl-flasher.fl-success .fl-icon {
    background: #10b981 !important;
}
.fl-main-container .fl-flasher.fl-success .fl-progress {
    background: #10b981 !important;
}

/* Error - Sade Renkler */
.fl-main-container .fl-flasher.fl-error {
    background: #ffffff !important;
}
.fl-main-container .fl-flasher.fl-error .fl-title,
.fl-main-container .fl-flasher.fl-error .fl-content strong {
    color: #111827 !important;
}
.fl-main-container .fl-flasher.fl-error .fl-message,
.fl-main-container .fl-flasher.fl-error .fl-content span {
    color: #6b7280 !important;
}
.fl-main-container .fl-flasher.fl-error .fl-icon {
    background: #ef4444 !important;
}
.fl-main-container .fl-flasher.fl-error .fl-progress {
    background: #ef4444 !important;
}

/* Warning - Sade Renkler */
.fl-main-container .fl-flasher.fl-warning {
    background: #ffffff !important;
}
.fl-main-container .fl-flasher.fl-warning .fl-title,
.fl-main-container .fl-flasher.fl-warning .fl-content strong {
    color: #111827 !important;
}
.fl-main-container .fl-flasher.fl-warning .fl-message,
.fl-main-container .fl-flasher.fl-warning .fl-content span {
    color: #6b7280 !important;
}
.fl-main-container .fl-flasher.fl-warning .fl-icon {
    background: #f59e0b !important;
}
.fl-main-container .fl-flasher.fl-warning .fl-progress {
    background: #f59e0b !important;
}

/* Info - Sade Renkler */
.fl-main-container .fl-flasher.fl-info {
    background: #ffffff !important;
}
.fl-main-container .fl-flasher.fl-info .fl-title,
.fl-main-container .fl-flasher.fl-info .fl-content strong {
    color: #111827 !important;
}
.fl-main-container .fl-flasher.fl-info .fl-message,
.fl-main-container .fl-flasher.fl-info .fl-content span {
    color: #6b7280 !important;
}
.fl-main-container .fl-flasher.fl-info .fl-icon {
    background: #3b82f6 !important;
}
.fl-main-container .fl-flasher.fl-info .fl-progress {
    background: #3b82f6 !important;
}

/* Responsive - Mobil Optimizasyonu */
@media (max-width: 768px) {
    .fl-main-container {
        bottom: 20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: calc(100% - 32px) !important;
        width: calc(100% - 32px) !important;
    }
    
    .fl-flasher {
        min-width: auto !important;
        max-width: 100% !important;
        width: 100% !important;
        border-radius: 8px !important;
        transform: translateY(20px) !important;
    }
    
    .fl-flasher.fl-show {
        transform: translateY(0) !important;
    }
    
    .fl-content {
        padding: 14px 36px 14px 14px !important;
        gap: 12px !important;
    }
    
    .fl-icon {
        width: 28px !important;
        height: 28px !important;
        font-size: 14px !important;
        border-radius: 6px !important;
    }
    
    .fl-title {
        font-size: 13px !important;
        margin-bottom: 3px !important;
    }
    
    .fl-message {
        font-size: 12px !important;
    }
    
    .fl-flasher .fl-close,
    .fl-flasher [class*="close"],
    .fl-flasher button[aria-label*="close"],
    .fl-flasher button[aria-label*="Close"] {
        top: 10px !important;
        right: 10px !important;
        width: 22px !important;
        height: 22px !important;
    }
}

@media (max-width: 480px) {
    .fl-main-container {
        bottom: 16px !important;
        max-width: calc(100% - 24px) !important;
        width: calc(100% - 24px) !important;
    }
    
    .fl-flasher {
        border-radius: 8px !important;
    }
    
    .fl-content {
        padding: 12px 32px 12px 12px !important;
        gap: 10px !important;
    }
    
    .fl-icon {
        width: 24px !important;
        height: 24px !important;
        font-size: 12px !important;
        border-radius: 4px !important;
    }
    
    .fl-title {
        font-size: 12px !important;
    }
    
    .fl-message {
        font-size: 11px !important;
    }
    
    .fl-flasher .fl-close,
    .fl-flasher [class*="close"],
    .fl-flasher button[aria-label*="close"],
    .fl-flasher button[aria-label*="Close"] {
        top: 8px !important;
        right: 8px !important;
        width: 20px !important;
        height: 20px !important;
    }
}
/* ===========================================
   BROWSER COMPATIBILITY FIXES
   Firefox ve Safari için vendor prefix'ler
   =========================================== */

/* Transform özellikleri için prefix'ler */

.product-card-image img {
    -webkit-transition: -webkit-transform 0.3s ease, transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease, transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease, transform 0.3s ease;
    transition: transform 0.3s ease;
}

.product-card:hover .product-card-image img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.text-option:hover:not(:disabled),
.text-option--active {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
}

.product-card:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* Border-radius için prefix'ler */

.product-card-image {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.product-card {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.text-option {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.text-option__check,
.text-option__unavailable {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* Box-shadow için prefix'ler */

.product-card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.product-card:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.text-option {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.text-option:hover:not(:disabled) {
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.text-option--active {
    -webkit-box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
    -moz-box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.text-option__check,
.text-option__unavailable {
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Transition için prefix'ler */

.product-card {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.text-option {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Display: flex için prefix'ler */
.variant-text-wrapper,
.text-option,
.text-option__check,
.text-option__unavailable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.text-option {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.text-option__check,
.text-option__unavailable {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Grid için prefix'ler */
.products-grid {
    display: -webkit-box;
    display: -ms-grid;
    display: grid;
}

.products-grid.product-list-grid-desktop-2 {
    -ms-grid-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
}

.products-grid.product-list-grid-desktop-3 {
    -ms-grid-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
}

.products-grid.product-list-grid-desktop-4 {
    -ms-grid-columns: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
}

.products-grid.product-list-grid-desktop-5 {
    -ms-grid-columns: repeat(5, 1fr);
    grid-template-columns: repeat(5, 1fr);
}

.products-grid.product-list-grid-desktop-6 {
    -ms-grid-columns: repeat(6, 1fr);
    grid-template-columns: repeat(6, 1fr);
}

/* Gap özelliği için prefix'ler (Firefox ve Safari) */

.products-grid.product-list-grid-desktop-2 {
    gap: 20px;
}

.products-grid.product-list-grid-desktop-3 {
    gap: 20px;
}

.products-grid.product-list-grid-desktop-4 {
    gap: 20px;
}

.products-grid.product-list-grid-desktop-5 {
    gap: 18px;
}

.products-grid.product-list-grid-desktop-6 {
    gap: 15px;
}

/* User-select için prefix'ler */
.text-option {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Appearance için prefix'ler (form elementleri) */
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Backdrop-filter için prefix'ler (varsa) */
.backdrop-blur {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/* Will-change için prefix'ler */
.product-card,
.product-card-image img {
    will-change: transform;
    -webkit-will-change: transform;
    -moz-will-change: transform;
}

/* Flexbox gap için prefix'ler (eski tarayıcılar için) */
.variant-text-wrapper {
    margin: -4px;
}

.variant-text-wrapper > * {
    margin: 4px;
}

/* Grid için fallback (eski tarayıcılar) */
@supports not (display: grid) {
    .products-grid {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .products-grid > * {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

/* Transform için hardware acceleration - sadece hover durumunda */
.product-card:hover,
.product-card:hover .product-card-image img {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

/* Kategori grid için prefix'ler */
.uomo-category-grid-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.uomo-category-grid-card {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.uomo-category-grid-card:hover {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Carousel/Slider için prefix'ler */
.products-carousel__prev,
.products-carousel__next,
.produc_slider__prev,
.produc_slider__next,
.uomo-product-slider-prev,
.uomo-product-slider-next {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.32s;
    -moz-transition: opacity 0.32s;
    -o-transition: opacity 0.32s;
    transition: opacity 0.32s;
}

/* Ürün slider'ları için alt boşluk azaltma - Tüm ekran boyutları */
.produc_slider,
.uomo-product-slider-main,
#new_product.produc_slider,
.produc_slider__container,
.uomo-product-slider-container,
.produc_slider__track,
.uomo-product-slider-track {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.produc_slider__slide,
.uomo-product-slider-slide,
.homepage-product-slider__slide {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Kategori slider resimli için alt boşluk azaltma - Tüm ekran boyutları */
.homepagecategory,
.homepagecategory__container,
.homepagecategory__list,
.homepagecategory-card,
.homepagecategory-card__content,
.homepagecategory-card__products,
.homepagecategory-card__track {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Ürün sayısına bakılmaksızın tutarlı alt boşluk - tüm durumlarda boşluk olmasın */
.homepagecategory-card__body .homepagecategory-card__products:last-child,
.homepagecategory-card__body > .homepagecategory-card__products,
.homepagecategory-card__track:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Homepage Category Slider için prefix'ler */
.homepagecategory-card__track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.homepagecategory-card__control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.homepagecategory-card__product {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* homepage-category-banner-slider header görünürlüğü */
.homepage-category-banner-slider__header,
.uomo-category-banner-slider-header {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important;
}

/* Swiper için prefix'ler */
.swiper-wrapper,
.homepage-category-banner-slider__swiper .swiper-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.swiper-slide,
.homepage-category-banner-slider__swiper .swiper-slide {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Featured product badge için prefix'ler */
.featured-product-badge {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
    -moz-box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
    -webkit-animation: featured-pulse 2s infinite;
    -moz-animation: featured-pulse 2s infinite;
    -o-animation: featured-pulse 2s infinite;
    animation: featured-pulse 2s infinite;
}

/* Animation için prefix'ler */
@-webkit-keyframes featured-pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@-moz-keyframes featured-pulse {
    0%, 100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes featured-pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
    }
}

/* Genel border-radius prefix'leri */
.border-radius-4,
.category-banner__item {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Genel box-shadow prefix'leri */
.shadow-sm,
.shadow,
.shadow-lg {
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

/* Genel transition prefix'leri */
.transition,
[class*="transition"] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

/* Genel transform prefix'leri - önemli elementler için */
.d-flex,
[class*="flex"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

/* Align items için prefix'ler */
.align-items-center,
.align-items-start,
.align-items-end {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items-start {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.align-items-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

/* Justify content için prefix'ler */
.justify-content-center,
.justify-content-start,
.justify-content-end,
.justify-content-between {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-content-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* Flex-wrap için prefix'ler */
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* Position sticky için prefix'ler */
.sticky-top,
[class*="sticky"] {
    position: -webkit-sticky;
    position: sticky;
}

/* Object-fit için prefix'ler */
.object-fit-cover,
.object-fit-contain {
    -o-object-fit: inherit;
    object-fit: inherit;
}

.object-fit-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.object-fit-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

/* Responsive.css için ek prefix'ler */
.swiper-progress-bar {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

[style*="transform: translateX(-50%)"] {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* Box-shadow için genel prefix'ler */
[style*="box-shadow"] {
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
}

/* Border-radius için genel prefix'ler */
[style*="border-radius"] {
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
}

/* Transition için genel prefix'ler */
[style*="transition"] {
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

/* Display flex için genel prefix'ler */
[style*="display: flex"],
[style*="display:flex"] {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

/* Inline-flex için prefix'ler */
[style*="display: inline-flex"],
[style*="display:inline-flex"] {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -moz-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

/* PDP Quantity için prefix'ler */
.pdp-qty {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

/**
 * Force Visible Scrollbar for Thumbnails
 * Bu dosya scrollbar'ı zorla görünür yapar
 */

/* Sol ve Sağ Thumbnails Container - Dinamik Yükseklik */
.gallery-layout-thumbnails_left .thumbnail-left-container,
.gallery-layout-thumbnails_right .thumbnail-right-container {
    max-height: 444px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable both-edges !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-behavior: smooth !important;
}

/* macOS için scrollbar her zaman göster */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar {
    -webkit-appearance: none !important;
}

.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar:vertical,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar:vertical {
    width: 14px !important;
}

.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar:horizontal,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar:horizontal {
    height: 0 !important;
}

/* Sol Thumbnails - Scrollbar Track */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-track {
    background: #eeeeee !important;
    border-radius: 7px !important;
    border: 2px solid #d0d0d0 !important;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.15) !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.15) !important;
}

/* Sol Thumbnails - Scrollbar Thumb (Her Zaman Görünür) */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-thumb {
    background: #ff6b35 !important;
    border-radius: 7px !important;
    border: 3px solid #ffffff !important;
    min-height: 60px !important;
    box-shadow: 0 3px 10px rgba(255, 107, 53, 0.7) !important;
    -webkit-box-shadow: 0 3px 10px rgba(255, 107, 53, 0.7) !important;
}

.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-thumb:hover {
    background: #ff5722 !important;
    box-shadow: 0 4px 12px rgba(255, 87, 34, 0.8) !important;
}

.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-thumb:active {
    background: #e64a19 !important;
}

/* Sağ Thumbnails - Scrollbar Track */
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-track {
    background: #eeeeee !important;
    border-radius: 7px !important;
    border: 2px solid #d0d0d0 !important;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.15) !important;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.15) !important;
}

/* Sağ Thumbnails - Scrollbar Thumb (Her Zaman Görünür) */
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-thumb {
    background: #ff6b35 !important;
    border-radius: 7px !important;
    border: 3px solid #ffffff !important;
    min-height: 60px !important;
    box-shadow: 0 3px 10px rgba(255, 107, 53, 0.7) !important;
    -webkit-box-shadow: 0 3px 10px rgba(255, 107, 53, 0.7) !important;
}

.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-thumb:hover {
    background: #ff5722 !important;
    box-shadow: 0 4px 12px rgba(255, 87, 34, 0.8) !important;
}

.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-thumb:active {
    background: #e64a19 !important;
}

/* Firefox için */
.gallery-layout-thumbnails_left .thumbnail-left-container,
.gallery-layout-thumbnails_right .thumbnail-right-container {
    scrollbar-width: auto !important;
    scrollbar-color: #ff6b35 #eeeeee !important;
}

/* macOS Safari ve Chrome için - Scrollbar butonları ekle (her zaman görünür olması için) */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-button,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-button {
    display: block !important;
    height: 0 !important;
}

/* Scrollbar'ı overlay değil, normal modda göster */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-track,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-track {
    -webkit-appearance: none !important;
}

/* Scrollbar thumb'ı her zaman görünür yap - macOS için */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-thumb,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-thumb {
    -webkit-appearance: none !important;
    display: block !important;
    visibility: visible !important;
}

/* Scrollbar track her zaman görünür */
.gallery-layout-thumbnails_left .thumbnail-left-container::-webkit-scrollbar-track,
.gallery-layout-thumbnails_right .thumbnail-right-container::-webkit-scrollbar-track {
    display: block !important;
    visibility: visible !important;
}

/* Google Reviews Mobile Styles */
/* Mobil cihazlar için Google Reviews özel stilleri */

@media (max-width: 768px) {
    .google-reviews-section {
        padding: 2rem 1rem;
    }
    
    .google-review-card,
    .google-review-item {
        margin-bottom: 1rem;
    }
    
    .google-reviews-swiper {
        padding-bottom: 2rem;
    }
}

/* ===========================================
   MOBİL MENÜ SLIDING SUBMENU - BENZERSİZ CSS
   Çakışmaları önlemek için özel prefix: awp-sliding-
   =========================================== */

@media (max-width: 991.98px) {
    /* Ana navigation container - sliding wrapper */
    .header-mobile__navigation.awp-sliding-wrapper {
        position: relative !important;
        overflow: hidden !important;
    }
    
    /* Modern mobil menü container - ana menü */
    .header-mobile__navigation .modern-mobile-menu.awp-sliding-main-menu {
        position: relative !important;
        width: 100% !important;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        will-change: transform !important;
    }
    
    /* Ana menü kaydırma - submenu açıkken */
    .header-mobile__navigation.awp-has-open-submenu .modern-mobile-menu.awp-sliding-main-menu {
        transform: translateX(-30%) !important;
    }
    
    /* Modern mobil menü item */
    .modern-mobile-menu__item.awp-sliding-item {
        position: relative !important;
    }
    
    /* Sliding submenu - navigation container'a göre absolute */
    .modern-mobile-submenu.awp-sliding-submenu {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: #ffffff !important;
        transform: translateX(100%) !important;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        z-index: 1040 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 !important;
        margin: 0 !important;
        max-height: none !important;
        height: 100% !important;
        min-height: 100% !important;
        width: 100% !important;
        visibility: hidden !important;
        opacity: 0 !important;
        display: block !important;
    }
    
    /* Submenu açıkken - sağdan kayarak gelir */
    .modern-mobile-submenu.awp-sliding-submenu.awp-sliding-submenu-open {
        transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Submenu içindeki nested submenu'ler */
    .awp-sliding-submenu .awp-sliding-submenu {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        transform: translateX(100%) !important;
        z-index: 1050 !important;
        width: 100% !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    .awp-sliding-submenu .awp-sliding-submenu.awp-sliding-submenu-open {
        transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Geri butonu stili */
    .awp-sliding-back-btn {
        display: flex !important;
        align-items: center !important;
        padding: 16px 20px !important;
        background: #fafafa !important;
        border-bottom: 2px solid #f5f5f5 !important;
        cursor: pointer !important;
        font-weight: 600 !important;
        color: #1a1a1a !important;
        text-decoration: none !important;
        transition: background 0.2s ease !important;
        margin-bottom: 0 !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 10 !important;
    }
    
    .awp-sliding-back-btn:hover {
        background: #f0f0f0 !important;
    }
    
    .awp-sliding-back-btn svg {
        margin-right: 12px !important;
        width: 7px !important;
        height: 11px !important;
        flex-shrink: 0 !important;
    }
    
    .awp-sliding-back-btn span {
        font-size: 16px !important;
        font-weight: 600 !important;
    }
    
    /* Submenu listesi */
    .awp-sliding-submenu .modern-mobile-submenu__list {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
        background: #ffffff !important;
    }
    
    /* Submenu içindeki linkler */
    .awp-sliding-submenu .modern-mobile-menu__link {
        padding: 18px 20px !important;
    }
    
    /* Submenu item stilleri */
    .awp-sliding-submenu .modern-mobile-menu__item {
        border-bottom: 1px solid #f5f5f5 !important;
    }
    
    .awp-sliding-submenu .modern-mobile-menu__item:last-child {
        border-bottom: none !important;
    }
    
    /* Submenu açıkken body scroll'u kilitle */
    body.awp-submenu-open {
        overflow: hidden !important;
        position: fixed !important;
        width: 100% !important;
    }
    
    /* Eski accordion stillerini devre dışı bırak */
    .awp-sliding-submenu {
        max-height: none !important;
        overflow: visible !important;
        background: #ffffff !important;
    }
}


/* ==========================================
   LINE ICONS - From line-icons.css
   ========================================== */

@font-face {
    font-family: 'LineIconsPro';
    src: url('../fonts/LineIconsPro Regular.eot');
    src: url('../fonts/LineIconsPro Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LineIconsPro Regular.woff2') format('woff2'),
         url('../fonts/LineIconsPro Regular.woff') format('woff'),
         url('../fonts/LineIconsPro Regular.ttf') format('truetype'),
         url('../fonts/LineIconsPro Regular.svg#LineIconsPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LineIconsPro';
    src: url('../fonts/LineIconsPro Light.eot');
    src: url('../fonts/LineIconsPro Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LineIconsPro Light.woff2') format('woff2'),
         url('../fonts/LineIconsPro Light.woff') format('woff'),
         url('../fonts/LineIconsPro Light.ttf') format('truetype'),
         url('../fonts/LineIconsPro Light.svg#LineIconsPro') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

[class^="lni-"], [class*=" lni-"], [class^="lnir"], [class*=" lnir"] {
    font-family: 'LineIconsPro' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Header için özel ince ikonlar - FontAwesome */
.header-tools__item .fa-user {
    font-size: 1.3rem;
    color: #222222;
    transition: all 0.3s ease;
}

.header-tools__item .fa-shopping-cart {
    font-size: 1.3rem;
    color: #222222;
    transition: all 0.3s ease;
}

.header-tools__item .fa-bell {
    font-size: 1.3rem;
    color: #222222;
    transition: all 0.3s ease;
}

/* Mobil header için */
.header-mobile .header-tools__item .fa-user,
.header-mobile .header-tools__item .fa-shopping-cart,
.header-mobile .header-tools__item .fa-bell {
    font-size: 1.2rem;
    color: #222222;
    transition: all 0.3s ease;
}

/* Hover efektleri */
.header-tools__item:hover .fa-user,
.header-tools__item:hover .fa-shopping-cart,
.header-tools__item:hover .fa-bell {
    transform: scale(1.1);
    color: #c32929;
    transition: all 0.3s ease;
}

/* Mobil menüdeki kullanıcı ikonu */
.customer-links .fa-user {
    font-size: 1.2rem;
    color: #222222;
    margin-right: 8px;
}

/* İkonların FontAwesome font-family'sini koruma */
.header-tools__item i {
    font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* Sepet ikonu için özel stil */
.header-tools__cart i {
    font-size: 1.3rem !important;
    color: #222222 !important;
    font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* Sepet ikonunun görünürlüğünü artırma */
.header-tools__cart .fa-shopping-cart {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 1.3rem !important;
    color: #222222 !important;
}

/* Mobil sepet ikonu */
.header-mobile .header-tools__cart .fa-shopping-cart {
    font-size: 1.2rem !important;
    color: #222222 !important;
}

/* Sepet ikonu için ek güvenlik */
.header-tools__cart i.fa-shopping-cart,
.header-tools__cart i.fa,
.header-tools__cart i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 1.3rem !important;
    color: #222222 !important;
    font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* Tüm sepet ikonları için genel stil */
.fa-shopping-cart {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 1.3rem !important;
    color: #222222 !important;
}

/* FontAwesome sepet ikonu için stil */
.header-tools__item .fa-shopping-cart {
    font-size: 1.3rem;
    color: #222222;
    transition: all 0.3s ease;
}

.header-tools__item:hover .fa-shopping-cart {
    transform: scale(1.1);
    color: #c32929;
    transition: all 0.3s ease;
}

/* Mobil FontAwesome sepet ikonu */
.header-mobile .header-tools__item .fa-shopping-cart {
    font-size: 1.2rem;
    color: #222222;
    transition: all 0.3s ease;
} 

/* ==========================================
   THEMIFY ICONS - From themify-icons.css
   ========================================== */

@font-face {
	font-family: 'themify';
	src:url('/themes/awapanel/deep/fonts/themify.eot?-fvbane');
	src:url('/themes/awapanel/deep/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('/themes/awapanel/deep/fonts/themify.woff?-fvbane') format('woff'),
		url('/themes/awapanel/deep/fonts/themify.ttf?-fvbane') format('truetype'),
		url('/themes/awapanel/deep/fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ti-"], [class*=" ti-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
	content: "\e600";
}
.ti-volume:before {
	content: "\e601";
}
.ti-user:before {
	content: "\e602";
}
.ti-unlock:before {
	content: "\e603";
}
.ti-unlink:before {
	content: "\e604";
}
.ti-trash:before {
	content: "\e605";
}
.ti-thought:before {
	content: "\e606";
}
.ti-target:before {
	content: "\e607";
}
.ti-tag:before {
	content: "\e608";
}
.ti-tablet:before {
	content: "\e609";
}
.ti-star:before {
	content: "\e60a";
}
.ti-spray:before {
	content: "\e60b";
}
.ti-signal:before {
	content: "\e60c";
}
.ti-shopping-cart:before {
	content: "\e60d";
}
.ti-shopping-cart-full:before {
	content: "\e60e";
}
.ti-settings:before {
	content: "\e60f";
}
.ti-search:before {
	content: "\e610";
}
.ti-zoom-in:before {
	content: "\e611";
}
.ti-zoom-out:before {
	content: "\e612";
}
.ti-cut:before {
	content: "\e613";
}
.ti-ruler:before {
	content: "\e614";
}
.ti-ruler-pencil:before {
	content: "\e615";
}
.ti-ruler-alt:before {
	content: "\e616";
}
.ti-bookmark:before {
	content: "\e617";
}
.ti-bookmark-alt:before {
	content: "\e618";
}
.ti-reload:before {
	content: "\e619";
}
.ti-plus:before {
	content: "\e61a";
}
.ti-pin:before {
	content: "\e61b";
}
.ti-pencil:before {
	content: "\e61c";
}
.ti-pencil-alt:before {
	content: "\e61d";
}
.ti-paint-roller:before {
	content: "\e61e";
}
.ti-paint-bucket:before {
	content: "\e61f";
}
.ti-na:before {
	content: "\e620";
}
.ti-mobile:before {
	content: "\e621";
}
.ti-minus:before {
	content: "\e622";
}
.ti-medall:before {
	content: "\e623";
}
.ti-medall-alt:before {
	content: "\e624";
}
.ti-marker:before {
	content: "\e625";
}
.ti-marker-alt:before {
	content: "\e626";
}
.ti-arrow-up:before {
	content: "\e627";
}
.ti-arrow-right:before {
	content: "\e628";
}
.ti-arrow-left:before {
	content: "\e629";
}
.ti-arrow-down:before {
	content: "\e62a";
}
.ti-lock:before {
	content: "\e62b";
}
.ti-location-arrow:before {
	content: "\e62c";
}
.ti-link:before {
	content: "\e62d";
}
.ti-layout:before {
	content: "\e62e";
}
.ti-layers:before {
	content: "\e62f";
}
.ti-layers-alt:before {
	content: "\e630";
}
.ti-key:before {
	content: "\e631";
}
.ti-import:before {
	content: "\e632";
}
.ti-image:before {
	content: "\e633";
}
.ti-heart:before {
	content: "\e634";
}
.ti-heart-broken:before {
	content: "\e635";
}
.ti-hand-stop:before {
	content: "\e636";
}
.ti-hand-open:before {
	content: "\e637";
}
.ti-hand-drag:before {
	content: "\e638";
}
.ti-folder:before {
	content: "\e639";
}
.ti-flag:before {
	content: "\e63a";
}
.ti-flag-alt:before {
	content: "\e63b";
}
.ti-flag-alt-2:before {
	content: "\e63c";
}
.ti-eye:before {
	content: "\e63d";
}
.ti-export:before {
	content: "\e63e";
}
.ti-exchange-vertical:before {
	content: "\e63f";
}
.ti-desktop:before {
	content: "\e640";
}
.ti-cup:before {
	content: "\e641";
}
.ti-crown:before {
	content: "\e642";
}
.ti-comments:before {
	content: "\e643";
}
.ti-comment:before {
	content: "\e644";
}
.ti-comment-alt:before {
	content: "\e645";
}
.ti-close:before {
	content: "\e646";
}
.ti-clip:before {
	content: "\e647";
}
.ti-angle-up:before {
	content: "\e648";
}
.ti-angle-right:before {
	content: "\e649";
}
.ti-angle-left:before {
	content: "\e64a";
}
.ti-angle-down:before {
	content: "\e64b";
}
.ti-check:before {
	content: "\e64c";
}
.ti-check-box:before {
	content: "\e64d";
}
.ti-camera:before {
	content: "\e64e";
}
.ti-announcement:before {
	content: "\e64f";
}
.ti-brush:before {
	content: "\e650";
}
.ti-briefcase:before {
	content: "\e651";
}
.ti-bolt:before {
	content: "\e652";
}
.ti-bolt-alt:before {
	content: "\e653";
}
.ti-blackboard:before {
	content: "\e654";
}
.ti-bag:before {
	content: "\e655";
}
.ti-move:before {
	content: "\e656";
}
.ti-arrows-vertical:before {
	content: "\e657";
}
.ti-arrows-horizontal:before {
	content: "\e658";
}
.ti-fullscreen:before {
	content: "\e659";
}
.ti-arrow-top-right:before {
	content: "\e65a";
}
.ti-arrow-top-left:before {
	content: "\e65b";
}
.ti-arrow-circle-up:before {
	content: "\e65c";
}
.ti-arrow-circle-right:before {
	content: "\e65d";
}
.ti-arrow-circle-left:before {
	content: "\e65e";
}
.ti-arrow-circle-down:before {
	content: "\e65f";
}
.ti-angle-double-up:before {
	content: "\e660";
}
.ti-angle-double-right:before {
	content: "\e661";
}
.ti-angle-double-left:before {
	content: "\e662";
}
.ti-angle-double-down:before {
	content: "\e663";
}
.ti-zip:before {
	content: "\e664";
}
.ti-world:before {
	content: "\e665";
}
.ti-wheelchair:before {
	content: "\e666";
}
.ti-view-list:before {
	content: "\e667";
}
.ti-view-list-alt:before {
	content: "\e668";
}
.ti-view-grid:before {
	content: "\e669";
}
.ti-uppercase:before {
	content: "\e66a";
}
.ti-upload:before {
	content: "\e66b";
}
.ti-underline:before {
	content: "\e66c";
}
.ti-truck:before {
	content: "\e66d";
}
.ti-timer:before {
	content: "\e66e";
}
.ti-ticket:before {
	content: "\e66f";
}
.ti-thumb-up:before {
	content: "\e670";
}
.ti-thumb-down:before {
	content: "\e671";
}
.ti-text:before {
	content: "\e672";
}
.ti-stats-up:before {
	content: "\e673";
}
.ti-stats-down:before {
	content: "\e674";
}
.ti-split-v:before {
	content: "\e675";
}
.ti-split-h:before {
	content: "\e676";
}
.ti-smallcap:before {
	content: "\e677";
}
.ti-shine:before {
	content: "\e678";
}
.ti-shift-right:before {
	content: "\e679";
}
.ti-shift-left:before {
	content: "\e67a";
}
.ti-shield:before {
	content: "\e67b";
}
.ti-notepad:before {
	content: "\e67c";
}
.ti-server:before {
	content: "\e67d";
}
.ti-quote-right:before {
	content: "\e67e";
}
.ti-quote-left:before {
	content: "\e67f";
}
.ti-pulse:before {
	content: "\e680";
}
.ti-printer:before {
	content: "\e681";
}
.ti-power-off:before {
	content: "\e682";
}
.ti-plug:before {
	content: "\e683";
}
.ti-pie-chart:before {
	content: "\e684";
}
.ti-paragraph:before {
	content: "\e685";
}
.ti-panel:before {
	content: "\e686";
}
.ti-package:before {
	content: "\e687";
}
.ti-music:before {
	content: "\e688";
}
.ti-music-alt:before {
	content: "\e689";
}
.ti-mouse:before {
	content: "\e68a";
}
.ti-mouse-alt:before {
	content: "\e68b";
}
.ti-money:before {
	content: "\e68c";
}
.ti-microphone:before {
	content: "\e68d";
}
.ti-menu:before {
	content: "\e68e";
}
.ti-menu-alt:before {
	content: "\e68f";
}
.ti-map:before {
	content: "\e690";
}
.ti-map-alt:before {
	content: "\e691";
}
.ti-loop:before {
	content: "\e692";
}
.ti-location-pin:before {
	content: "\e693";
}
.ti-list:before {
	content: "\e694";
}
.ti-light-bulb:before {
	content: "\e695";
}
.ti-Italic:before {
	content: "\e696";
}
.ti-info:before {
	content: "\e697";
}
.ti-infinite:before {
	content: "\e698";
}
.ti-id-badge:before {
	content: "\e699";
}
.ti-hummer:before {
	content: "\e69a";
}
.ti-home:before {
	content: "\e69b";
}
.ti-help:before {
	content: "\e69c";
}
.ti-headphone:before {
	content: "\e69d";
}
.ti-harddrives:before {
	content: "\e69e";
}
.ti-harddrive:before {
	content: "\e69f";
}
.ti-gift:before {
	content: "\e6a0";
}
.ti-game:before {
	content: "\e6a1";
}
.ti-filter:before {
	content: "\e6a2";
}
.ti-files:before {
	content: "\e6a3";
}
.ti-file:before {
	content: "\e6a4";
}
.ti-eraser:before {
	content: "\e6a5";
}
.ti-envelope:before {
	content: "\e6a6";
}
.ti-download:before {
	content: "\e6a7";
}
.ti-direction:before {
	content: "\e6a8";
}
.ti-direction-alt:before {
	content: "\e6a9";
}
.ti-dashboard:before {
	content: "\e6aa";
}
.ti-control-stop:before {
	content: "\e6ab";
}
.ti-control-shuffle:before {
	content: "\e6ac";
}
.ti-control-play:before {
	content: "\e6ad";
}
.ti-control-pause:before {
	content: "\e6ae";
}
.ti-control-forward:before {
	content: "\e6af";
}
.ti-control-backward:before {
	content: "\e6b0";
}
.ti-cloud:before {
	content: "\e6b1";
}
.ti-cloud-up:before {
	content: "\e6b2";
}
.ti-cloud-down:before {
	content: "\e6b3";
}
.ti-clipboard:before {
	content: "\e6b4";
}
.ti-car:before {
	content: "\e6b5";
}
.ti-calendar:before {
	content: "\e6b6";
}
.ti-book:before {
	content: "\e6b7";
}
.ti-bell:before {
	content: "\e6b8";
}
.ti-basketball:before {
	content: "\e6b9";
}
.ti-bar-chart:before {
	content: "\e6ba";
}
.ti-bar-chart-alt:before {
	content: "\e6bb";
}
.ti-back-right:before {
	content: "\e6bc";
}
.ti-back-left:before {
	content: "\e6bd";
}
.ti-arrows-corner:before {
	content: "\e6be";
}
.ti-archive:before {
	content: "\e6bf";
}
.ti-anchor:before {
	content: "\e6c0";
}
.ti-align-right:before {
	content: "\e6c1";
}
.ti-align-left:before {
	content: "\e6c2";
}
.ti-align-justify:before {
	content: "\e6c3";
}
.ti-align-center:before {
	content: "\e6c4";
}
.ti-alert:before {
	content: "\e6c5";
}
.ti-alarm-clock:before {
	content: "\e6c6";
}
.ti-agenda:before {
	content: "\e6c7";
}
.ti-write:before {
	content: "\e6c8";
}
.ti-window:before {
	content: "\e6c9";
}
.ti-widgetized:before {
	content: "\e6ca";
}
.ti-widget:before {
	content: "\e6cb";
}
.ti-widget-alt:before {
	content: "\e6cc";
}
.ti-wallet:before {
	content: "\e6cd";
}
.ti-video-clapper:before {
	content: "\e6ce";
}
.ti-video-camera:before {
	content: "\e6cf";
}
.ti-vector:before {
	content: "\e6d0";
}
.ti-themify-logo:before {
	content: "\e6d1";
}
.ti-themify-favicon:before {
	content: "\e6d2";
}
.ti-themify-favicon-alt:before {
	content: "\e6d3";
}
.ti-support:before {
	content: "\e6d4";
}
.ti-stamp:before {
	content: "\e6d5";
}
.ti-split-v-alt:before {
	content: "\e6d6";
}
.ti-slice:before {
	content: "\e6d7";
}
.ti-shortcode:before {
	content: "\e6d8";
}
.ti-shift-right-alt:before {
	content: "\e6d9";
}
.ti-shift-left-alt:before {
	content: "\e6da";
}
.ti-ruler-alt-2:before {
	content: "\e6db";
}
.ti-receipt:before {
	content: "\e6dc";
}
.ti-pin2:before {
	content: "\e6dd";
}
.ti-pin-alt:before {
	content: "\e6de";
}
.ti-pencil-alt2:before {
	content: "\e6df";
}
.ti-palette:before {
	content: "\e6e0";
}
.ti-more:before {
	content: "\e6e1";
}
.ti-more-alt:before {
	content: "\e6e2";
}
.ti-microphone-alt:before {
	content: "\e6e3";
}
.ti-magnet:before {
	content: "\e6e4";
}
.ti-line-double:before {
	content: "\e6e5";
}
.ti-line-dotted:before {
	content: "\e6e6";
}
.ti-line-dashed:before {
	content: "\e6e7";
}
.ti-layout-width-full:before {
	content: "\e6e8";
}
.ti-layout-width-default:before {
	content: "\e6e9";
}
.ti-layout-width-default-alt:before {
	content: "\e6ea";
}
.ti-layout-tab:before {
	content: "\e6eb";
}
.ti-layout-tab-window:before {
	content: "\e6ec";
}
.ti-layout-tab-v:before {
	content: "\e6ed";
}
.ti-layout-tab-min:before {
	content: "\e6ee";
}
.ti-layout-slider:before {
	content: "\e6ef";
}
.ti-layout-slider-alt:before {
	content: "\e6f0";
}
.ti-layout-sidebar-right:before {
	content: "\e6f1";
}
.ti-layout-sidebar-none:before {
	content: "\e6f2";
}
.ti-layout-sidebar-left:before {
	content: "\e6f3";
}
.ti-layout-placeholder:before {
	content: "\e6f4";
}
.ti-layout-menu:before {
	content: "\e6f5";
}
.ti-layout-menu-v:before {
	content: "\e6f6";
}
.ti-layout-menu-separated:before {
	content: "\e6f7";
}
.ti-layout-menu-full:before {
	content: "\e6f8";
}
.ti-layout-media-right-alt:before {
	content: "\e6f9";
}
.ti-layout-media-right:before {
	content: "\e6fa";
}
.ti-layout-media-overlay:before {
	content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
	content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
	content: "\e6fd";
}
.ti-layout-media-left-alt:before {
	content: "\e6fe";
}
.ti-layout-media-left:before {
	content: "\e6ff";
}
.ti-layout-media-center-alt:before {
	content: "\e700";
}
.ti-layout-media-center:before {
	content: "\e701";
}
.ti-layout-list-thumb:before {
	content: "\e702";
}
.ti-layout-list-thumb-alt:before {
	content: "\e703";
}
.ti-layout-list-post:before {
	content: "\e704";
}
.ti-layout-list-large-image:before {
	content: "\e705";
}
.ti-layout-line-solid:before {
	content: "\e706";
}
.ti-layout-grid4:before {
	content: "\e707";
}
.ti-layout-grid3:before {
	content: "\e708";
}
.ti-layout-grid2:before {
	content: "\e709";
}
.ti-layout-grid2-thumb:before {
	content: "\e70a";
}
.ti-layout-cta-right:before {
	content: "\e70b";
}
.ti-layout-cta-left:before {
	content: "\e70c";
}
.ti-layout-cta-center:before {
	content: "\e70d";
}
.ti-layout-cta-btn-right:before {
	content: "\e70e";
}
.ti-layout-cta-btn-left:before {
	content: "\e70f";
}
.ti-layout-column4:before {
	content: "\e710";
}
.ti-layout-column3:before {
	content: "\e711";
}
.ti-layout-column2:before {
	content: "\e712";
}
.ti-layout-accordion-separated:before {
	content: "\e713";
}
.ti-layout-accordion-merged:before {
	content: "\e714";
}
.ti-layout-accordion-list:before {
	content: "\e715";
}
.ti-ink-pen:before {
	content: "\e716";
}
.ti-info-alt:before {
	content: "\e717";
}
.ti-help-alt:before {
	content: "\e718";
}
.ti-headphone-alt:before {
	content: "\e719";
}
.ti-hand-point-up:before {
	content: "\e71a";
}
.ti-hand-point-right:before {
	content: "\e71b";
}
.ti-hand-point-left:before {
	content: "\e71c";
}
.ti-hand-point-down:before {
	content: "\e71d";
}
.ti-gallery:before {
	content: "\e71e";
}
.ti-face-smile:before {
	content: "\e71f";
}
.ti-face-sad:before {
	content: "\e720";
}
.ti-credit-card:before {
	content: "\e721";
}
.ti-control-skip-forward:before {
	content: "\e722";
}
.ti-control-skip-backward:before {
	content: "\e723";
}
.ti-control-record:before {
	content: "\e724";
}
.ti-control-eject:before {
	content: "\e725";
}
.ti-comments-smiley:before {
	content: "\e726";
}
.ti-brush-alt:before {
	content: "\e727";
}
.ti-youtube:before {
	content: "\e728";
}
.ti-vimeo:before {
	content: "\e729";
}
.ti-twitter:before {
	content: "\e72a";
}
.ti-time:before {
	content: "\e72b";
}
.ti-tumblr:before {
	content: "\e72c";
}
.ti-skype:before {
	content: "\e72d";
}
.ti-share:before {
	content: "\e72e";
}
.ti-share-alt:before {
	content: "\e72f";
}
.ti-rocket:before {
	content: "\e730";
}
.ti-pinterest:before {
	content: "\e731";
}
.ti-new-window:before {
	content: "\e732";
}
.ti-microsoft:before {
	content: "\e733";
}
.ti-list-ol:before {
	content: "\e734";
}
.ti-linkedin:before {
	content: "\e735";
}
.ti-layout-sidebar-2:before {
	content: "\e736";
}
.ti-layout-grid4-alt:before {
	content: "\e737";
}
.ti-layout-grid3-alt:before {
	content: "\e738";
}
.ti-layout-grid2-alt:before {
	content: "\e739";
}
.ti-layout-column4-alt:before {
	content: "\e73a";
}
.ti-layout-column3-alt:before {
	content: "\e73b";
}
.ti-layout-column2-alt:before {
	content: "\e73c";
}
.ti-instagram:before {
	content: "\e73d";
}
.ti-google:before {
	content: "\e73e";
}
.ti-github:before {
	content: "\e73f";
}
.ti-flickr:before {
	content: "\e740";
}
.ti-facebook:before {
	content: "\e741";
}
.ti-dropbox:before {
	content: "\e742";
}
.ti-dribbble:before {
	content: "\e743";
}
.ti-apple:before {
	content: "\e744";
}
.ti-android:before {
	content: "\e745";
}
.ti-save:before {
	content: "\e746";
}
.ti-save-alt:before {
	content: "\e747";
}
.ti-yahoo:before {
	content: "\e748";
}
.ti-wordpress:before {
	content: "\e749";
}
.ti-vimeo-alt:before {
	content: "\e74a";
}
.ti-twitter-alt:before {
	content: "\e74b";
}
.ti-tumblr-alt:before {
	content: "\e74c";
}
.ti-trello:before {
	content: "\e74d";
}
.ti-stack-overflow:before {
	content: "\e74e";
}
.ti-soundcloud:before {
	content: "\e74f";
}
.ti-sharethis:before {
	content: "\e750";
}
.ti-sharethis-alt:before {
	content: "\e751";
}
.ti-reddit:before {
	content: "\e752";
}
.ti-pinterest-alt:before {
	content: "\e753";
}
.ti-microsoft-alt:before {
	content: "\e754";
}
.ti-linux:before {
	content: "\e755";
}
.ti-jsfiddle:before {
	content: "\e756";
}
.ti-joomla:before {
	content: "\e757";
}
.ti-html5:before {
	content: "\e758";
}
.ti-flickr-alt:before {
	content: "\e759";
}
.ti-email:before {
	content: "\e75a";
}
.ti-drupal:before {
	content: "\e75b";
}
.ti-dropbox-alt:before {
	content: "\e75c";
}
.ti-css3:before {
	content: "\e75d";
}
.ti-rss:before {
	content: "\e75e";
}
.ti-rss-alt:before {
	content: "\e75f";
}

/* Campaign popup - Bugüne Özel İndirim */
.campaign-popup-wrapper {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    pointer-events: auto;
}

.campaign-popup {
    position: relative;
    display: flex;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    max-width: 50px;
    border: 1px solid #e2e8f0;
    pointer-events: auto;
    transition: max-width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.campaign-popup.opened {
    max-width: 360px;
}

.campaign-popup-tab {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    background: #3b82f6;
    color: white;
    padding: 16px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    flex-shrink: 0;
    letter-spacing: 0.5px;
    user-select: none;
    transition: background-color 0.2s ease;
}

.campaign-popup-tab:hover {
    background: #2563eb;
}

.campaign-popup-tab i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

.campaign-popup-tab-text {
    display: inline;
}

.campaign-popup.opened .campaign-popup-tab i {
    transform: rotate(0deg);
}

.campaign-popup-content {
    flex: 1;
    padding: 0;
    position: relative;
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: opacity 0.3s ease 0.1s, max-width 0s ease 0.4s, padding 0.3s ease 0.1s;
    min-width: 0;
}

.campaign-popup.opened .campaign-popup-content {
    opacity: 1;
    max-width: 1000px;
    padding: 18px;
    white-space: normal;
    transition: opacity 0.3s ease 0.1s, max-width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 0.3s ease 0.1s;
    min-width: 0;
    box-sizing: border-box;
}

.campaign-popup-header {
    position: absolute;
    top: 12px;
    right: 12px;
}

.campaign-popup-close {
    background: none;
    border: none;
    font-size: 16px;
    color: #94a3b8;
    cursor: pointer;
    padding: 4px;
    line-height: 1;
    transition: color 0.2s ease;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.campaign-popup-close:hover {
    color: #475569;
}

.campaign-popup-body {
    margin-top: 8px;
}

.campaign-popup-description {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 14px;
    font-weight: 400;
}

.campaign-popup-code-box {
    border: 1.5px dashed #cbd5e1;
    border-radius: 8px;
    padding: 10px 14px;
    text-align: center;
    margin-bottom: 12px;
    background: #f8fafc;
}

.campaign-popup-code {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    letter-spacing: 1.5px;
    font-family: 'Courier New', monospace;
}

.campaign-popup-copy-btn {
    width: 100%;
    background: #3b82f6;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: background-color 0.2s ease;
    letter-spacing: 0.3px;
}

.campaign-popup-copy-btn:hover {
    background: #2563eb;
}

.campaign-popup-copy-btn i {
    font-size: 12px;
}

.campaign-popup-footer {
    margin-top: 12px;
    text-align: right;
}

.campaign-popup-close-link {
    font-size: 12px;
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 400;
}

.campaign-popup-close-link:hover {
    color: #64748b;
}

@media (max-width: 768px) {
    .campaign-popup-wrapper {
        left: 8px !important;
        right: 8px !important;
        top: auto !important;
        bottom: max(80px, env(safe-area-inset-bottom, 80px)) !important;
        transform: none !important;
        width: auto !important;
        max-width: calc(100% - 16px) !important;
        z-index: 99999 !important;
    }

    .campaign-popup {
        max-width: 50px;
        max-height: 50px;
        flex-direction: row;
        border-radius: 50%;
        width: 50px;
    }

    .campaign-popup.opened {
        max-width: calc(100vw - 16px) !important;
        width: auto !important;
        max-height: calc(100vh - 16px) !important;
        border-radius: 12px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .campaign-popup-tab {
        padding: 0;
        font-size: 0;
        letter-spacing: 0;
        min-width: 50px;
        width: 50px;
        height: 50px;
        min-height: 50px;
        max-width: 50px;
        max-height: 50px;
        writing-mode: initial;
        text-orientation: initial;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 0;
        border-radius: 50%;
    }

    .campaign-popup-tab i {
        font-size: 20px;
        transform: none;
    }

    .campaign-popup-tab-text {
        display: none !important;
    }

    .campaign-popup.opened .campaign-popup-tab {
        border-radius: 12px 0 0 12px;
        height: auto;
        min-height: auto;
        max-height: none;
    }

    .campaign-popup.opened .campaign-popup-tab i {
        transform: rotate(0deg);
    }

    .campaign-popup.opened .campaign-popup-content {
        padding: 12px 10px;
        max-width: 100% !important;
        width: 100% !important;
    }

    .campaign-popup-description {
        font-size: 11px;
        margin-bottom: 10px;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .campaign-popup-code-box {
        padding: 8px 10px;
        margin-bottom: 10px;
    }

    .campaign-popup-code {
        font-size: 15px;
    }

    .campaign-popup-copy-btn {
        padding: 8px 14px;
        font-size: 11px;
        min-height: 36px;
    }

    .campaign-popup-close {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .campaign-popup-wrapper {
        left: 8px !important;
        right: 8px !important;
        bottom: max(80px, env(safe-area-inset-bottom, 80px)) !important;
        width: auto !important;
        max-width: calc(100% - 16px) !important;
        z-index: 99999 !important;
    }

    .campaign-popup {
        max-width: 50px;
        max-height: 50px;
        flex-direction: row;
        border-radius: 50%;
        width: 50px;
    }

    .campaign-popup.opened {
        max-width: calc(100vw - 16px) !important;
        width: auto !important;
        max-height: calc(100vh - 16px) !important;
        border-radius: 12px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .campaign-popup-tab {
        writing-mode: initial;
        text-orientation: initial;
        padding: 0;
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
        max-width: 50px;
        max-height: 50px;
        font-size: 0;
        letter-spacing: 0;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 0;
        border-radius: 50%;
    }

    .campaign-popup-tab i {
        font-size: 20px;
        transform: none;
    }

    .campaign-popup-tab-text {
        display: none !important;
    }

    .campaign-popup.opened .campaign-popup-tab {
        border-radius: 12px 0 0 12px;
        width: 50px;
        height: auto;
        min-height: auto;
        max-height: none;
    }

    .campaign-popup.opened .campaign-popup-tab i {
        transform: rotate(0deg);
    }

    .campaign-popup.opened .campaign-popup-content {
        padding: 12px 10px;
        max-width: 100% !important;
        width: 100% !important;
    }

    .campaign-popup-header {
        top: 6px;
        right: 6px;
    }

    .campaign-popup-close {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }

    .campaign-popup-body {
        margin-top: 0;
    }

    .campaign-popup-description {
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 10px;
        color: #475569;
    }

    .campaign-popup-code-box {
        padding: 8px 10px;
        margin-bottom: 10px;
        border-width: 1.5px;
    }

    .campaign-popup-code {
        font-size: 16px;
        letter-spacing: 1.2px;
    }

    .campaign-popup-copy-btn {
        padding: 8px 14px;
        font-size: 12px;
        font-weight: 600;
        min-height: 36px;
        border-radius: 6px;
    }

    .campaign-popup-footer {
        margin-top: 10px;
        text-align: center;
    }

    .campaign-popup-close-link {
        font-size: 11px;
        padding: 4px 0;
        display: inline-block;
    }
}

/* ===== CAMPAIGN POPUP (merged from campaign-popup.css) ===== */
/* Campaign popup - Bugüne Özel İndirim */
.campaign-popup-wrapper {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
    pointer-events: auto;
}

.campaign-popup {
    position: relative;
    display: flex;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    max-width: 50px;
    border: 1px solid #e2e8f0;
    pointer-events: auto;
    transition: max-width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.campaign-popup.opened {
    max-width: 360px;
}

.campaign-popup-tab {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    background: #3b82f6;
    color: white;
    padding: 16px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    flex-shrink: 0;
    letter-spacing: 0.5px;
    user-select: none;
    transition: background-color 0.2s ease;
}

.campaign-popup-tab:hover {
    background: #2563eb;
}

.campaign-popup-tab i {
    font-size: 14px;
    transition: transform 0.3s ease;
}

.campaign-popup-tab-text {
    display: inline;
}

.campaign-popup.opened .campaign-popup-tab i {
    transform: rotate(0deg);
}

.campaign-popup-content {
    flex: 1;
    padding: 0;
    position: relative;
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: opacity 0.3s ease 0.1s, max-width 0s ease 0.4s, padding 0.3s ease 0.1s;
    min-width: 0;
}

.campaign-popup.opened .campaign-popup-content {
    opacity: 1;
    max-width: 1000px;
    padding: 18px;
    white-space: normal;
    transition: opacity 0.3s ease 0.1s, max-width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), padding 0.3s ease 0.1s;
    min-width: 0;
    box-sizing: border-box;
}

.campaign-popup-header {
    position: absolute;
    top: 12px;
    right: 12px;
}

.campaign-popup-close {
    background: none;
    border: none;
    font-size: 16px;
    color: #94a3b8;
    cursor: pointer;
    padding: 4px;
    line-height: 1;
    transition: color 0.2s ease;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.campaign-popup-close:hover {
    color: #475569;
}

.campaign-popup-body {
    margin-top: 8px;
}

.campaign-popup-description {
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 14px;
    font-weight: 400;
}

.campaign-popup-code-box {
    border: 1.5px dashed #cbd5e1;
    border-radius: 8px;
    padding: 10px 14px;
    text-align: center;
    margin-bottom: 12px;
    background: #f8fafc;
}

.campaign-popup-code {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    letter-spacing: 1.5px;
    font-family: 'Courier New', monospace;
}

.campaign-popup-copy-btn {
    width: 100%;
    background: #3b82f6;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: background-color 0.2s ease;
    letter-spacing: 0.3px;
}

.campaign-popup-copy-btn:hover {
    background: #2563eb;
}

.campaign-popup-copy-btn i {
    font-size: 12px;
}

.campaign-popup-footer {
    margin-top: 12px;
    text-align: right;
}

.campaign-popup-close-link {
    font-size: 12px;
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 400;
}

.campaign-popup-close-link:hover {
    color: #64748b;
}

@media (max-width: 768px) {
    .campaign-popup-wrapper {
        left: 8px !important;
        right: 8px !important;
        top: auto !important;
        bottom: max(80px, env(safe-area-inset-bottom, 80px)) !important;
        transform: none !important;
        width: auto !important;
        max-width: calc(100% - 16px) !important;
        z-index: 99999 !important;
    }

    .campaign-popup {
        max-width: 50px;
        max-height: 50px;
        flex-direction: row;
        border-radius: 50%;
        width: 50px;
    }

    .campaign-popup.opened {
        max-width: calc(100vw - 16px) !important;
        width: auto !important;
        max-height: calc(100vh - 16px) !important;
        border-radius: 12px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .campaign-popup-tab {
        padding: 0;
        font-size: 0;
        letter-spacing: 0;
        min-width: 50px;
        width: 50px;
        height: 50px;
        min-height: 50px;
        max-width: 50px;
        max-height: 50px;
        writing-mode: initial;
        text-orientation: initial;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 0;
        border-radius: 50%;
    }

    .campaign-popup-tab i {
        font-size: 20px;
        transform: none;
    }

    .campaign-popup-tab-text {
        display: none !important;
    }

    .campaign-popup.opened .campaign-popup-tab {
        border-radius: 12px 0 0 12px;
        height: auto;
        min-height: auto;
        max-height: none;
    }

    .campaign-popup.opened .campaign-popup-tab i {
        transform: rotate(0deg);
    }

    .campaign-popup.opened .campaign-popup-content {
        padding: 12px 10px;
        max-width: 100% !important;
        width: 100% !important;
    }

    .campaign-popup-description {
        font-size: 11px;
        margin-bottom: 10px;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .campaign-popup-code-box {
        padding: 8px 10px;
        margin-bottom: 10px;
    }

    .campaign-popup-code {
        font-size: 15px;
    }

    .campaign-popup-copy-btn {
        padding: 8px 14px;
        font-size: 11px;
        min-height: 36px;
    }

    .campaign-popup-close {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .campaign-popup-wrapper {
        left: 8px !important;
        right: 8px !important;
        bottom: max(80px, env(safe-area-inset-bottom, 80px)) !important;
        width: auto !important;
        max-width: calc(100% - 16px) !important;
        z-index: 99999 !important;
    }

    .campaign-popup {
        max-width: 50px;
        max-height: 50px;
        flex-direction: row;
        border-radius: 50%;
        width: 50px;
    }

    .campaign-popup.opened {
        max-width: calc(100vw - 16px) !important;
        width: auto !important;
        max-height: calc(100vh - 16px) !important;
        border-radius: 12px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .campaign-popup-tab {
        writing-mode: initial;
        text-orientation: initial;
        padding: 0;
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
        max-width: 50px;
        max-height: 50px;
        font-size: 0;
        letter-spacing: 0;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 0;
        border-radius: 50%;
    }

    .campaign-popup-tab i {
        font-size: 20px;
        transform: none;
    }

    .campaign-popup-tab-text {
        display: none !important;
    }

    .campaign-popup.opened .campaign-popup-tab {
        border-radius: 12px 0 0 12px;
        width: 50px;
        height: auto;
        min-height: auto;
        max-height: none;
    }

    .campaign-popup.opened .campaign-popup-tab i {
        transform: rotate(0deg);
    }

    .campaign-popup.opened .campaign-popup-content {
        padding: 12px 10px;
        max-width: 100% !important;
        width: 100% !important;
    }

    .campaign-popup-header {
        top: 6px;
        right: 6px;
    }

    .campaign-popup-close {
        width: 24px;
        height: 24px;
        font-size: 14px;
    }

    .campaign-popup-body {
        margin-top: 0;
    }

    .campaign-popup-description {
        font-size: 11px;
        line-height: 1.4;
        margin-bottom: 10px;
        color: #475569;
    }

    .campaign-popup-code-box {
        padding: 8px 10px;
        margin-bottom: 10px;
        border-width: 1.5px;
    }

    .campaign-popup-code {
        font-size: 16px;
        letter-spacing: 1.2px;
    }

    .campaign-popup-copy-btn {
        padding: 8px 14px;
        font-size: 12px;
        font-weight: 600;
        min-height: 36px;
        border-radius: 6px;
    }

    .campaign-popup-footer {
        margin-top: 10px;
        text-align: center;
    }

    .campaign-popup-close-link {
        font-size: 11px;
        padding: 4px 0;
        display: inline-block;
    }
}
/**
 * Mobile Overrides - Deep Theme
 *
 * Sadece mobil deneyimi iyileştirmek için override kuralları.
 * responsive.css'ten sonra yüklenir; tema çekirdeği ve masaüstü tasarımı değiştirilmez.
 *
 * Breakpoint (responsive.css ile uyumlu):
 * - Mobil: max-width: 767.98px
 * - Küçük mobil: max-width: 575.98px
 */

/* ===========================================
   MOBİL TEMEL - YATAY KAYMA ÖNLEME (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    /* Yatay scroll'u kökten önle; native-app hissi */
    html {
        overflow-x: hidden;
        width: 100%;
        max-width: 100vw;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }

    body {
        overflow-x: hidden;
        width: 100%;
        max-width: 100vw;
        position: relative;
        box-sizing: border-box;
    }

    /* Tüm sayfa wrapper'ları taşmayı önlesin */
    #app,
    main,
    .main-content,
    [role="main"] {
        overflow-x: hidden;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Geniş tablolar ve pre için yatay scroll sadece içeride */
    .table-responsive,
    table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Görseller container dışına taşmasın */
    img,
    video,
    iframe {
        max-width: 100%;
        height: auto;
    }

    /* Kolonların taşmasını önle (Bootstrap row margin'e dokunmuyoruz) */
    .row > [class*="col-"] {
        max-width: 100%;
        min-width: 0;
    }
}

/* ===========================================
   TIKLANABİLİR ALANLAR - MİN 44px (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    /* Buton ve linklerde minimum dokunma alanı */
    .btn,
    .deep-mobile-bottom-navigation__item,
    .header-mobile__navigation a,
    .header-mobile__navigation .navigation__link,
    .modern-mobile-menu__link,
    .cart-icon-wrapper a,
    .product-card a.btn,
    .add-to-cart-btn,
    [data-toggle="modal"],
    .pagination .page-link {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.08);
    }

    /* Sadece ikon olan butonlarda padding artır */
    .btn-icon-only,
    .header-mobile .btn:not([class*="text"]) {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* ===========================================
   CONTAINER VE PADDING TUTARLILIĞI (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .container,
    .container-fluid {
        width: 100%;
        max-width: 100%;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    /* Ana içerik alanı tek sütun, okunaklı */
    main .container,
    main .container-fluid {
        padding-left: 14px;
        padding-right: 14px;
    }
}

/* ===========================================
   KÜÇÜK MOBİL - 576px ALTINDA
   =========================================== */
@media (max-width: 575.98px) {
    .container,
    .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }

    main .container,
    main .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* ===========================================
   SLIDER / CAROUSEL TAŞMA ÖNLEME (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .slick-list,
    .slick-track,
    .swiper-wrapper,
    .uomo-google-reviews-track,
    .homepagecategory-card__track {
        max-width: 100%;
    }

    .slick-slider,
    .swiper-container,
    [data-google-reviews-slider],
    .homepage-category-banner-slider {
        overflow: hidden;
        position: relative;
    }
}

/* ===========================================
   MODAL / POPUP MOBİL (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .modal-dialog {
        margin: 8px;
        max-width: calc(100vw - 16px);
    }

    .modal-content {
        max-width: 100%;
        border-radius: 12px;
    }

    .modal-body {
        max-height: 70vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .campaign-popup-wrapper,
    .campaign-popup,
    .campaign-popup-content {
        max-width: 100vw;
        box-sizing: border-box;
    }

    .campaign-popup.opened .campaign-popup-content {
        max-height: 85vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .campaign-popup-close {
        min-width: 44px;
        min-height: 44px;
    }
}

/* ===========================================
   ANASAYFA - HP SECTIONS & SLIDER'LAR (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .hp-homepage-section {
        overflow-x: hidden;
        max-width: 100%;
    }

    .awp-modern-product-slider-section,
    .awp-modern-blog-slider-section,
    .awp-modern-google-reviews-slider-section {
        overflow-x: hidden;
        max-width: 100%;
    }

    .awp-modern-product-slider-container,
    .awp-modern-blog-slider-container,
    .awp-modern-google-reviews-slider-container {
        overflow: hidden;
        max-width: 100%;
    }

    .awp-modern-product-slider-track,
    .awp-modern-blog-slider-track,
    .awp-modern-google-reviews-slider-track {
        max-width: 100%;
    }

    .awp-modern-product-slider-nav-prev,
    .awp-modern-product-slider-nav-next,
    .awp-modern-blog-slider-nav-prev,
    .awp-modern-blog-slider-nav-next,
    .awp-modern-google-reviews-slider-nav-prev,
    .awp-modern-google-reviews-slider-nav-next {
        min-width: 44px;
        min-height: 44px;
        padding: 10px;
    }
}

/* ===========================================
   KATEGORİ SAYFASI - FİLTRE & ÜRÜN LİSTESİ (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .shop-filter-section {
        overflow-x: hidden;
        max-width: 100%;
    }

    .shop-filter-section .container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }

    .shop-filter-section .filter-header {
        flex-wrap: wrap;
        gap: 12px;
    }

    .shop-filter-section .sort-btn,
    .shop-filter-section .filter-btn,
    .shop-filter-section .clear-filters-btn,
    .shop-filter-section .more-btn {
        min-height: 44px;
        padding: 10px 14px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.08);
    }

    .shop-main.shop-main,
    .shop-main .products-grid {
        overflow-x: hidden;
        max-width: 100%;
    }

    .products-grid .product-card-wrapper,
    .products-grid .product_item {
        min-width: 0;
        max-width: 100%;
    }

    .aside-filters {
        max-width: 100vw;
        width: 100%;
        box-sizing: border-box;
    }

    .aboutcategry .container,
    .aboutcategry .categryabout {
        max-width: 100%;
        overflow-x: hidden;
    }

    .load-more-products-link {
        min-height: 48px;
        padding: 12px 20px;
    }
}

/* ===========================================
   ÜRÜN DETAY - GALERİ & FORM (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .product-gallery-main,
    .new-gallery-main {
        overflow: hidden;
        max-width: 100%;
    }

    .productdetail-team-card,
    .productdetail-team-card__body {
        max-width: 100%;
        min-width: 0;
    }

    .add-to-cart-btn,
    .product-detail-form .btn-primary,
    .product-detail-form button[type="submit"] {
        min-height: 48px;
        padding: 14px 20px;
    }
}

/* ===========================================
   SEPET - CARTNOVA LAYOUT (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .container .cartnova {
        overflow-x: hidden;
    }

    .cartnova__layout {
        flex-direction: column;
        max-width: 100%;
    }

    .cartnova__panel {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .cartnova-button,
    .cartpage-checkout-button {
        min-height: 48px;
        padding: 14px 20px;
    }

    .checkoutpage-coupon__button {
        min-height: 44px;
        padding: 10px 16px;
    }
}

/* ===========================================
   CHECKOUT / ÖDEME (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .checkout-breadcrumb .container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }

    .checkout-breadcrumb .breadcrumb-list {
        flex-wrap: wrap;
        gap: 4px;
    }

    [class*="checkoutpage-"] .container {
        max-width: 100%;
        overflow-x: hidden;
    }

    .checkout-bank-header,
    .checkout-address-header {
        flex-wrap: wrap;
        gap: 8px;
    }
}

/* ===========================================
   HESAP / PROFİL - USER LAYOUT (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .user-account-container {
        overflow-x: hidden;
        max-width: 100%;
    }

    .user-account-container .container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }

    .user-account-layout {
        flex-direction: column;
        max-width: 100%;
    }

    .user-sidebar .sidebar ul a,
    .user-sidebar .sidebar ul li {
        min-height: 44px;
        display: flex;
        align-items: center;
        padding: 12px 16px;
    }
}

/* ===========================================
   HEADER / FOOTER / MOBİL ALT MENÜ (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .header-mobile,
    .deep-mobile-bottom-navigation {
        max-width: 100%;
        overflow-x: hidden;
    }

    .deep-mobile-bottom-navigation__container {
        max-width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        box-sizing: border-box;
    }

    .deep-mobile-bottom-navigation__item {
        min-height: 48px;
        padding: 8px 4px;
    }

    .furniture-footer .container,
    .footer-mobile-modern .container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }
}

/* ===========================================
   PAGINATION & TESTIMONIALS (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .standard-pagination {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        justify-content: center;
        max-width: 100%;
    }

    .standard-pagination li a,
    .standard-pagination li.prev a,
    .standard-pagination li.next a {
        min-width: 44px;
        min-height: 44px;
        padding: 10px 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .furniture-swiper-testimonials-wrapper,
    .furniture-swiper-testimonials {
        overflow: hidden;
        max-width: 100%;
    }

    .testimonial-carousel .container {
        padding-left: 12px;
        padding-right: 12px;
        max-width: 100%;
    }
}

/* ===========================================
   GOOGLE REVIEWS SECTION (767.98px)
   =========================================== */
@media (max-width: 767.98px) {
    .google-reviews-section {
        overflow-x: hidden;
        max-width: 100%;
    }

    .google-reviews-section .container,
    .google-reviews-section .row {
        max-width: 100%;
    }

    .google-reviews-header-compact {
        flex-wrap: wrap;
        gap: 12px;
    }
}

/* ===========================================
   HOVER DAVRANIŞI - MOBİLDE KAPALI
   =========================================== */
@media (max-width: 767.98px) {
    /* Mobilde hover ile tetiklenen tooltip/overlay'leri sadece focus ile göster */
    [data-bs-toggle="tooltip"]:hover::after,
    .hover-reveal:hover .hover-reveal__content {
        /* Touch cihazlarda yanlışlıkla açılmayı azalt */
    }
}
/* Mobile UI - Merged: mobile-menu-modern + footer-mobile-modern */

/* ===========================================
   MODERN MOBİL MENÜ TASARIMI
   Sıfırdan, modern ve minimalist tasarım
   =========================================== */

/* Mobile Nav Activator - Hover Efekti Yok */
a.mobile-nav-activator,
a.mobile-nav-activator.d-block,
a.mobile-nav-activator.position-relative,
a.mobile-nav-activator.d-block.position-relative {
    cursor: pointer;
    outline: none !important;
    outline-offset: 0 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
    margin-left: -10px !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    display: block !important;
}

a.mobile-nav-activator:hover,
a.mobile-nav-activator:active,
a.mobile-nav-activator:focus,
a.mobile-nav-activator:visited,
a.mobile-nav-activator.d-block:hover,
a.mobile-nav-activator.d-block:active,
a.mobile-nav-activator.d-block:focus,
a.mobile-nav-activator.position-relative:hover,
a.mobile-nav-activator.position-relative:active,
a.mobile-nav-activator.position-relative:focus,
a.mobile-nav-activator.d-block.position-relative:hover,
a.mobile-nav-activator.d-block.position-relative:active,
a.mobile-nav-activator.d-block.position-relative:focus {
    outline: none !important;
    outline-offset: 0 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
    margin-left: -10px !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    display: block !important;
}

/* Iconların üst üste gelmemesi için kesin görünürlük kontrolü */
.mobile-nav-activator .nav-icon {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    z-index: 1 !important;
}

.mobile-nav-activator .btn-close-lg {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
    z-index: 2 !important;
}

/* Menü açıkken icon toggle */
.mobile-menu-opened .mobile-nav-activator .nav-icon {
    opacity: 0 !important;
    visibility: hidden !important;
    display: none !important;
}

.mobile-menu-opened .mobile-nav-activator .btn-close-lg {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    transform: translate(-50%, -50%) rotate(0) !important;
}


/* Mobile Nav Activator içindeki iconlar için transition kaldır */
.mobile-nav-activator .nav-icon,
.mobile-nav-activator .btn-close-lg {
    transition: none !important;
}

.mobile-nav-activator:hover .nav-icon,
.mobile-nav-activator:hover .btn-close-lg {
    transition: none !important;
}

/* Ana Navigasyon Container - Header'ın tam altında */
.header-mobile__navigation {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    width: 100% !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), height 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 1030 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.05) !important;
}

.mobile-menu-opened .header-mobile__navigation {
    height: calc(100vh - 60px) !important;
    max-height: calc(100vh - 60px) !important;
    min-height: calc(100vh - 60px) !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 !important;
    margin: 0 !important;
    top: 60px !important;
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1030 !important;
    will-change: scroll-position !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
}

/* Navigation içindeki TÜM flex yapılarını override et */
.mobile-menu-opened .header-mobile__navigation.d-flex,
.mobile-menu-opened .header-mobile__navigation.navigation.d-flex,
.mobile-menu-opened .header-mobile__navigation.d-flex.flex-column {
    display: block !important;
    flex-direction: initial !important;
    flex-wrap: initial !important;
    align-items: initial !important;
    justify-content: initial !important;
}

.mobile-menu-opened .header-mobile__navigation.flex-column,
.mobile-menu-opened .header-mobile__navigation.navigation.flex-column {
    flex-direction: initial !important;
}

.mobile-menu-opened .header-mobile__navigation.overflow-auto,
.mobile-menu-opened .header-mobile__navigation.navigation.overflow-auto {
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.mobile-menu-opened .header-mobile__navigation.bg-body {
    background: #ffffff !important;
}

/* Arama alanı normal akışta */
.mobile-menu-opened .header-mobile__navigation .modern-mobile-search {
    position: relative !important;
    flex-shrink: 0 !important;
    width: 100% !important;
}

/* Menü container normal akışta - scroll navigation'da olacak */
.mobile-menu-opened .header-mobile__navigation .container {
    position: relative !important;
    overflow: visible !important;
    min-height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Menü listesi scroll edilebilir olmalı */
.mobile-menu-opened .header-mobile__navigation .modern-mobile-menu {
    position: relative !important;
    min-height: auto !important;
    width: 100% !important;
}

/* Navigation içindeki tüm child elementler normal akışta olmalı */
.mobile-menu-opened .header-mobile__navigation > * {
    position: relative !important;
    width: 100% !important;
}

/* Header Mobile Container - Padding Sıfırla */
.header-mobile .container,
.header-mobile > .container,
.header-mobile .container.d-flex,
.header-mobile.header_sticky .container,
.header-mobile.header_sticky > .container,
.header-mobile.header_sticky .container.d-flex {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Container Düzenlemeleri - Tüm container'lar için padding sıfırla */
.header-mobile__navigation .container,
.header-mobile__navigation > .container,
.header-mobile__navigation .container.d-flex,
.header-mobile__navigation .container:not(.mobilemenu-bottom__wrapper):not(.modern-mobile-footer) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.header-mobile__navigation .modern-mobile-menu {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Arama Alanı - Vivense tarzı */
.header-mobile__navigation .modern-mobile-search {
    padding: 16px 20px !important;
    background: #ffffff;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 !important;
    padding-top: 16px !important;
    width: 100% !important;
    box-sizing: border-box;
    position: relative;
}

.header-mobile__navigation .modern-mobile-search__form {
    position: relative;
    display: flex;
    align-items: center;
}

.header-mobile__navigation .modern-mobile-search__input {
    width: 100%;
    height: 44px;
    padding: 0 50px 0 16px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    font-size: 15px;
}

/* Görsel yüklendiğinde padding artır */
.header-mobile__navigation .position-relative:has(.uomo-image-preview-mobile) .modern-mobile-search__input {
    padding-right: 120px;
}
    font-size: 16px;
    color: #1a1a1a;
    background: #fafafa;
    transition: all 0.2s ease;
    outline: none;
}

.header-mobile__navigation .modern-mobile-search__input:focus {
    border-color: #1a1a1a;
    background: #ffffff;
    box-shadow: none;
    outline: none;
}

.header-mobile__navigation .modern-mobile-search__input::placeholder {
    color: #9ca3af;
}

.header-mobile__navigation .modern-mobile-search__button {
    position: absolute;
    right: 8px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    border-radius: 0;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
}

.header-mobile__navigation .modern-mobile-search__button:hover {
    color: #1a1a1a;
    transform: none;
}

.header-mobile__navigation .modern-mobile-search__button svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

/* Görsel Arama Özellikleri */
.header-mobile__navigation .modern-mobile-search.uomo-drag-over {
    border: 2px dashed #1a1a1a !important;
    background-color: #f5f5f5 !important;
}

.header-mobile__navigation .uomo-image-preview-mobile {
    position: absolute;
    right: 85px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 6px;
    overflow: visible;
    border: 2px solid #1a1a1a;
    background: white;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-mobile__navigation .uomo-image-preview-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.header-mobile__navigation .uomo-remove-preview-btn-mobile {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #dc3545;
    color: white;
    border: 2px solid white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 10px;
    z-index: 101;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    padding: 0;
    line-height: 1;
    transition: all 0.2s ease;
}

.header-mobile__navigation .uomo-remove-preview-btn-mobile:hover {
    background: #c82333;
    transform: scale(1.15);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}

.header-mobile__navigation .uomo-remove-preview-btn-mobile i {
    font-size: 10px;
    line-height: 1;
}

.header-mobile__navigation .uomo-mobile-image-search-btn {
    position: absolute;
    right: 44px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: #1a1a1a;
    cursor: pointer;
    padding: 0;
    z-index: 10;
    transition: all 0.2s ease;
}

.header-mobile__navigation .uomo-mobile-image-search-btn:hover {
    color: #c32929;
    transform: translateY(-50%) scale(1.1);
}

.header-mobile__navigation .uomo-mobile-image-search-btn i {
    font-size: 18px;
}

.header-mobile__navigation .modern-mobile-search__input:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Menü Listesi - Tam genişlik */
.header-mobile__navigation .modern-mobile-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #ffffff;
    width: 100% !important;
    max-width: 100% !important;
}

.header-mobile__navigation .modern-mobile-menu__item {
    border-bottom: 1px solid #e8e8e8;
}

.header-mobile__navigation .modern-mobile-menu__item:last-child {
    border-bottom: 1px solid #e8e8e8;
}

/* Menü Link Container - Flex yapı - Vivense tarzı */
.header-mobile__navigation .modern-mobile-menu__link-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    background: #ffffff;
    min-height: 52px;
    width: 100%;
    box-sizing: border-box;
    gap: 12px;
    transition: background 0.2s ease;
    cursor: pointer;
}

.header-mobile__navigation .modern-mobile-menu__item:hover .modern-mobile-menu__link-container {
    background: #ffffff;
}

.header-mobile__navigation .modern-mobile-menu__link-text {
    flex: 1;
    line-height: 1.5;
}

/* Direkt link stili - link-container ile aynı boyut - Vivense tarzı */
.header-mobile__navigation .modern-mobile-menu__link {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #1a1a1a;
    background: #ffffff;
    min-height: 52px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    transition: background 0.2s ease;
}

.header-mobile__navigation .modern-mobile-menu__item:hover .modern-mobile-menu__link {
    background: #ffffff;
}

/* "Tümü" badge'i ana menüde - link olabilir */
.header-mobile__navigation .modern-mobile-menu__link-badge {
    font-size: 12px;
    font-weight: 500 !important;
    color: #0e95ff !important;
    background: #e5e7eb;
    padding: 4px 10px;
    border-radius: 12px;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.header-mobile__navigation .modern-mobile-menu__link-badge:hover {
    background: #c32929;
    color: #ffffff !important;
    text-decoration: none;
}

/* Arrow linki - Vivense tarzı aşağı/yukarı chevron */
.header-mobile__navigation .modern-mobile-menu__link-arrow {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex-shrink: 0;
}

.header-mobile__navigation .modern-mobile-menu__link-arrow svg {
    width: 10px;
    height: 6px;
    fill: #6b7280;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

/* Ana kategoriler ve alt kategoriler için açık durumda chevron yukarı bakmalı */
.header-mobile__navigation .modern-mobile-menu__item--open .modern-mobile-menu__link-arrow svg,
.header-mobile__navigation .modern-mobile-submenu .modern-mobile-menu__item--open .modern-mobile-menu__link-arrow svg {
    transform: rotate(180deg);
}

/* Alt kategorilerdeki chevron için özel stil - aynı görünüm */
.header-mobile__navigation .modern-mobile-submenu .modern-mobile-menu__link-arrow {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    flex-shrink: 0;
}

.header-mobile__navigation .modern-mobile-submenu .modern-mobile-menu__link-arrow svg {
    width: 10px;
    height: 6px;
    fill: #6b7280;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

/* Alt Menü - Accordion yapısı - Vivense tarzı */
.header-mobile__navigation .modern-mobile-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #ffffff;
    opacity: 0;
}

.header-mobile__navigation .modern-mobile-submenu--open {
    max-height: 2000px;
    opacity: 1;
}

.header-mobile__navigation .modern-mobile-submenu__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-mobile__navigation .modern-mobile-submenu__item {
    border-bottom: 1px solid #e8e8e8;
}

.header-mobile__navigation .modern-mobile-submenu__item:last-child {
    border-bottom: none;
}

.header-mobile__navigation .modern-mobile-submenu__link {
    padding: 14px 20px 14px 40px;
    font-size: 15px;
    font-weight: 400;
    color: #1a1a1a;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
}

.header-mobile__navigation .modern-mobile-submenu__link:hover {
    background: #ffffff;
    color: #1a1a1a;
}

/* Vivense tarzı - Alt kategoriler daha indentli */
.header-mobile__navigation .modern-mobile-submenu .modern-mobile-submenu__link {
    padding-left: 60px;
}

.header-mobile__navigation .modern-mobile-submenu .modern-mobile-submenu .modern-mobile-submenu__link {
    padding-left: 80px;
}

/* "Tümü" linki özel stili */
.header-mobile__navigation .modern-mobile-submenu__item--all {
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 4px;
}

.header-mobile__navigation .modern-mobile-submenu__link--all {
    padding: 16px 20px 16px 48px;
    font-weight: 600;
    color: #1a1a1a;
    background: #fafafa;
    display: flex;
    align-items: center;
}

.header-mobile__navigation .modern-mobile-submenu__link--all:hover {
    background: #f0f0f0;
    color: #c32929;
}

.header-mobile__navigation .modern-mobile-submenu__link-text {
    flex: 1;
}

/* Alt Kısım - İletişim ve Hesap - Vivense tarzında gizli */
.header-mobile__navigation .modern-mobile-footer {
    display: none !important;
}

/* Hesap Butonları */
.modern-mobile-footer__account {
    margin-bottom: 24px;
}

.modern-mobile-footer__account-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.modern-mobile-footer__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 12px 16px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    letter-spacing: 0.3px;
    margin: 0;
}

.modern-mobile-footer__btn svg {
    flex-shrink: 0;
}

.modern-mobile-footer__btn--primary {
    background: #f5f5f5;
    color: #1a1a1a;
    border: 1px solid #e5e7eb;
}

.modern-mobile-footer__btn--primary:hover {
    background: #e9e9e9;
    color: #1a1a1a;
    text-decoration: none;
    border-color: #d1d5db;
}

.modern-mobile-footer__btn--secondary {
    background: #ffffff;
    color: #1a1a1a;
    border: 1px solid #e5e7eb;
}

.modern-mobile-footer__btn--secondary:hover {
    background: #f9fafb;
    color: #1a1a1a;
    border-color: #d1d5db;
    text-decoration: none;
}

/* Hoşgeldin Mesajı */
.modern-mobile-footer__welcome {
    margin-bottom: 24px;
    padding: 16px 20px;
    background: #f9fafb;
    border-radius: 6px;
}

.modern-mobile-footer__welcome-text {
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    text-align: center;
}

/* İletişim Bölümü */
.modern-mobile-footer__contact {
    margin-bottom: 24px;
}

.modern-mobile-footer__section-title {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6b7280;
    margin-bottom: 16px;
    display: block;
}

.modern-mobile-footer__contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.modern-mobile-footer__contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    color: #1a1a1a;
    line-height: 1.5;
}

.modern-mobile-footer__contact-item i {
    width: 20px;
    font-size: 16px;
    color: #6b7280;
    flex-shrink: 0;
    text-align: center;
}

.modern-mobile-footer__contact-link {
    display: flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
    flex: 1;
}

.modern-mobile-footer__contact-link:hover {
    color: #1a1a1a;
}

/* Sosyal Medya */
.modern-mobile-footer__social {
    margin-top: 20px;
}

.modern-mobile-footer__social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.modern-mobile-footer__social-link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    background: #ffffff;
    color: #1a1a1a;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 16px;
}

.modern-mobile-footer__social-link:hover {
    background: #fafafa;
    border-color: #d1d5db;
    transform: translateY(-1px);
}

/* Divider */
.modern-mobile-footer__divider {
    height: 1px;
    background: #f0f0f0;
    margin: 20px 0;
    border: none;
}

/* Hesap Bölümü */
.modern-mobile-footer__account {
    align-items: center;
    gap: 12px;
    padding: 12px 0;
}

.modern-mobile-footer__account-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 12px;
    color: #1a1a1a;
    font-size: 20px;
    flex-shrink: 0;
}

.modern-mobile-footer__account-body {
    flex: 1;
    min-width: 0;
}

.modern-mobile-footer__account-text {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.4;
    margin-bottom: 6px;
    display: block;
}

.modern-mobile-footer__google-auth {
    margin-bottom: 12px;
    width: 100%;
}

.modern-mobile-footer__google-auth .g_id_signin {
    width: 100% !important;
}

.modern-mobile-footer__google-auth .g_id_signin > div {
    width: 100% !important;
    height: 44px !important;
    border-radius: 8px !important;
    border: 1.5px solid #d1d5db !important;
    background: white !important;
    color: #374151 !important;
    font-weight: 600 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    transition: all 0.3s ease !important;
    font-size: 14px !important;
}

.modern-mobile-footer__google-auth .g_id_signin > div:hover {
    border-color: #9ca3af !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}


.modern-mobile-footer__account-link {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.modern-mobile-footer__account-link:hover {
    color: #000000;
}

.modern-mobile-footer__account-link--primary {
    display: inline-block;
    padding: 6px 14px;
    background: #1a1a1a;
    color: #ffffff;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.modern-mobile-footer__account-link--primary:hover {
    background: #2d2d2d;
    color: #ffffff;
    transform: translateY(-1px);
}

.modern-mobile-footer__account-separator {
    color: #d1d5db;
    font-weight: 300;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .header-mobile .container,
    .header-mobile > .container,
    .header-mobile .container.d-flex,
    .header-mobile.header_sticky .container,
    .header-mobile.header_sticky > .container,
    .header-mobile.header_sticky .container.d-flex {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 576px) {
    .header-mobile .container,
    .header-mobile > .container,
    .header-mobile .container.d-flex,
    .header-mobile.header_sticky .container,
    .header-mobile.header_sticky > .container,
    .header-mobile.header_sticky .container.d-flex {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .header-mobile__navigation .modern-mobile-search {
        padding: 16px 16px !important;
        margin: 0 !important;
    }
    
    .header-mobile__navigation .container,
    .header-mobile__navigation > .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .header-mobile__navigation .modern-mobile-menu__link {
        padding: 18px 20px;
        font-size: 16px;
        min-height: 56px;
    }
    
    .header-mobile__navigation .modern-mobile-menu__link-container {
        padding: 18px 20px;
        min-height: 56px;
    }
    
    .header-mobile__navigation .modern-mobile-submenu__link {
        padding: 12px 16px 12px 44px;
        font-size: 14px;
    }
    
    .header-mobile__navigation .modern-mobile-submenu .modern-mobile-submenu__link {
        padding-left: 64px;
    }
    
    .header-mobile__navigation .modern-mobile-footer {
        padding: 20px 16px;
    }
    
    .modern-mobile-footer__btn {
        padding: 10px 12px;
        font-size: 13px;
    }
    
    .modern-mobile-footer__btn svg {
        width: 16px;
        height: 16px;
        margin-right: 6px !important;
    }
    
    .modern-mobile-footer__account-links {
        gap: 6px;
    }
    
    .modern-mobile-footer__welcome {
        padding: 14px 16px;
        margin-bottom: 20px;
    }
    
    .modern-mobile-footer__welcome-text {
        font-size: 14px;
    }
}

/* Scrollbar Styling - Daha görünür yap */
.mobile-menu-opened .header-mobile__navigation::-webkit-scrollbar {
    width: 6px !important;
    display: block !important;
}

.mobile-menu-opened .header-mobile__navigation::-webkit-scrollbar-track {
    background: #f5f5f5 !important;
}

.mobile-menu-opened .header-mobile__navigation::-webkit-scrollbar-thumb {
    background: #c1c1c1 !important;
    border-radius: 3px !important;
}

.mobile-menu-opened .header-mobile__navigation::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1 !important;
}

/* Mobil menü açıkken body scroll'u engelleme - sadece navigation scroll edilebilir */
body.mobile-menu-opened {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}

/* Style.css ve responsive.css'teki çakışan kuralları override et */
.mobile-menu-opened .header-mobile__navigation {
    height: calc(100vh - 60px) !important;
    max-height: calc(100vh - 60px) !important;
    min-height: calc(100vh - 60px) !important;
    top: 60px !important;
    bottom: 0 !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

/* Responsive.css'teki çakışan kuralları override et */
@media (max-width: 991.98px) {
    .mobile-menu-opened .header-mobile__navigation .mobile-menu-pages-wrapper {
        overflow: visible !important;
        min-height: auto !important;
    }
    
    .mobile-menu-opened .header-mobile__navigation .mobile-menu-page {
        overflow: visible !important;
        min-height: auto !important;
    }
}


/* ---- Footer Mobile Modern ---- */

/* ========================================
   Footer - Modern Design (Deep Theme)
   All styles in CSS - no inline styles in blade
   ======================================== */

/* Container - shared by main footer & bottom bar */
.furniture-footer-modern .furniture-footer-container {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* Main footer block */
.furniture-footer-modern {
    color: var(--footer-text-color);
    background-color: var(--footer-bg-color);
    background-image: var(--footer-bg-image);
    background-size: cover;
    background-position: center;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.furniture-footer-modern * {
    color: var(--footer-text-color);
}

/* Top decorative line with gradient */
.furniture-footer-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(0, 0, 0, 0.06) 20%,
        rgba(0, 0, 0, 0.12) 50%,
        rgba(0, 0, 0, 0.06) 80%,
        transparent 100%);
}

.furniture-footer-modern.has-bg-image::before {
    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, 0.25),
        transparent);
}

/* Üst bölüm: Logo (sol) | Çağrı Merkezi + WhatsApp (sağ) */
.furniture-footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 40px 0 0;
}

.furniture-footer-top .furniture-footer-brand {
    flex-shrink: 0;
}

.furniture-footer-brand-logo {
    max-height: 36px;
    width: auto;
    object-fit: contain;
}

.furniture-footer-brand-name {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

/* İletişim kutuları - Çağrı Merkezi + WhatsApp */
.furniture-footer-contact-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.furniture-footer-contact-block {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 20px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.furniture-footer-contact-block:hover {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    color: inherit;
}

.furniture-footer-contact-icon {
    font-size: 1.25rem;
    margin-top: 2px;
}

.furniture-footer-contact-block-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.furniture-footer-contact-label {
    font-size: 0.8125rem;
    font-weight: 400;
    opacity: 0.9;
}

.furniture-footer-contact-value {
    font-size: 0.9375rem;
    font-weight: 600;
}

/* Ayırıcı */
.furniture-footer-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 28px 0 32px;
}

/* Content grid - geriye uyumluluk */
.furniture-footer-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 56px 64px;
    margin-bottom: 0;
    padding: 64px 0 48px;
    width: 100%;
    box-sizing: border-box;
}

/* Brand column */
.furniture-footer-brand {
    grid-column: span 1;
}

.furniture-footer-logo {
    margin-bottom: 28px;
}

.furniture-footer-logo img {
    max-width: 170px;
    width: auto;
    height: auto;
    object-fit: contain;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.furniture-footer-logo img:hover {
    opacity: 0.92;
    transform: scale(1.02);
}

.furniture-footer-logo h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.03em;
}

.furniture-footer-description {
    margin: 20px 0 28px;
    line-height: 1.7;
    font-size: 14px;
    opacity: 0.9;
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
}

/* Contact items - card style */
.furniture-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.furniture-footer-contact-item {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 12px 16px;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.9;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
}

.furniture-footer-contact-item span {
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
}

.furniture-footer-contact-item:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.07);
    border-color: rgba(0, 0, 0, 0.08);
    transform: translateX(6px);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.furniture-footer-contact-item i {
    width: 22px;
    text-align: center;
    font-size: 16px;
    opacity: 0.85;
}

/* Social media section */
.furniture-footer-social {
    margin-top: 32px;
}

.furniture-footer-social-title {
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    opacity: 0.85;
}

.furniture-footer-social-links {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.furniture-footer-social-link {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    text-decoration: none;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    font-size: 18px;
}

.furniture-footer-social-link:hover {
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.08);
    transform: translateY(-4px) scale(1.08);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* Menu section */
.furniture-footer-menu-section {
    width: 100%;
    grid-column: span 3;
}

.furniture-footer-menu-section .footer-menu-wrapper {
    width: 100%;
    overflow: visible;
}

.furniture-footer-menu-section .footer-menu-wrapper .row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 28px;
    margin: 0;
    padding: 0;
    overflow: visible;
}

.furniture-footer-menu-section .footer-menu-column {
    margin-bottom: 0;
    padding: 0 6px;
    overflow: visible;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}

.furniture-footer-menu-title,
.furniture-footer-menu-section .footer-menu-title {
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 10px 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.3;
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
    width: 100%;
    box-sizing: border-box;
    opacity: 0.95;
}

.furniture-footer-menu-list,
.furniture-footer-menu-sublist,
.furniture-footer-menu-section .footer-menu-list,
.furniture-footer-menu-section .footer-menu-sublist {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: visible;
}

.furniture-footer-menu-item,
.furniture-footer-menu-section .footer-menu-item {
    margin-bottom: 4px;
    line-height: 1.45;
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
}

.furniture-footer-menu-sublist .footer-menu-subitem {
    margin-bottom: 3px;
}

.furniture-footer-menu-link,
.furniture-footer-menu-section .footer-menu-link {
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
    padding: 2px 0;
    transition: all 0.2s ease;
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
    text-overflow: clip;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-right: 4px;
    opacity: 0.88;
}

.furniture-footer-menu-link:hover,
.furniture-footer-menu-section .footer-menu-link:hover {
    opacity: 1;
    transform: translateX(3px);
}

@media (max-width: 991px) {
    .furniture-footer-menu-section {
        grid-column: span 1;
    }

    .furniture-footer-menu-section .footer-menu-wrapper .row {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 24px;
        padding: 0;
    }

    .furniture-footer-menu-section .footer-menu-column {
        padding: 0 4px;
    }
}

@media (max-width: 767px) {
    .furniture-footer-menu-section .footer-menu-wrapper .row {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .furniture-footer-menu-title,
    .furniture-footer-menu-section .footer-menu-title {
        font-size: 12px;
        margin-bottom: 8px;
        font-weight: 700 !important;
    }

    .footer-menu-link a,
    .furniture-footer-menu-link,
    .furniture-footer-menu-section .footer-menu-link {
        font-size: 14px !important;
    }
}

/* Footer bottom bar */
.furniture-footer-bottom-wrap {
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.04) 100%);
    backdrop-filter: blur(8px);
}

.furniture-footer-bottom {
    padding: 28px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}

.furniture-footer-copyright {
    font-size: 13px;
    opacity: 0.82;
    line-height: 1.75;
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
}

.furniture-footer-copyright p {
    margin: 5px 0;
    white-space: normal;
    word-wrap: break-word;
    overflow: visible;
}

.furniture-footer-bottom-links {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.furniture-footer-cookie-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    opacity: 0.9;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.06);
}

.furniture-footer-cookie-link:hover {
    opacity: 1;
    background: rgba(0, 0, 0, 0.09);
    border-color: rgba(0, 0, 0, 0.1);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.furniture-footer-ssl-icon {
    height: 34px;
    width: auto;
    opacity: 0.85;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.06));
}

@media (max-width: 991px) {
    .furniture-footer-modern {
        margin-top: 60px;
    }

    .furniture-footer-modern .furniture-footer-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .furniture-footer-content {
        padding: 48px 0 40px;
        grid-template-columns: 1fr 1fr;
        gap: 44px;
    }

    .furniture-footer-brand {
        grid-column: 1 / -1;
    }

    .furniture-footer-contact-item {
        padding: 10px 14px;
    }
}

@media (max-width: 767px) {
    .furniture-footer-modern {
        margin-top: 48px;
    }

    .furniture-footer-modern .furniture-footer-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .furniture-footer-content {
        padding: 40px 0 32px;
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .furniture-footer-logo img {
        max-width: 200px !important;
        max-height: 64px !important;
        width: auto !important;
        height: auto !important;
    }

    .furniture-footer-contact-item {
        padding: 11px 14px;
    }

    .furniture-footer-social-link {
        width: 40px;
        height: 40px;
        font-size: 17px;
    }

    .furniture-footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 20px;
        padding: 24px 0;
    }

    .furniture-footer-bottom-links {
        justify-content: center;
    }

    .furniture-footer-menu-title,
    .furniture-footer-menu-section .footer-menu-title {
        font-size: 13px;
        margin-bottom: 16px;
        font-weight: 800 !important;
    }
}

@media (max-width: 480px) {
    .furniture-footer-modern .furniture-footer-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .furniture-footer-logo img {
        max-width: 180px !important;
        max-height: 56px !important;
    }
}

.modern-footer-mobile {
    color: #333;
    position: fixed !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
}

@media (max-width: 768px) {
    .modern-footer-mobile {
        position: fixed !important;
        bottom: 0 !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-width: auto !important;
        max-width: none !important;
    }
}

/* Masaüstünde (992px+) mobil footer tamamen gizle - header ile aynı breakpoint */
@media (min-width: 992px) {
    .modern-footer-mobile {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Mobil footer görünürken (992px altı) main içeriğinin altında boşluk */
@media (max-width: 991px) {
    main {
        padding-bottom: 80px;
    }
}

.modern-footer-mobile__link {
    color: #666;
    transition: color 0.2s ease;
}

.modern-footer-mobile__link:hover,
.modern-footer-mobile__link:focus {
    color: #000;
    text-decoration: none;
}

.modern-footer-mobile__link svg {
    color: currentColor;
}

.modern-footer-mobile__link--search {
    color: #666;
}

.modern-footer-mobile__link--search:hover,
.modern-footer-mobile__link--search:focus {
    color: #000;
}

.modern-footer-mobile__link .small {
    font-size: 11px;
    line-height: 1.2;
    margin-top: 2px;
}

/* Masaüstünde (992px+) mobil footer'ı tamamen gizle */
@media (min-width: 992px) {
    .modern-footer-mobile {
        display: none !important;
    }
}

/* Mobilde sabit footer için main içeriğe alt boşluk - içerik footer arkasında kalmasın */
@media (max-width: 991px) {
    main {
        padding-bottom: 80px !important;
        padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important;
    }
}

.mobile-search-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    padding: 0;
    overflow: hidden;
}

.mobile-search-modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.mobile-search-modal__content {
    background: white;
    border-radius: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    box-shadow: none;
}

.mobile-search-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.mobile-search-modal__title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    color: #000;
}

.mobile-search-modal__close {
    background: none;
    border: none;
    padding: 5px;
    cursor: pointer;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
}

.mobile-search-modal__close:hover {
    color: #000;
}

.mobile-search-modal__body {
    padding: 20px;
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.mobile-search-modal__form {
    margin-bottom: 20px;
}

.mobile-search-modal__input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 0 12px;
    border: 2px solid transparent;
    transition: border-color 0.2s;
}

.mobile-search-modal__input-wrapper:focus-within {
    border-color: #000;
    background: #fff;
}

.mobile-search-modal__input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 14px 12px 14px 0;
    font-size: 16px;
    outline: none;
    color: #000;
}

.mobile-search-modal__input::placeholder {
    color: #999;
}

.mobile-search-modal__submit {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
}

.mobile-search-modal__submit:hover {
    color: #000;
}

.mobile-search-modal__results {
    margin-top: 20px;
}

.mobile-search-modal__loading {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    justify-content: center;
    color: #666;
}

.mobile-search-modal__results-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 400px;
    overflow-y: auto;
}

.mobile-search-modal__result-item {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    color: #000;
    transition: background-color 0.2s;
    border: 1px solid #e5e5e5;
}

.mobile-search-modal__result-item:hover {
    background-color: #f5f5f5;
}

.mobile-search-modal__result-image {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    background: #f5f5f5;
}

.mobile-search-modal__result-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mobile-search-modal__result-content {
    flex: 1;
    min-width: 0;
}

.mobile-search-modal__result-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-search-modal__result-category {
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
}

.mobile-search-modal__result-price {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.mobile-search-modal__no-results {
    text-align: center;
    padding: 40px 20px;
    color: #666;
}

.mobile-search-modal__suggestions {
    padding: 20px 0;
}

.mobile-search-modal__suggestions-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #000;
}

.mobile-search-modal__suggestions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mobile-search-modal__suggestion-item {
    padding: 8px 16px;
    background: #f5f5f5;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    transition: background-color 0.2s;
}

.mobile-search-modal__suggestion-item:hover {
    background: #e5e5e5;
}

[x-cloak] {
    display: none !important;
}

@media (max-width: 767.98px) {
    .furniture-footer-modern,
    .awa-ard-footer {
        padding-bottom: 70px !important;
    }

    body {
        padding-bottom: 70px !important;
    }
}
/* ==========================================
   DEEP THEME - ANASAYFA MODERN TASARIM
   Anaslider HARİÇ tüm bölümler.
   .hp-homepage-section içinde, responsive.css'ten sonra yüklenir.
   ========================================== */

/* Tüm anasayfa bölümleri aynı hizada: container büyük ekranlarla uyumlu */
.hp-homepage-section > .container,
.hp-homepage-section .container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .hp-homepage-section > .container,
    .hp-homepage-section .container {
        max-width: 1320px;
    }
}

@media (min-width: 1400px) {
    .hp-homepage-section > .container,
    .hp-homepage-section .container {
        max-width: 1320px;
    }
}

@media (min-width: 1500px) {
    .hp-homepage-section > .container,
    .hp-homepage-section .container {
        max-width: 1500px;
    }
}

@media (min-width: 1800px) {
    .hp-homepage-section > .container,
    .hp-homepage-section .container {
        max-width: 1720px;
    }
}

.hp-homepage-section {
    --hp-radius: 20px;
    --hp-radius-sm: 14px;
    --hp-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    --hp-shadow-hover: 0 16px 48px rgba(0, 0, 0, 0.12);
    --hp-bg-alt: #ffffff;
    --hp-bg-card: #ffffff;
    --hp-border: rgba(0, 0, 0, 0.08);
    --hp-accent: #1a1a1a;
    background-color: #ffffff;
}

/* ---------- Ürün slider (Gezdiğiniz Ürünler ile aynı stil) ---------- */
.hp-homepage-section .awp-modern-product-slider-section .container,
.hp-homepage-section.awp-modern-product-slider-section .container {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (min-width: 1200px) {
    .hp-homepage-section .awp-modern-product-slider-section .container,
    .hp-homepage-section.awp-modern-product-slider-section .container {
        max-width: 1320px !important;
    }
}

@media (min-width: 1400px) {
    .hp-homepage-section .awp-modern-product-slider-section .container,
    .hp-homepage-section.awp-modern-product-slider-section .container {
        max-width: 1360px !important;
    }
}

@media (min-width: 1500px) {
    .hp-homepage-section .awp-modern-product-slider-section .container,
    .hp-homepage-section.awp-modern-product-slider-section .container {
        max-width: 1500px !important;
    }
}

@media (min-width: 1800px) {
    .hp-homepage-section .awp-modern-product-slider-section .container,
    .hp-homepage-section.awp-modern-product-slider-section .container {
        max-width: 1720px !important;
    }
}

/* Öne Çıkan Ürünler - Gezdiğiniz Ürünler ile aynı başlık/alt başlık boyutları */
.hp-homepage-section .awp-modern-product-slider-section .awp-modern-product-slider-title,
.hp-homepage-section.awp-modern-product-slider-section .awp-modern-product-slider-title,
.hp-homepage-section .awp-modern-product-slider-section .h3.h-md-2,
.hp-homepage-section.awp-modern-product-slider-section .h3.h-md-2 {
    font-size: calc(1.2875rem + 0.45vw) !important;
}
@media (min-width: 1200px) {
    .hp-homepage-section .awp-modern-product-slider-section .awp-modern-product-slider-title,
    .hp-homepage-section.awp-modern-product-slider-section .awp-modern-product-slider-title,
    .hp-homepage-section .awp-modern-product-slider-section .h3.h-md-2,
    .hp-homepage-section.awp-modern-product-slider-section .h3.h-md-2 {
        font-size: 1.625rem !important;
    }
}
.hp-homepage-section .awp-modern-product-slider-subtitle,
.hp-homepage-section.awp-modern-product-slider-section .awp-modern-product-slider-subtitle,
.hp-homepage-section .awp-modern-product-slider-section .text-muted.small,
.hp-homepage-section.awp-modern-product-slider-section .text-muted.small {
    font-size: 0.875em !important;
}
.hp-homepage-section .awp-modern-product-slider-title,
.hp-homepage-section.awp-modern-product-slider-section .awp-modern-product-slider-title {
    color: #222222 !important;
}

.hp-homepage-section .awp-modern-product-slider-pagination-dot.active,
.hp-homepage-section.awp-modern-product-slider-section .awp-modern-product-slider-pagination-dot.active {
    background: var(--hp-accent, #222222) !important;
}

/* ---------- Tabbed ürün bölümü (anasayfa) ----------
   Yerleşim ve aralıklar: responsive.css → .awp-tabbed-products-deep */

/* ---------- Kategori grid (category_product_list) ---------- */
.hp-homepage-section .uomo-category-grid-wrapper {
    padding: 3.5rem 0 4rem !important;
    background: var(--hp-bg-alt) !important;
}

.hp-homepage-section .uomo-category-grid-title {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: #1a1a1a !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 3px solid var(--hp-accent) !important;
    display: inline-block !important;
}

.hp-homepage-section .uomo-category-grid-subtitle {
    color: #5c5c5c !important;
    font-size: 1rem !important;
}

.hp-homepage-section .uomo-category-grid-card {
    border-radius: var(--hp-radius-sm) !important;
    overflow: hidden !important;
    box-shadow: var(--hp-shadow) !important;
    transition: box-shadow 0.35s ease, transform 0.35s ease !important;
}

.hp-homepage-section .uomo-category-grid-card:hover {
    box-shadow: var(--hp-shadow-hover) !important;
    transform: translateY(-5px) !important;
}

.hp-homepage-section .uomo-category-grid-image {
    border-radius: 0 !important;
}

@media (max-width: 767px) {
    .hp-homepage-section .uomo-category-grid-wrapper {
        padding: 2rem 0 !important;
    }
    .hp-homepage-section .uomo-category-grid-title {
        font-size: 1.35rem !important;
        padding-bottom: 0.35rem !important;
    }
    .hp-homepage-section .uomo-category-grid-subtitle {
        font-size: 0.875rem !important;
    }
}

/* ---------- Category slider with image (homepagecategory) ---------- */
.hp-homepage-section .homepagecategory.layout {
    padding: 3.5rem 0 4rem !important;
    background: #fff !important;
}

.hp-homepage-section .homepagecategory .h3,
.hp-homepage-section .homepagecategory .h-md-2 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: #1a1a1a !important;
    border-bottom: 3px solid var(--hp-accent) !important;
    display: inline-block !important;
    padding-bottom: 0.5rem !important;
}

/* ---------- Blog slider ---------- */
.hp-homepage-section .awp-modern-blog-slider-section {
    padding: 3.5rem 0 4rem !important;
    background: var(--hp-bg-alt) !important;
}

.hp-homepage-section .awp-modern-blog-slider-section .h3,
.hp-homepage-section .awp-modern-blog-slider-section .h-md-2 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: #1a1a1a !important;
    border-bottom: 3px solid var(--hp-accent) !important;
    display: inline-block !important;
    padding-bottom: 0.5rem !important;
}

.hp-homepage-section .awp-modern-blog-slider-section .awp-modern-blog-slider-slide .card {
    border-radius: var(--hp-radius-sm) !important;
    overflow: hidden !important;
    box-shadow: var(--hp-shadow) !important;
    transition: box-shadow 0.35s ease, transform 0.35s ease !important;
}

.hp-homepage-section .awp-modern-blog-slider-section .awp-modern-blog-slider-slide .card:hover {
    box-shadow: var(--hp-shadow-hover) !important;
    transform: translateY(-6px) !important;
}

.hp-homepage-section .awp-modern-blog-slider-nav-prev,
.hp-homepage-section .awp-modern-blog-slider-nav-next {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    box-shadow: var(--hp-shadow) !important;
}

/* ---------- Features section ---------- */
.hp-homepage-section .service-promotion.horizontal {
    padding: 3rem 0 !important;
    background: #fff !important;
}

.hp-homepage-section .service-promotion .section-title {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.03em !important;
    color: #1a1a1a !important;
    border-bottom: 3px solid var(--hp-accent) !important;
    display: inline-block !important;
    padding-bottom: 0.5rem !important;
}

.hp-homepage-section .service-promotion .row [class*="col"] {
    padding: 1rem !important;
}

.hp-homepage-section .service-promotion .card,
.hp-homepage-section .service-promotion [class*="feature"] {
    border-radius: var(--hp-radius-sm) !important;
    box-shadow: var(--hp-shadow) !important;
    transition: box-shadow 0.35s ease !important;
}

.hp-homepage-section .service-promotion .card:hover,
.hp-homepage-section .service-promotion [class*="feature"]:hover {
    box-shadow: var(--hp-shadow-hover) !important;
}

/* ---------- Banners ---------- */
.hp-homepage-section [class*="responsive_banners"] .card,
.hp-homepage-section [class*="banner"] .card {
    border-radius: var(--hp-radius-sm) !important;
    overflow: hidden !important;
    box-shadow: var(--hp-shadow) !important;
}

/* ---------- Testimonials / Google reviews ---------- */
.hp-homepage-section [class*="testimonials-list"] .card,
.hp-homepage-section [class*="google-reviews"] .card,
.hp-homepage-section .awp-modern-google-reviews-slider-slide .card {
    border-radius: var(--hp-radius-sm) !important;
    box-shadow: var(--hp-shadow) !important;
}

/* ---------- Category banner slider (anaslider değil, küçük banner alanı) ---------- */
.hp-homepage-section .category_banner_slider,
.hp-homepage-section [class*="category-banner"] {
    padding: 1rem 0 !important;
    background: #ffffff;
}

.hp-homepage-section .category_banner_slider .card,
.hp-homepage-section [class*="category-banner"] .card {
    border-radius: var(--hp-radius-sm) !important;
    box-shadow: var(--hp-shadow) !important;
}

/* Anasayfa ürün kartları kategori sayfası ile aynı görünür; ekstra override yok */
/* ==========================================
   HP-CAT-SHOWCASE - Anasayfa kategori ürün vitrini
   Tamamen benzersiz class'lar, sıfırdan tasarım
   ========================================== */

/* ----- Section wrapper ----- */
.hp-cat-showcase {
    padding: 1rem 0 1.25rem;
    background: transparent;
    overflow-x: hidden;
}

/* Slider altı boşluk - CSS ve JS'ten gelen tüm kaynakları sıfırla */
.hp-cat-showcase .hp-cat-block__carousel,
.hp-cat-showcase .hp-cat-block__track {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* height JS tarafından görünen satıra göre ayarlanıyor – !important kaldırıldı */
.hp-cat-showcase .hp-cat-block__carousel {
    min-height: 0;
}

/* Section header container (opsiyonel başlık için) */
.hp-cat-showcase__inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Container utility - Bootstrap container kullanılıyorsa override */
.hp-cat-showcase__container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* ----- Section header (opsiyonel) ----- */
.hp-cat-showcase__inner {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

.hp-cat-showcase__header {
    margin-bottom: 1rem;
    text-align: left;
}

.hp-cat-showcase__title {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #1a1a1a;
    margin: 0 0 0.25rem 0;
}

.hp-cat-showcase__subtitle {
    font-size: 1rem;
    color: #5c5c5c;
    margin: 0;
}

/* ----- Her kategori = full-width section ----- */
/* Anasayfa içindeyse (.hp-homepage-section) container ile aynı hizada; değilse full-bleed */
.hp-cat-block {
    padding: 0.5rem 0;
    margin-top: 0;
    margin-bottom: 0;
    box-sizing: border-box;
}

/* Anasayfa dışında (tek başına kullanıldığında) full-bleed */
.hp-cat-showcase:not(.hp-homepage-section *) .hp-cat-block {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Anasayfada: container ile aynı hizada, taşma yok; üst/alt boşluk */
.hp-homepage-section .hp-cat-block {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 25px;
    margin-bottom: 25px;
}

.hp-cat-block:first-of-type {
    margin-top: 0;
}

/* Arka plan renkleri - section (block) üzerinde, container değil */
/* hp-cat-block background kaldırıldı - şeffaf */
.hp-cat-block:nth-of-type(6n+1),
.hp-cat-block:nth-of-type(6n+2),
.hp-cat-block:nth-of-type(6n+3),
.hp-cat-block:nth-of-type(6n+4),
.hp-cat-block:nth-of-type(6n+5),
.hp-cat-block:nth-of-type(6n+6) {
    background: transparent;
}

/* İçerik container - max-width ile ortada */
.hp-cat-block__inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Anasayfada üst container ile aynı hizada; ek padding/max-width yok */
.hp-homepage-section .hp-cat-block__inner {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

/* ----- Block header ----- */
.hp-cat-block__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

/* ----- Kategori resmi - yuvarlak mask ----- */
.hp-cat-block__thumb {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}

.hp-cat-block__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hp-cat-block__head-text {
    flex: 1;
    min-width: 0;
}

.hp-cat-block__title {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #1a1a1a;
    margin: 0;
    padding-bottom: 0.4rem;
    border-bottom: 2px solid #1a1a1a;
    display: inline-block;
}

.hp-cat-block__desc {
    font-size: 0.9rem;
    color: #6c757d;
    margin: 0.35rem 0 0 0;
}

.hp-cat-block__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

/* ----- Nav butonları ----- */
.hp-cat-block__nav {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

.hp-cat-block__nav:hover {
    background: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.hp-cat-block__nav:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.hp-cat-block__nav i {
    font-size: 12px;
}

/* ----- CTA butonu ----- */
.hp-cat-block__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
    border: 2px solid #ddd;
    border-radius: 6px;
    background: #fff;
    transition: all 0.2s ease;
}

.hp-cat-block__cta:hover {
    background: #1a1a1a;
    color: #fff !important;
    border-color: #1a1a1a;
}

.hp-cat-block__cta:hover,
.hp-cat-block__cta:hover i,
.hp-cat-block__cta:hover span {
    color: #fff !important;
}

/* ----- Carousel ----- */
.hp-cat-block__carousel {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0;
}

.hp-cat-block__track {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0;
}

.hp-cat-block__item {
    flex-shrink: 0;
    flex-grow: 0;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0;
    min-width: 0;
}

/* Slider'da mb-3/mb-md-4 gereksiz boşluk yaratıyor – sadece margin kaldır */
.hp-cat-block__item .new-product-card.mb-3,
.hp-cat-block__item .new-product-card.mb-md-4 {
    margin-bottom: 0 !important;
}

/* Ürün kartları: product_item – kategori sayfası ile aynı, görsel boyutuna dokunulmaz */

/* ----- Empty state ----- */
.hp-cat-block__empty {
    padding: 2.5rem 0;
    text-align: center;
    color: #6c757d;
    font-size: 0.95rem;
}

.hp-cat-block__empty p {
    margin: 0;
}

/* ----- Mobil (< 768px) - tasarım düzeltmeleri ----- */
@media (max-width: 767px) {
    .hp-cat-showcase {
        padding: 0.5rem 0 0.5rem;
    }

    /* 100vw yatay scrollbar'a neden olur - mobilde 100% kullan */
    .hp-cat-block {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0.2rem 0;
        overflow-x: hidden;
    }

    .hp-cat-block__inner {
        padding: 0 16px;
        overflow-x: hidden;
        box-sizing: border-box;
    }

    /* Header: mobilde 2 satır - üstte thumb+başlık, altta aksiyonlar */
    .hp-cat-block__head {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.35rem;
        margin-bottom: 0.4rem;
    }

    .hp-cat-block__head-text {
        flex: 1 1 auto;
        min-width: 0;
    }

    .hp-cat-block__title {
        font-size: 1.1rem;
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
        max-width: 100%;
    }

    .hp-cat-block__desc {
        font-size: 0.8rem;
        margin-top: 0.2rem;
    }

    .hp-cat-block__thumb {
        width: 48px;
        height: 48px;
    }

    /* Actions: daha kompakt */
    .hp-cat-block__actions {
        flex: 1 1 100%;
        order: 3;
        justify-content: flex-end;
        margin-top: 0.15rem;
        margin-left: 0;
    }

    .hp-cat-block__nav {
        width: 32px;
        height: 32px;
        flex-shrink: 0;
    }

    .hp-cat-block__nav i {
        font-size: 10px;
    }

    .hp-cat-block__cta {
        padding: 8px 14px;
        font-size: 0.85rem;
    }

    /* Carousel taşma önle - track fazla yükseklik oluşturmasın, JS fallback */
    .hp-cat-block__carousel {
        overflow: hidden !important;
        width: 100%;
        max-width: 100%;
        max-height: 200px;
    }

    .hp-cat-block__track {
        gap: 8px;
    }

    /* Item taşmasını önle */
    .hp-cat-block__item {
        min-width: 0 !important;
        overflow: hidden;
    }

    /* Mobilde tüm margin/padding sıfırla – boşluk kalmasın */
    .hp-cat-block__item .product-card-wrapper,
    .hp-cat-block__item .new-product-card {
        margin-bottom: 0 !important;
    }
}

/* ----- Responsive ----- */
@media (min-width: 768px) {
    .hp-cat-showcase {
        padding: 1.5rem 0 2rem;
    }

    .hp-cat-block {
        padding: 0.75rem 0;
    }

    .hp-cat-block__inner {
        padding: 0 24px;
    }

    .hp-cat-block__title {
        font-size: 1.5rem;
    }

    .hp-cat-block__thumb {
        width: 88px;
        height: 88px;
    }
}

@media (min-width: 992px) {
    .hp-cat-block__thumb {
        width: 100px;
        height: 100px;
    }
}

@media (min-width: 1200px) {
    .hp-cat-showcase__inner {
        padding-left: 24px;
        padding-right: 24px;
    }

    .hp-cat-block__inner {
        max-width: 1320px;
        padding: 0 24px;
    }
}
/* pages.css - Birleştirilmiş: search, category, contact, user-coupons, user-support, user-security, user-dashboard-extra */

/* ===== SEARCH PAGE STYLES ===== */

/* Breadcrumb - sade ve mobil uyumlu */
.search-breadcrumb {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e5e7eb;
}

.search-breadcrumb .breadcrumb {
    margin: 0;
    background: transparent;
    padding: 0;
}

.search-breadcrumb .breadcrumb-item a {
    color: #4b5563;
    font-weight: 500;
    font-size: 13px;
    text-decoration: none;
}

.search-breadcrumb .breadcrumb-item a:hover {
    color: #111827;
    text-decoration: none;
}

.search-breadcrumb .breadcrumb-item.active {
    color: #111827;
    font-weight: 600;
    font-size: 13px;
}

/* Search Header */
.search-header {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 20px;
    padding: 3rem 2rem;
    margin-bottom: 2rem;
}

.search-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.search-query-badge .badge {
    font-size: 1.2rem;
    padding: 0.8rem 2rem;
    border-radius: 30px;
    background: linear-gradient(135deg, #c32929 0%, #007b6b 100%);
    box-shadow: 0 4px 15px rgba(0,88,80,0.3);
}

.search-results-count {
    font-size: 1.1rem;
    color: #6c757d;
}

/* Search Form */
.search-form-section {
    margin-bottom: 3rem;
}

.search-form-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    border: 1px solid #e9ecef;
}

.search-form-header {
    text-align: center;
    margin-bottom: 2rem;
}

.search-form-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.search-form-subtitle {
    color: #6c757d;
    margin: 0;
}

.search-input-group {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.search-input-wrapper {
    position: relative;
    flex: 1;
}

.search-input-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 1.1rem;
}

.search-input {
    width: 100%;
    padding: 1rem 1rem 1rem 3rem;
    border: 2px solid #e9ecef;
    border-radius: 15px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

.search-input:focus {
    outline: none;
    border-color: #c32929;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0,88,80,0.1);
}

.search-submit-btn {
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #c32929 0%, #007b6b 100%);
    color: white;
    border: none;
    border-radius: 15px;
    font-weight: 600;
    font-size: 1rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,88,80,0.3);
}

.search-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,88,80,0.4);
}

/* Search Filters */
.search-filters-section {
    margin-bottom: 2rem;
}

.search-filters-card {
    background: #ffffff;
    border-radius: 15px;
    padding: 1.5rem;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    border: 1px solid #e9ecef;
}

.search-filters-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.results-count-badge {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    color: #1976d2;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 500;
    font-size: 0.9rem;
}

.search-sort-section {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sort-label {
    font-weight: 500;
    color: #495057;
    margin: 0;
}

.search-sort-select {
    padding: 0.5rem 1rem;
    border: 2px solid #e9ecef;
    border-radius: 10px;
    background: #ffffff;
    font-size: 0.9rem;
    min-width: 200px;
    transition: all 0.3s ease;
}

.search-sort-select:focus {
    outline: none;
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(0,88,80,0.1);
}

/* No Results */
.no-results-section {
    margin: 3rem 0;
}

.no-results-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 20px;
    padding: 3rem 2rem;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.no-results-icon {
    margin-bottom: 2rem;
}

.no-results-icon i {
    font-size: 4rem;
    color: #dee2e6;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 0.5; }
    50% { opacity: 0.8; }
}

.no-results-title {
    font-size: 2rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.no-results-message {
    font-size: 1.1rem;
    color: #6c757d;
    margin-bottom: 2rem;
}

.no-results-suggestions {
    margin-bottom: 2rem;
}

.suggestions-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 1rem;
}

.suggestions-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: left;
}

.suggestion-item {
    padding: 0.5rem 0;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.suggestion-item i {
    color: #dc3545;
    font-size: 0.9rem;
}

.no-results-actions {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.no-results-btn {
    padding: 0.8rem 2rem;
    border-radius: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-size: 1rem;
}

.no-results-btn.primary {
    background: linear-gradient(135deg, #c32929 0%, #007b6b 100%);
    color: white;
    box-shadow: 0 4px 15px rgba(0,88,80,0.3);
}

.no-results-btn.primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,88,80,0.4);
}

.no-results-btn.secondary {
    background: #ffffff;
    color: #6c757d;
    border: 2px solid #e9ecef;
}

.no-results-btn.secondary:hover {
    background: #f8f9fa;
    border-color: #dee2e6;
}

/* Responsive */
@media (max-width: 768px) {
    .search-header {
        padding: 2rem 1rem;
    }

    .search-title {
        font-size: 2rem;
    }

    .search-form-card {
        padding: 1.5rem;
    }

    .search-input-group {
        flex-direction: column;
    }

    .search-submit-btn {
        width: 100%;
    }

    .search-filters-content {
        flex-direction: column;
        align-items: stretch;
    }

    .search-sort-section {
        justify-content: center;
    }

    .no-results-actions {
        flex-direction: column;
    }

    .no-results-btn {
        width: 100%;
    }
}

/* Görsel Arama Benzerlik Rozeti */
.image-search-similarity-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(0, 88, 80, 0.9);
    color: white;
    padding: 0.4rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.image-search-similarity-badge i {
    font-size: 0.7rem;
}

.product-card-wrapper {
    position: relative;
}
/* Category page - infinite scroll, lazy images, product card animation */
/* Infinite Scroll Loading Animation */
.products-loading-animation {
    padding: 40px 20px;
}

.loading-spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #222;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Lazy Loading Images */
img.lazy-image {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    background-color: #f5f5f5;
    min-height: 200px;
}

img.lazy-image.lazy-loaded {
    opacity: 1;
}

/* Product Card Animation */
.products-grid .product-card-wrapper {
    animation-fill-mode: both;
}

/* Ürün resimlerinde border-radius kaldır - Kategori sayfası */
.shop-main .products-grid .new-pc__img-wrapper,
.shop-main .products-grid .product-image-container,
.shop-main .products-grid .product-card-wrapper,
.shop-main .products-grid .new-product-card,
.shop-main .products-grid .product-card,
.shop-main .products-grid .new-pc__img-wrapper img,
.shop-main .products-grid .product-image-container img {
    border-radius: 0 !important;
}

/* Daha fazla ürün yükle - sade metin linki, hover'da hafif buton */
.load-more-products-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 500;
    color: #555;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.load-more-products-link i {
    font-size: 11px;
    opacity: 0.8;
}

.load-more-products-link:hover {
    color: #111;
    background: rgba(0, 0, 0, 0.04);
}

.load-more-products-link:active {
    background: rgba(0, 0, 0, 0.06);
}
/* ===========================================
   CONTACT PAGE - MODERN DESIGN (Deep theme)
   =========================================== */
.contact-modern {
    min-height: 100vh;
    background: linear-gradient(180deg, #f8fafb 0%, #fff 40%);
    padding-bottom: 80px;
}

/* Blade: contact-modern-hero, contact-modern-form-card, contact-modern-sidebar */
.contact-modern-hero {
    position: relative;
    padding: 4rem 0 5rem;
    overflow: hidden;
}
.contact-modern-hero-bg {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(1, 88, 80, 0.08) 0%, transparent 50%), linear-gradient(180deg, #fff 0%, #f8fafb 100%);
}
.contact-modern-hero-content {
    position: relative;
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
}
.contact-modern-badge {
    display: inline-flex;
    padding: 8px 18px;
    background: rgba(1, 88, 80, 0.1);
    color: #c32929;
    border-radius: 100px;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin-bottom: 1.25rem;
}
.contact-modern-hero-title {
    font-size: clamp(2rem, 5vw, 3.25rem);
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1rem;
    letter-spacing: -0.02em;
}
.contact-modern-hero-subtitle {
    font-size: 1.125rem;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}
.contact-modern-main {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 2rem;
    align-items: start;
    margin-top: -2rem;
    position: relative;
    z-index: 2;
}
.contact-modern-form-card {
    background: #fff;
    border-radius: 24px;
    padding: 2.5rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.02);
}
.contact-modern-success {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    color: #166534;
    border-radius: 14px;
    margin-bottom: 1.5rem;
}
.contact-modern-form-header { margin-bottom: 1.5rem; }
.contact-modern-form-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.contact-modern-form-title { font-size: 1.5rem; font-weight: 700; color: #0f172a; margin: 0 0 0.5rem; }
.contact-modern-form-desc { font-size: 0.9375rem; color: #64748b; margin: 0; }
.contact-modern-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.contact-modern-field { margin-bottom: 1.25rem; }
.contact-modern-field label { display: block; font-size: 0.875rem; font-weight: 600; color: #334155; margin-bottom: 0.5rem; }
.contact-modern-input,
.contact-modern-textarea {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    font-size: 1rem;
    transition: all 0.2s ease;
}
.contact-modern-input:focus,
.contact-modern-textarea:focus { outline: none; border-color: #c32929; box-shadow: 0 0 0 3px rgba(1,88,80,0.12); }
.contact-modern-input.is-invalid,
.contact-modern-textarea.is-invalid { border-color: #ef4444; box-shadow: 0 0 0 2px rgba(239,68,68,0.15); }
.contact-modern-textarea { resize: vertical; min-height: 130px; }
.contact-modern-error { display: block; font-size: 0.8125rem; color: #ef4444; margin-top: 0.375rem; }
.contact-modern-submit {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}
.contact-modern-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 24px -8px rgba(1,88,80,0.4); }
.contact-modern-sidebar { position: sticky; top: 100px; }
.contact-modern-info-card {
    background: #fff;
    border-radius: 24px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.02);
}
.contact-modern-info-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.contact-modern-info-title i { color: #c32929; }
.contact-modern-info-list { display: flex; flex-direction: column; gap: 1rem; }
.contact-modern-info-item {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-radius: 14px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}
.contact-modern-info-item:hover { background: #f1f5f9; }
.contact-modern-info-item a { color: inherit; text-decoration: none; }
.contact-modern-info-item:hover .contact-modern-info-value { color: #c32929; }
.contact-modern-info-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.contact-modern-info-text { flex: 1; display: flex; flex-direction: column; gap: 0.25rem; }
.contact-modern-info-label { font-size: 0.75rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.05em; }
.contact-modern-info-value { font-size: 0.9375rem; font-weight: 500; color: #0f172a; }
.contact-modern-info-arrow { font-size: 0.75rem; color: #94a3b8; }
.contact-modern-info-whatsapp:hover { background: rgba(37,211,102,0.08); }
.contact-modern-info-static { cursor: default; }
.contact-modern-info-static:hover { background: #f8fafc; }
.contact-modern-info-empty {
    padding: 2rem;
    text-align: center;
    color: #94a3b8;
    font-size: 0.9375rem;
}
.contact-modern-info-empty i { font-size: 2rem; margin-bottom: 0.5rem; opacity: 0.5; }
.contact-modern-map-card { margin-top: 1.5rem; }
.contact-modern-map-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 1rem;
}
.contact-modern-map-header i { color: #c32929; }
.contact-modern-map-wrap { border-radius: 16px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.06); }
.contact-modern-map-wrap iframe { display: block; }
.contact-modern-branches { margin-top: 4rem; }
.contact-modern-branches-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}
.contact-modern-branches-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.contact-modern-branches-title i { color: #c32929; }
.contact-modern-branches-filters { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.contact-modern-select {
    padding: 0.75rem 1.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    font-size: 0.9375rem;
    background: #fff;
    min-width: 160px;
    cursor: pointer;
}
.contact-modern-select:focus { outline: none; border-color: #c32929; }
.contact-modern-branches-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}
.contact-modern-branch-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 1.5rem;
    transition: all 0.25s ease;
}
.contact-modern-branch-card:hover { border-color: #c32929; box-shadow: 0 8px 24px -8px rgba(1,88,80,0.15); }
.contact-modern-branch-name { font-size: 1.125rem; font-weight: 700; color: #c32929; margin: 0 0 1rem; padding-bottom: 1rem; border-bottom: 1px solid #f1f5f9; }
.contact-modern-branch-list { list-style: none; padding: 0; margin: 0; }
.contact-modern-branch-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.9375rem;
    color: #475569;
}
.contact-modern-branch-list li i { color: #c32929; min-width: 18px; }
.contact-modern-branch-list li a { color: #c32929; text-decoration: none; }
.contact-modern-branch-list li a:hover { text-decoration: underline; }
@media (max-width: 992px) {
    .contact-modern-main { grid-template-columns: 1fr; }
    .contact-modern-form-row { grid-template-columns: 1fr; }
}
@media (max-width: 576px) {
    .contact-modern-hero { padding: 2.5rem 0 3rem; }
    .contact-modern-form-card, .contact-modern-info-card { padding: 1.5rem; }
}

.contact-modern__hero {
    position: relative;
    padding: 4rem 0 5rem;
    overflow: hidden;
}

.contact-modern__hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(1, 88, 80, 0.12) 0%, transparent 50%),
        linear-gradient(180deg, #fff 0%, #f8fafb 100%);
    pointer-events: none;
}

.contact-modern__hero-inner {
    position: relative;
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
}

.contact-modern__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(1, 88, 80, 0.08);
    color: #c32929;
    border-radius: 100px;
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin-bottom: 1.25rem;
}

.contact-modern__badge i {
    font-size: 0.875rem;
}

.contact-modern__title {
    font-size: clamp(2rem, 5vw, 3.25rem);
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1rem;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.contact-modern__subtitle {
    font-size: 1.125rem;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}

.contact-modern__main {
    position: relative;
    margin-top: -2rem;
    z-index: 2;
}

.contact-modern__grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 2rem;
    align-items: start;
}

/* Form Card - Glass effect */
.contact-modern__form-wrap {
    background: #fff;
    border-radius: 24px;
    padding: 2.5rem;
    box-shadow: 
        0 4px 6px -1px rgba(0, 0, 0, 0.05),
        0 10px 15px -3px rgba(0, 0, 0, 0.05),
        0 0 0 1px rgba(0, 0, 0, 0.03);
    transition: box-shadow 0.3s ease;
}

.contact-modern__form-wrap:hover {
    box-shadow: 
        0 25px 50px -12px rgba(0, 0, 0, 0.08),
        0 0 0 1px rgba(0, 0, 0, 0.03);
}

.contact-modern__form-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.5rem;
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-modern__form-title i {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.contact-modern__success {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    color: #166534;
    border-radius: 14px;
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.contact-modern__success i {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.contact-modern__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

.contact-modern__field {
    margin-bottom: 1.25rem;
}

.contact-modern__label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.5rem;
}

.contact-modern__input,
.contact-modern__textarea {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    font-size: 1rem;
    color: #0f172a;
    background: #fff;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.contact-modern__input::placeholder,
.contact-modern__textarea::placeholder {
    color: #94a3b8;
}

.contact-modern__input:hover,
.contact-modern__textarea:hover {
    border-color: #cbd5e1;
}

.contact-modern__input:focus,
.contact-modern__textarea:focus {
    outline: none;
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.12);
}

.contact-modern__input.is-error,
.contact-modern__textarea.is-error {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.contact-modern__textarea {
    resize: vertical;
    min-height: 140px;
}

.contact-modern__error {
    display: block;
    font-size: 0.8125rem;
    color: #ef4444;
    margin-top: 0.375rem;
}

.contact-modern__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
    margin-top: 0.5rem;
}

.contact-modern__submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px -8px rgba(1, 88, 80, 0.4);
}

.contact-modern__submit:active {
    transform: translateY(0);
}

/* Info Sidebar */
.contact-modern__info {
    position: sticky;
    top: 100px;
}

.contact-modern__info-card {
    background: #fff;
    border-radius: 24px;
    padding: 2rem;
    box-shadow: 
        0 4px 6px -1px rgba(0, 0, 0, 0.05),
        0 10px 15px -3px rgba(0, 0, 0, 0.05),
        0 0 0 1px rgba(0, 0, 0, 0.03);
}

.contact-modern__info-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-modern__info-title i {
    color: #c32929;
}

.contact-modern__info-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.contact-modern__info-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 14px;
    background: #f8fafc;
    transition: background 0.2s ease;
}

.contact-modern__info-item:hover {
    background: #f1f5f9;
}

.contact-modern__info-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.contact-modern__info-content h4 {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #64748b;
    margin: 0 0 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.contact-modern__info-content p,
.contact-modern__info-content a {
    font-size: 0.9375rem;
    color: #0f172a;
    margin: 0;
    text-decoration: none;
    line-height: 1.5;
}

.contact-modern__info-content a:hover {
    color: #c32929;
    text-decoration: underline;
}

.contact-modern__info-empty {
    padding: 2rem;
    text-align: center;
    color: #94a3b8;
    font-size: 0.9375rem;
}

.contact-modern__map {
    margin-top: 1.5rem;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.contact-modern__map iframe {
    width: 100%;
    height: 260px;
    border: 0;
    display: block;
}

/* Branches */
.contact-modern__branches {
    margin-top: 4rem;
}

.contact-modern__branches-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.contact-modern__branches-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.contact-modern__branches-filters {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.contact-modern__branch-select {
    padding: 0.625rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    font-size: 0.9375rem;
    background: #fff;
    color: #334155;
    min-width: 160px;
    cursor: pointer;
}

.contact-modern__branch-select:focus {
    outline: none;
    border-color: #c32929;
}

.contact-modern__branches-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.contact-modern__branch-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 1.5rem;
    transition: all 0.25s ease;
}

.contact-modern__branch-card:hover {
    border-color: #c32929;
    box-shadow: 0 8px 24px -8px rgba(1, 88, 80, 0.2);
}

.contact-modern__branch-card h3 {
    font-size: 1.125rem;
    font-weight: 700;
    color: #c32929;
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f5f9;
}

.contact-modern__branch-info p {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin: 0 0 0.75rem;
    font-size: 0.9375rem;
    color: #475569;
    line-height: 1.5;
}

.contact-modern__branch-info p:last-child {
    margin-bottom: 0;
}

.contact-modern__branch-info i {
    color: #c32929;
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.contact-modern__branch-info a {
    color: #c32929;
    text-decoration: none;
}

.contact-modern__branch-info a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 992px) {
    .contact-modern__grid {
        grid-template-columns: 1fr;
    }

    .contact-modern__row {
        grid-template-columns: 1fr;
    }

    .contact-modern__info {
        position: static;
    }
}

@media (max-width: 768px) {
    .contact-modern__hero {
        padding: 3rem 0 4rem;
    }

    .contact-modern__main {
        margin-top: -1.5rem;
    }

    .contact-modern__form-wrap,
    .contact-modern__info-card {
        padding: 1.5rem;
    }

    .contact-modern__form-title {
        font-size: 1.25rem;
    }

    .contact-modern__branches-filters {
        flex-direction: column;
    }

    .contact-modern__branch-select {
        width: 100%;
        min-width: auto;
    }

    .contact-modern__branches-grid {
        grid-template-columns: 1fr;
    }
}
/* User coupons page */
.coupons-header {
    margin-bottom: 2rem;
}

.coupons-header__content {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem;
    background: var(--minimal-card-bg, #fff);
    border-radius: 0.5rem;
}

.coupons-header__icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--minimal-primary, #10b981);
    color: white;
    border-radius: 0.5rem;
}

.coupons-header__icon svg {
    width: 1.5rem;
    height: 1.5rem;
}

.coupons-header__title {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: var(--minimal-text, #111);
}

.coupons-header__subtitle {
    margin: 0;
    color: var(--minimal-text-light, #666);
    font-size: 0.875rem;
}

.coupons-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

@media (max-width: 768px) {
    .coupons-list {
        grid-template-columns: 1fr;
    }

    .coupon-card__content {
        flex-direction: column;
        gap: 1.5rem;
    }

    .coupon-card__left,
    .coupon-card__right {
        width: 100%;
        padding: 0;
        border: none;
    }

    .coupon-card__left {
        border-bottom: 1px solid var(--minimal-border, #e5e7eb);
        padding-bottom: 1.5rem;
    }

    .coupon-card__right {
        padding-top: 1.5rem;
    }
}

.coupon-card {
    background: var(--minimal-card-bg, #fff);
    border-radius: 0.75rem;
    border: 1px solid var(--minimal-border, #e5e7eb);
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.coupon-card:hover {
    border-color: var(--minimal-primary, #10b981);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15);
    transform: translateY(-2px);
}

.coupon-card--disabled {
    opacity: 0.65;
    border-color: var(--minimal-border, #e5e7eb);
}

.coupon-card--disabled:hover {
    transform: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.coupon-card__body {
    padding: 1.75rem;
}

.coupon-card__header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 1.25rem;
}

.coupon-card__badge .badge {
    padding: 0.35rem 0.85rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.badge-success {
    background: #10b981;
    color: white;
}

.badge-danger {
    background: #ef4444;
    color: white;
}

.coupon-card__content {
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.coupon-card__left {
    flex: 1;
    padding-right: 1rem;
    border-right: 1px solid var(--minimal-border, #e5e7eb);
}

.coupon-card__right {
    flex: 1;
    padding-left: 1rem;
}

.coupon-card__description {
    color: var(--minimal-text, #111);
    margin-bottom: 1.25rem;
    font-size: 0.9rem;
    line-height: 1.6;
    font-weight: 400;
}

.coupon-card__discount {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.discount-amount {
    font-size: 2.25rem;
    font-weight: 700;
    color: var(--minimal-primary, #10b981);
    line-height: 1;
}

.discount-label {
    font-size: 0.9rem;
    color: var(--minimal-text-light, #666);
    font-weight: 500;
}

.coupon-card__details {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.coupon-detail {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    font-size: 0.85rem;
    color: var(--minimal-text, #111);
    line-height: 1.5;
}

.coupon-detail svg {
    width: 1.1rem;
    height: 1.1rem;
    color: var(--minimal-text-light, #666);
    flex-shrink: 0;
    margin-top: 0.15rem;
}

.coupon-code-wrapper {
    margin-top: 1.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.coupon-code-wrapper--active:hover {
    transform: scale(1.01);
    opacity: 0.95;
}

.coupon-code-ticket {
    position: relative;
    display: flex;
    align-items: center;
    background: #10b981;
    border-radius: 8px;
    padding: 0.85rem;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);
}

.coupon-code-ticket__left,
.coupon-code-ticket__right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: var(--minimal-card-bg, #fff);
    border-radius: 50%;
    z-index: 1;
}

.coupon-code-ticket__left {
    left: -8px;
}

.coupon-code-ticket__right {
    right: -8px;
}

.coupon-code-ticket__dots {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(
        to right,
        var(--minimal-card-bg, #fff) 0px,
        var(--minimal-card-bg, #fff) 4px,
        transparent 4px,
        transparent 8px
    );
}

.coupon-code-ticket__left .coupon-code-ticket__dots {
    left: 8px;
    width: calc(100% - 8px);
}

.coupon-code-ticket__right .coupon-code-ticket__dots {
    right: 8px;
    width: calc(100% - 8px);
}

.coupon-code-ticket__center {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    z-index: 2;
}

.coupon-code-ticket__label {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 500;
}

.coupon-code-ticket__code {
    font-size: 1.1rem;
    font-weight: 700;
    color: white;
    letter-spacing: 0.08em;
    font-family: 'Courier New', monospace;
}

.coupon-code-ticket__hint {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 0.15rem;
}

.coupon-card--disabled .coupon-code-ticket {
    background: #9ca3af;
    opacity: 0.7;
}

.coupon-card--disabled .coupon-code-wrapper {
    cursor: not-allowed;
}

.coupon-card--disabled .coupon-code-wrapper:hover {
    transform: none;
}

.coupons-empty {
    text-align: center;
    padding: 3rem 1rem;
}

.coupons-empty__icon {
    width: 4rem;
    height: 4rem;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--minimal-bg-secondary, #f9fafb);
    border-radius: 50%;
    color: var(--minimal-text-light, #666);
}

.coupons-empty__icon svg {
    width: 2rem;
    height: 2rem;
}

.coupons-empty__title {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: var(--minimal-text, #111);
}

.coupons-empty__subtitle {
    color: var(--minimal-text-light, #666);
    margin-bottom: 1.5rem;
}

.coupons-empty__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #111827;
    color: #ffffff !important;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.coupons-empty__btn:hover {
    background: #1f2937;
    color: #ffffff !important;
}

.coupons-empty__btn svg {
    width: 18px;
    height: 18px;
    color: #ffffff !important;
    fill: #ffffff !important;
}

@keyframes slideIn {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes slideOut {
    from { transform: translateX(0); opacity: 1; }
    to { transform: translateX(100%); opacity: 0; }
}
/* User Support Page - Taşınan inline stiller */
.supportpage .minimal-card:first-child { margin-bottom: 2rem; }
.supportpage .support-header-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.supportpage .support-header-icon { width: 60px; height: 60px; border-radius: 15px; background: #c32929; display: flex; align-items: center; justify-content: center; }
.supportpage .support-header-icon svg { width: 30px; height: 30px; color: white; }
.supportpage .support-header-title { font-size: 1.875rem; font-weight: 600; margin: 0 0 0.5rem 0; color: var(--minimal-text); }
.supportpage .support-header-desc { color: var(--minimal-text-light); margin: 0; font-size: 1rem; }
.supportpage .support-actions-wrap { margin-bottom: 2rem; }
.supportpage .support-btn-primary { background: #c32929; border: none; box-shadow: 0 4px 6px rgba(102, 126, 234, 0.3); padding: 0.75rem 1.5rem; border-radius: 10px; font-weight: 600; }
.supportpage .support-btn-primary .minimal-icon-sm { margin-right: 0.5rem; width: 18px; height: 18px; }
.supportpage .support-tickets-list { display: flex; flex-direction: column; gap: 1.5rem; }
.supportpage .support-card-header { display: flex; justify-content: space-between; align-items: center; }
.supportpage .support-card-title { margin: 0; color: var(--minimal-text); font-weight: 600; }
.supportpage .support-card-meta { color: var(--minimal-text-light); }
.supportpage .support-card-actions { display: flex; align-items: center; gap: 0.5rem; }
.supportpage .minimal-badge.support-badge-open { background: #fbbf24; color: white; border: none; padding: 0.5rem 1rem; border-radius: 20px; font-weight: 600; box-shadow: 0 2px 4px rgba(251, 191, 36, 0.3); }
.supportpage .minimal-badge.support-badge-open svg { width: 14px; height: 14px; margin-right: 0.5rem; display: inline; }
.supportpage .minimal-badge.support-badge-progress { background: #3b82f6; color: white; border: none; padding: 0.5rem 1rem; border-radius: 20px; font-weight: 600; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); }
.supportpage .minimal-badge.support-badge-progress svg { width: 14px; height: 14px; margin-right: 0.5rem; display: inline; }
.supportpage .minimal-badge.support-badge-waiting { background: #8b5cf6; color: white; border: none; padding: 0.5rem 1rem; border-radius: 20px; font-weight: 600; box-shadow: 0 2px 4px rgba(139, 92, 246, 0.3); }
.supportpage .minimal-badge.support-badge-waiting svg { width: 14px; height: 14px; margin-right: 0.5rem; display: inline; }
.supportpage .minimal-badge.support-badge-closed { background: #10b981; color: white; border: none; padding: 0.5rem 1rem; border-radius: 20px; font-weight: 600; box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3); }
.supportpage .minimal-badge.support-badge-closed svg { width: 14px; height: 14px; margin-right: 0.5rem; display: inline; }
.supportpage .minimal-badge.support-badge-default { background: #6b7280; color: white; border: none; padding: 0.5rem 1rem; border-radius: 20px; font-weight: 600; box-shadow: 0 2px 4px rgba(107, 114, 128, 0.3); }
.supportpage .support-view-btn { font-size: 0.75rem; padding: 0.5rem 0.75rem; background: #3b82f6; color: white; border: none; border-radius: 8px; font-weight: 600; box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3); text-decoration: none; }
.supportpage .support-view-btn .minimal-icon-sm { margin-right: 0.25rem; width: 14px; height: 14px; }
.supportpage .support-card-body p { margin: 0; color: var(--minimal-text-light); line-height: 1.6; }
.supportpage .support-reply-info { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--minimal-border-light); }
.supportpage .support-reply-meta { display: flex; align-items: center; gap: 0.5rem; color: var(--minimal-text-light); font-size: 0.875rem; }
.supportpage .support-pagination-wrap { display: flex; justify-content: center; margin-top: 2rem; }
.supportpage .support-empty-body { text-align: center; padding: 3rem 1rem; }
.supportpage .support-empty-icon { width: 80px; height: 80px; border-radius: 20px; background: #f3f4f6; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; }
.supportpage .support-empty-icon svg { width: 40px; height: 40px; color: #9ca3af; }
.supportpage .support-empty-title { color: var(--minimal-text-light); margin: 0 0 0.5rem 0; }
.supportpage .support-empty-desc { color: var(--minimal-text-light); margin: 0 0 1.5rem 0; }
.supportpage #supportModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999; align-items: center; justify-content: center; }
.supportpage #supportModal .minimal-modal-content { max-width: 700px; width: 95%; max-height: 90vh !important; background: white !important; border-radius: 8px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important; display: flex !important; flex-direction: column !important; }
.supportpage #supportModal .minimal-modal-header { padding: 1.5rem !important; border-bottom: 1px solid #e5e7eb !important; background: #f9fafb !important; flex-shrink: 0 !important; }
.supportpage #supportModal .minimal-modal-header h3 { margin: 0 !important; color: #111827 !important; font-weight: 600 !important; }
.supportpage #supportModal .minimal-modal-close { background: none !important; border: none !important; color: #6b7280 !important; cursor: pointer !important; padding: 0.5rem !important; }
.supportpage #supportModal .minimal-modal-close svg { width: 20px; height: 20px; }
.supportpage #supportForm { display: flex !important; flex-direction: column !important; flex: 1 !important; overflow: hidden !important; }
.supportpage #supportForm .minimal-modal-body { padding: 1.5rem !important; overflow-y: auto !important; flex: 1 !important; }
.supportpage #supportForm .support-form-group { margin-bottom: 1.5rem; }
.supportpage #supportForm label { display: block; margin-bottom: 0.5rem; color: #374151; font-weight: 500; }
.supportpage #supportForm input, .supportpage #supportForm select, .supportpage #supportForm textarea { width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.375rem; background: white; color: #374151; font-family: inherit; }
.supportpage #supportForm textarea { min-height: 120px; resize: vertical; }
.supportpage #supportModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999; align-items: center; justify-content: center; }
.supportpage #ticketDetailModal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999; align-items: center; justify-content: center; }
.supportpage #ticketDetailModal .minimal-modal-content { max-width: 800px; max-height: 90vh; overflow-y: auto; }
/* User security - modal overlay ve minimal modal */
.minimal-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 1rem;
}

.minimal-modal {
    background: var(--minimal-bg, #fff);
    border-radius: 0.5rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    max-width: 500px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
}

.minimal-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 1px solid var(--minimal-border-light, #e5e7eb);
}

.minimal-modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: var(--minimal-text-light, #6b7280);
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    transition: background-color 0.2s;
}

.minimal-modal-close:hover:not(:disabled) {
    background: var(--minimal-bg-light, #f9fafb);
}

.minimal-modal-close:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.minimal-modal-body {
    padding: 1.5rem;
}

.minimal-modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1.5rem;
    border-top: 1px solid var(--minimal-border-light, #e5e7eb);
}

.user-security-page [x-cloak] {
    display: none !important;
}
/* User dashboard - kupon istatistik ve kuponlar bölümü */
.dashboard-stat-icon-info {
    background: linear-gradient(135deg, #c32929 0%, #764ba2 100%);
}

.dashboard-stat-value-info {
    color: #c32929;
}

.dashboard-coupons-section {
    margin-top: 2rem;
    background: var(--minimal-card-bg, #fff);
    border-radius: 0.5rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dashboard-coupons-header {
    margin-bottom: 1.5rem;
}

.dashboard-coupons-body {
    width: 100%;
}

.dashboard-coupons-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-coupon-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: var(--minimal-bg-secondary, #f9fafb);
    border-radius: 0.375rem;
    border: 1px solid var(--minimal-border, #e5e7eb);
    transition: all 0.3s ease;
}

.dashboard-coupon-item:hover {
    border-color: #c32929;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.1);
}

.dashboard-coupon-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-coupon-code {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.dashboard-coupon-code-label {
    font-size: 0.75rem;
    color: var(--minimal-text-light, #666);
    font-weight: 500;
}

.dashboard-coupon-code-value {
    font-size: 1rem;
    font-weight: 700;
    color: #c32929;
    letter-spacing: 0.05em;
}

.dashboard-coupon-discount {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.dashboard-coupon-discount-value {
    font-size: 1.25rem;
    font-weight: 700;
    color: #c32929;
}

.dashboard-coupon-discount-label {
    font-size: 0.875rem;
    color: var(--minimal-text-light, #666);
}

.dashboard-coupon-details {
    margin: 0 1rem;
}

.dashboard-coupon-expiry {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--minimal-text-light, #666);
}

.dashboard-coupon-expiry-icon {
    width: 1rem;
    height: 1rem;
}

.dashboard-coupon-action {
    flex-shrink: 0;
}

.dashboard-coupon-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #c32929;
    color: white;
    border: none;
    border-radius: 0.375rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background 0.3s ease;
}

.dashboard-coupon-btn:hover {
    background: #5568d3;
}

.dashboard-coupon-btn-icon {
    width: 1rem;
    height: 1rem;
}

.dashboard-coupons-footer {
    margin-top: 1.5rem;
    text-align: center;
}

@media (max-width: 768px) {
    .dashboard-coupon-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .dashboard-coupon-details {
        margin: 0;
        width: 100%;
    }

    .dashboard-coupon-action {
        width: 100%;
    }

    .dashboard-coupon-btn {
        width: 100%;
        justify-content: center;
    }
}
/* MX Checkout v6 - Beyaz Tema + Ubuntu (Prefix: mxw-) */
html, body { height: 100%; }
body { margin: 0; background: #ffffff; color: #0f172a; font: 400 16px/1.55 'Ubuntu', system-ui, -apple-system, Segoe UI, Roboto; }
* { box-sizing: border-box; }

.mxw-wrap { margin: 0 auto; padding: 20px; }
.mxw-grid { display: grid; grid-template-columns: 1fr; gap: 20px; }
@media (min-width: 980px) { .mxw-grid { grid-template-columns: 1.2fr .8fr; } }

.mxw-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; box-shadow: 0 8px 22px rgba(2,6,23,.06); }
.mxw-head { padding: 18px 20px 0; display: flex; align-items: center; justify-content: space-between; }
.mxw-body { padding: 20px; }
.mxw-foot { padding: 20px; border-top: 1px dashed #e5e7eb; }
.mxw-title { margin: 0; font-size: 20px; font-weight: 700; }
.mxw-muted { color: #64748b; }

.mxw-section-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    padding: 16px 0;
    border-bottom: 1px solid #e5e7eb;
    color: #0f172a;
}

.mxw-input, .mxw-select, .mxw-textarea { width: 100%; padding: 12px 14px; border: none; border-radius: 0; font-family: inherit; font-size: 15px; background: #f3f4f6; transition: box-shadow .2s, background .2s; }
.mxw-input:focus, .mxw-select:focus, .mxw-textarea:focus { outline: none; box-shadow: 0 0 0 3px rgba(37,99,235,.15); background: #fff; }
.mxw-grid-2 { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 640px) { .mxw-grid-2 { grid-template-columns: 1fr 1fr; } }
.mxw-grid-3 { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 900px) { .mxw-grid-3 { grid-template-columns: repeat(3, 1fr); } }
.mxw-row { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.mxw-row-between { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mxw-stack { display: flex; flex-direction: column; gap: 10px; }

.mxw-flow { display: flex; flex-wrap: wrap; gap: 8px; }
.mxw-flow button { border: 1px solid #e5e7eb; background: #fff; padding: 6px 10px; border-radius: 10px; cursor: pointer; }
.mxw-flow button.active { border-color: #2563eb; color: #2563eb; }

.mxw-address-box { border: 1px solid #e5e7eb; background: #fbfdff; border-radius: 14px; padding: 14px; display: flex; flex-direction: column; gap: 12px; }
.mxw-address-item { padding: 10px 12px; border: 1px dashed #e5e7eb; border-radius: 12px; background: #fff; display: flex; justify-content: space-between; align-items: center; }

.mxw-payopt { display: flex; gap: 10px; align-items: center; padding: 12px; border: 2px solid #e5e7eb; border-radius: 12px; background: #fff; cursor: pointer; transition: all 0.2s ease; flex: 1; }
.mxw-payopt:hover { border-color: #2563eb; background: #f0f7ff; }
.mxw-payopt input { accent-color: #2563eb; }
.mxw-payopt input:checked + * { color: #2563eb; font-weight: 600; }
.mxw-payopt.selected { border-color: #2563eb; background: #f0f7ff; box-shadow: 0 0 0 3px rgba(37,99,235,0.1); }

#mxwPaymentMethods { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 640px) { #mxwPaymentMethods { grid-template-columns: 1fr; } }

.mxw-item { display: grid; grid-template-columns: 72px 1fr auto; gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid #f1f5f9; }
.mxw-thumb { width: 72px; height: 72px; border-radius: 12px; overflow: hidden; border: 1px solid #e5e7eb; background: #f8fafc; }
.mxw-thumb img { width: 100%; height: 100%; object-fit: cover; }
.mxw-item-title { margin: 0; font-size: 16px; font-weight: 600; }
.mxw-item-price { font-weight: 700; font-size: 15px; white-space: nowrap; }
.mxw-spec-grid { display: grid; grid-template-columns: repeat(3, auto); gap: 8px; align-items: center; }
@media (max-width: 520px) { .mxw-spec-grid { grid-template-columns: repeat(2, auto); } }
.mxw-chip { padding: 4px 8px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 999px; font-size: 12px; color: #334155; }

.mxw-total-row { display: flex; justify-content: space-between; margin: 10px 0; font-size: 15px; }
.mxw-grand { font-size: 18px; font-weight: 800; }

.mxw-btn { background: #2563eb; color: #fff; padding: 12px 16px; border: none; border-radius: 12px !important; font-weight: 700; cursor: pointer; transition: filter .2s; }
.mxw-btn:hover { filter: brightness(.95); }
.mxw-btn.ghost { background: #fff; color: #334155; border: 1px dashed #e5e7eb; }

.mxw-coupon { display: flex; gap: 10px; margin: 12px 0; }
.mxw-coupon .mxw-input { flex: 1; }

.mxw-alert { padding: 12px; border-radius: 12px; font-size: 14px; border: 1px solid #e5e7eb; background: #f8fafc; }
.mxw-alert.success { background: #ecfdf5; border-color: #bbf7d0; color: #065f46; }
.mxw-alert.warn { background: #fffbeb; border-color: #fde68a; color: #92400e; }

.mxw-modal { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: rgba(0,0,0,.35); z-index: 999; }
.mxw-modal .mxw-dialog { width: min(520px, 92vw); max-height: 90vh; background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; box-shadow: 0 12px 30px rgba(2,6,23,.2); display: flex; flex-direction: column; }
.mxw-dialog-h { padding: 14px 16px; border-bottom: 1px solid #eef2f7; display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
.mxw-dialog-b { padding: 16px; flex: 1; overflow-y: auto; min-height: 0; }
.mxw-dialog-f { padding: 16px; border-top: 1px solid #eef2f7; display: flex; gap: 10px; justify-content: flex-end; flex-shrink: 0; position: relative; z-index: 10; background: #fff; }

#mxwAddrModal .mxw-dialog { max-height: 90vh; }
#mxwAddrModal .mxw-dialog-f { position: relative; z-index: 10; background: #fff; flex-shrink: 0; }
#mxwAddrModal .mxw-dialog-b { overflow-y: auto; min-height: 0; flex: 1; }

.checkout-breadcrumb {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 12px 0;
}

.checkout-breadcrumb .container {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 100%;
}

.checkout-breadcrumb .breadcrumb-list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 4px;
}

.checkout-breadcrumb .breadcrumb-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.checkout-breadcrumb .breadcrumb-item:not(:last-child)::after {
    content: '›';
    margin: 0 8px;
    color: #6c757d;
    flex-shrink: 0;
}

.checkout-breadcrumb .breadcrumb-item a {
    color: #007bff;
    text-decoration: none;
    display: inline-block;
}

.checkout-breadcrumb .breadcrumb-item a:hover {
    text-decoration: none;
}

.checkout-breadcrumb .breadcrumb-item.active {
    color: #6c757d;
}

@media (max-width: 768px) {
    .checkout-breadcrumb { padding: 10px 0; }
    .checkout-breadcrumb .container { padding: 0 15px; }
    .checkout-breadcrumb .breadcrumb-list { font-size: 13px; gap: 2px; }
    .checkout-breadcrumb .breadcrumb-item:not(:last-child)::after { margin: 0 6px; font-size: 12px; }
    .checkout-breadcrumb .breadcrumb-item a,
    .checkout-breadcrumb .breadcrumb-item.active span { font-size: 13px; }
}

@media (max-width: 480px) {
    .checkout-breadcrumb { padding: 8px 0; }
    .checkout-breadcrumb .container { padding: 0 12px; }
    .checkout-breadcrumb .breadcrumb-list { font-size: 12px; }
    .checkout-breadcrumb .breadcrumb-item:not(:last-child)::after { margin: 0 4px; font-size: 11px; }
    .checkout-breadcrumb .breadcrumb-item a,
    .checkout-breadcrumb .breadcrumb-item.active span { font-size: 12px; }
}

.skip-to-content {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #000;
    color: #fff;
    padding: 8px;
    text-decoration: none;
    z-index: 1000;
}

.skip-to-content:focus {
    top: 6px;
}

.sticky-sidebar {
    position: sticky;
    top: 20px;
    height: fit-content;
}

@media (max-width: 979px) {
    .sticky-sidebar {
        position: static;
    }
}

.mxw-btn:hover {
    background: #047857 !important;
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3) !important;
}

.mxw-address-item {
    border: 2px solid #e5e7eb;
    transition: all 0.3s ease;
    cursor: pointer;
}

.mxw-address-item:hover {
    border-color: #10b981;
    background-color: #f0fdf4;
}

.mxw-address-item.selected {
    border-color: #10b981 !important;
    background-color: #f0fdf4 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.mxw-address-item input[type="radio"]:checked + * {
    color: #10b981;
    font-weight: 600;
}

/* Inline → class utilities (blade temizliği) */
.mxw-line { height: 1px; background: #e5e7eb; margin: 14px 0; }
.mxw-hidden { display: none; }
.mxw-mb-3 { margin-bottom: 12px; }
.mxw-mt-3 { margin-top: 12px; }
.mxw-text-right { text-align: right; }
.mxw-stack.mxw-text-right { text-align: right; }
.mxw-muted-sm { font-size: 12px; margin-top: 4px; color: #6b7280; }
.mxw-muted-xs { font-size: 12px; margin-top: -4px; margin-bottom: 8px; color: #64748b; }
.mxw-fs-12 { font-size: 12px; }
.mxw-fs-13 { font-size: 13px; }
.mxw-fs-18 { font-size: 18px; }
.mxw-flex-col { display: flex; flex-direction: column; gap: 4px; flex: 1; }
.mxw-btn-save { padding: 8px 16px; font-size: 12px; font-weight: 500; background: #059669; color: white; border: none; border-radius: 6px; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 1px 4px rgba(5,150,105,0.2); }
.mxw-btn-save i { margin-right: 6px; }
.mxw-list { margin: 0; padding-left: 20px; }
/* ==========================================
   MODERN HOMEPAGE SECTIONS - GLOBAL STYLES
   ========================================== */

/* Modern Section Titles - Global */
.homepagecategory__title,
.section-title.fs-30,
.homepage-section-title {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
}

.homepagecategory__subtitle,
.section-subtitle.fs-15,
.homepage-section-subtitle {
    font-size: 15px !important;
    color: #6b7280 !important;
    margin: 0 0 24px 0 !important;
    line-height: 1.5 !important;
}

.homepagecategory__header {
    text-align: center;
    margin-bottom: 20px;
    padding: 0 20px;
}

/* Modern Product Slider Sections */
.homepage-product-slider-section {
    padding: 50px 0;
    background: #ffffff;
    position: relative;
}

.homepage-product-slider-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #c32929, #01796f);
}

/* Modern Category Slider */


.homepagecategory__container {
    position: relative;
    z-index: 1;
}

/* Modern Blog Posts Section */
.blog-carousel {
    padding: 50px 0;
    background: #ffffff;
    position: relative;
}

.blog-carousel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #c32929, #01796f);
}

/* Modern Testimonials Section */
.testimonials-section-modern {
    padding: 50px 0;
    background: linear-gradient(to bottom, #fafafa 0%, #ffffff 100%);
    position: relative;
}

.testimonials-section-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #c32929, #01796f);
}

/* Modern Features Section */
.features-section-modern {
    padding: 50px 0;
    background: #ffffff;
    position: relative;
}

.features-section-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #c32929, #01796f);
}

/* Modern Google Reviews Section */
.google-reviews-section-modern {
    padding: 50px 0;
    background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%);
    position: relative;
}

.google-reviews-section-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #c32929, #01796f);
}

/* Modern Instagram Feed Section */
.instagram-feed-section-modern {
    padding: 50px 0;
    background: #ffffff;
    position: relative;
}

.instagram-feed-section-modern::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #c32929, #01796f);
}

/* Responsive Section Styles */
@media (max-width: 991px) {
    .homepagecategory__title,
    .section-title.fs-30,
    .homepage-section-title {
        font-size: 28px !important;
    }
    
    .homepagecategory__subtitle,
    .section-subtitle.fs-15,
    .homepage-section-subtitle {
        font-size: 14px !important;
    }
    
    .homepagecategory__header {
        margin-bottom: 32px;
        padding: 0 16px;
    }
    
    .homepage-product-slider-section,
    .homepagecategory,
    .blog-carousel,
    .testimonials-section-modern,
    .features-section-modern,
    .google-reviews-section-modern,
    .instagram-feed-section-modern {
        padding: 40px 0;
    }
}

@media (max-width: 768px) {
    .homepagecategory__title,
    .section-title.fs-30,
    .homepage-section-title {
        font-size: 24px !important;
        margin-bottom: 8px !important;
    }
    
    .homepagecategory__subtitle,
    .section-subtitle.fs-15,
    .homepage-section-subtitle {
        font-size: 13px !important;
        margin-bottom: 20px !important;
    }
    
    .homepagecategory__header {
        margin-bottom: 24px;
        padding: 0 12px;
    }
    
    .homepage-product-slider-section,
    .homepagecategory,
    .blog-carousel,
    .testimonials-section-modern,
    .features-section-modern,
    .google-reviews-section-modern,
    .instagram-feed-section-modern {
        padding: 32px 0;
    }
}

@media (max-width: 480px) {
    .homepagecategory__title,
    .section-title.fs-30,
    .homepage-section-title {
        font-size: 22px !important;
    }
    
    .homepagecategory__subtitle,
    .section-subtitle.fs-15,
    .homepage-section-subtitle {
        font-size: 12px !important;
    }
    
    .homepagecategory__header {
        margin-bottom: 20px;
        padding: 0 10px;
    }
    
    .homepage-product-slider-section,
    .homepagecategory,
    .blog-carousel,
    .testimonials-section-modern,
    .features-section-modern,
    .google-reviews-section-modern,
    .instagram-feed-section-modern {
        padding: 24px 0;
    }
}

/* productdetail - Benzer ürünler yeniden tasarım */
.similar-products-section .product-card-wrapper{border:0 !important;border-radius:10px;background:transparent !important;transition:box-shadow .2s ease,transform .2s ease}
.similar-products-section .new-pc__img-wrapper{position: relative; overflow:hidden;border-bottom:0 !important; aspect-ratio:auto !important}
.similar-products-section .new-pc__img{object-fit:cover;width:100%;height:100%}
.similar-products-section .new-pc__content{padding:12px 12px 14px}
.similar-products-section .new-pc__title{font-size:14px;line-height:1.35;margin:0 0 6px 0;color:#1f1f1f}
.similar-products-section .new-pc__price{font-weight:600;color:#111;margin-top:6px}
.similar-products-section .product-image-link{text-decoration:none}
.similar-products-section .featured-product-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#111;border:1px solid #eee;border-radius:999px;padding:4px 8px;font-size:12px}
.similar-products-section .swiper-container{padding-bottom:0}
.similar-products-section .products-pagination{bottom:-2px}

/* Başlık ve boşluklar */
.similar-products-section{padding-top:20px !important;padding-bottom:20px !important}
.similar-products-section .swiper-wrapper{height:auto !important}
.similar-products-section .swiper-slide{height:auto !important}
.similar-products-section .swiper-container{height:auto !important}
.similar-products-section .product-image-container{height:auto !important;padding-top:0 !important}
.similar-products-section .new-product-card{height:auto !important}
.similar-products-section .new-variant-content{margin-top:8px !important}

/* ==========================================
   MODERN SIMILAR PRODUCTS SECTION
   ========================================== */
.similar-products-section {
    padding: 50px 0;
    background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%);
    position: relative;
    overflow: hidden;
}

.similar-products-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #c32929, #01796f);
}

.similar-products-section .similar-products__title {
    font-size: 32px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
    line-height: 1.2;
    padding: 0 20px;
}

.similar-products-section .similar-products__title-strong {
    color: #c32929;
    font-weight: 800;
}

.similar-products-section .similar-products__title-light {
    color: #6b7280;
    font-weight: 400;
}

.similar-products-section .similar-products__subtitle {
    font-size: 15px;
    color: #6b7280;
    margin: 0 0 24px 0;
    line-height: 1.5;
    padding: 0 20px;
}

/* Başlık yanında navigation butonları */
.recently-viewed-products-section .d-flex.align-items-center.justify-content-between,
.similar-products-section .d-flex.align-items-center.justify-content-between {
    align-items: flex-start !important;
    gap: 1rem;
}

.recently-viewed-products-section .flex-grow-1,
.similar-products-section .flex-grow-1 {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 768px) {
    .similar-products-section {
        padding: 32px 0;
    }
    
    .similar-products-section .similar-products__title {
        font-size: 22px;
        padding: 0 12px;
    }
    
    .similar-products-section .similar-products__subtitle {
        font-size: 13px;
        padding: 0 12px;
    }
}

@media (max-width: 480px) {
    .similar-products-section {
        padding: 24px 0;
    }
    
    .similar-products-section .similar-products__title {
        font-size: 20px;
        padding: 0 10px;
    }
    
    .similar-products-section .similar-products__subtitle {
        font-size: 12px;
        padding: 0 10px;
    }
}

/* BENZER ÜRÜNLER - SON GEZDİĞİNİZ ÜRÜNLER gibi genişlik ayarları */
.similar-products-section .similar_products_slider {
    position: relative;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 768px) {
    .similar-products-section .similar_products_slider,
    .recently-viewed-products-section .uomo-recently-viewed-slider {
        padding: 0 !important;
    }
}

.similar-products-section .similar_products_slider--single {
    padding: 0 !important;
}

/* Hover etiketlerini kaldır */
.similar-products-section .product-card-wrapper:hover .product-thumbnail-gallery,
.similar-products-section .product-hover-gallery-container,
.similar-products-section .product-hover-gallery-container:hover {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.similar-products-section .product-thumbnail-gallery {
    display: none !important;
}

/* Benzer Ürünler başlık stili */
.similar-products__title{margin-top:0;margin-bottom:8px}
.similar-products__title-strong{font-weight:800 !important}
.similar-products__title-light{font-weight:300}
.productdetail .similar-products__title{margin:0;color:#111;text-transform:none}
.productdetail .similar-products__title-strong{font-weight:800;letter-spacing:.5px}
.productdetail .similar-products__title-light{font-weight:400}
.productdetail .similar-products__subtitle{font-size:13px;margin-top:4px}
.productdetail #similar_products_slider .products-pagination{margin-top:8px !important}
/* ==========================================
   MODERN HOMEPAGE PRODUCT SLIDER
   ========================================== */
.homepage-product-slider {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
}

.produc_slider {
    position: relative;
    padding: 0 20px;
    overflow: hidden;
}

.produc_slider__swiper.js-slick-slider {
    position: relative;
    overflow: hidden;
}

.produc_slider__swiper.js-slick-slider .slick-slide {
    padding: 0 8px;
}

.homepage-product-slider__slide {
    padding: 0 8px;
}

.homepage-product-slider__slide .product-card-wrapper {
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.homepage-product-slider__slide .product-card-wrapper:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

/* Modern Navigation Buttons */
.produc_slider__prev,
.produc_slider__next {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: white;
    border: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.produc_slider__prev {
    left: 0;
}

.produc_slider__next {
    right: 0;
}

.produc_slider__prev:hover,
.produc_slider__next:hover {
    background: #c32929;
    border-color: #c32929;
    transform: translateY(-50%) translateY(-2px);
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.2);
}

.produc_slider__prev.slick-disabled,
.produc_slider__next.slick-disabled,
.produc_slider__prev:disabled,
.produc_slider__next:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .produc_slider {
        padding: 0 12px;
    }
    
    .produc_slider__swiper.js-slick-slider .slick-slide,
    .homepage-product-slider__slide {
        padding: 0 6px;
    }
    
    .produc_slider__prev,
    .produc_slider__next {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }
}

@media (max-width: 480px) {
    .produc_slider {
        padding: 0 10px;
    }
    
    .produc_slider__swiper.js-slick-slider .slick-slide,
    .homepage-product-slider__slide {
        padding: 0 4px;
    }
    
    .produc_slider__prev,
    .produc_slider__next {
        width: 36px;
        height: 36px;
    }
}

/* ===========================================
   TÜM SLİDER'LAR İÇİN TEMEL SLICK CSS
   =========================================== */

/* Slick Slider Temel Yapı - Tüm Slider'lar İçin Ortak */
.js-slick-slider {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
    visibility: visible;
    opacity: 1;
}

.js-slick-slider .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}

.js-slick-slider .slick-track {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
}

.js-slick-slider .slick-slide {
    float: left;
    height: auto;
    box-sizing: border-box;
    min-height: 1px;
    display: block;
    visibility: visible;
    opacity: 1;
}

/* Slick başlatılmadan önce slide'ları göster (fallback) - sadece mobilde */

/* Slick initialized durumu */
.js-slick-slider.slick-initialized .slick-slide {
    display: block;
}

.js-slick-slider .slick-slide > div {
    height: 100%;
}

/* ===========================================
   ÜRÜN SLİDER (produc_slider)
   =========================================== */
.produc_slider {
    position: relative;
    margin-bottom: 40px;
}

.produc_slider__swiper.js-slick-slider .slick-slide {
    padding: 0 10px;
}

/* Vanilla JS Product Slider Container */
.uomo-product-slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

/* Vanilla JS Product Slider Track */
.uomo-product-slider-track {
    display: flex;
    flex-direction: row;
    transition: transform 0.35s ease;
    will-change: transform;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    box-sizing: border-box;
    gap: 24px;
}

.uomo-product-slider-slide {
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0;
    min-width: 0;
}

.homepage-product-slider__slide {
    display: block;
    height: 100%;
    background: transparent;
    text-align: left;
}

.homepage-product-slider__slide .product-card-wrapper {
    height: 100%;
}

.produc_slider__prev,
.produc_slider__next {
    z-index: 10;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.produc_slider__prev.slick-disabled,
.produc_slider__next.slick-disabled,
.produc_slider__prev:disabled,
.produc_slider__next:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* ===========================================
   MODERN TABBED PRODUCT SLIDER
   =========================================== */
.produc_tab_slider {
    position: relative;
    margin-bottom: 0;
    padding: 0 20px;
}

.produc_tab_slider__swiper.js-slick-slider {
    position: relative;
    overflow: hidden;
}

.produc_tab_slider__swiper.js-slick-slider .slick-slide {
    padding: 0 8px;
}

.produc_tab_slider__slide {
    display: block;
    height: 100%;
    background: transparent;
    text-align: left;
    padding: 0 8px;
}

.produc_tab_slider__slide .product-card-wrapper {
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.produc_tab_slider__slide .product-card-wrapper:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

.produc_tab_slider__prev,
.produc_tab_slider__next {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: white;
    border: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.produc_tab_slider__prev {
    left: 0;
}

.produc_tab_slider__next {
    right: 0;
}

.produc_tab_slider__prev:hover,
.produc_tab_slider__next:hover {
    background: #c32929;
    border-color: #c32929;
    transform: translateY(-50%) translateY(-2px);
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.2);
}

.produc_tab_slider__prev.slick-disabled,
.produc_tab_slider__next.slick-disabled,
.produc_tab_slider__prev:disabled,
.produc_tab_slider__next:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

@media (max-width: 768px) {
    .produc_tab_slider {
        padding: 0 12px;
    }
    
    .produc_tab_slider__swiper.js-slick-slider .slick-slide,
    .produc_tab_slider__slide {
        padding: 0 6px;
    }
    
    .produc_tab_slider__prev,
    .produc_tab_slider__next {
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }
}

@media (max-width: 480px) {
    .produc_tab_slider {
        padding: 0 10px;
    }
    
    .produc_tab_slider__swiper.js-slick-slider .slick-slide,
    .produc_tab_slider__slide {
        padding: 0 4px;
    }
    
    .produc_tab_slider__prev,
    .produc_tab_slider__next {
        width: 36px;
        height: 36px;
    }
}

.produc_tab_slider__prev.slick-disabled,
.produc_tab_slider__next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===========================================
   BENZER ÜRÜNLER SLİDER (similar_products_slider)
   =========================================== */
.similar_products_slider {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 40px;
}

.similar_products_slider__swiper.js-slick-slider .slick-slide {
    padding: 0 10px;
}

.similar_products_slider__slide {
    display: block;
    height: 100%;
    background: transparent;
    text-align: left;
}

.similar_products_slider__slide .product-card-wrapper {
    height: 100%;
}

.similar_products_slider__prev,
.similar_products_slider__next {
    z-index: 10;
    cursor: pointer;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 32px !important;
    height: 32px !important;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.similar_products_slider__prev:hover,
.similar_products_slider__next:hover {
    background: #f9fafb;
    border-color: #d1d5db;
}

.similar_products_slider__prev.slick-disabled,
.similar_products_slider__next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Başlık yanındaki navigation butonları */
.similar-products__nav-buttons {
    flex-shrink: 0;
}

/* Recently Viewed Products Header Layout */
/* ==========================================
   MODERN RECENTLY VIEWED PRODUCTS SECTION
   ========================================== */
.recently-viewed-products-section {
    padding: 50px 0;
    background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%);
    position: relative;
    overflow: hidden;
}

.recently-viewed-products-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #c32929, #01796f);
}

.recently-viewed-products-header,
.similar-products-section .recently-viewed-products-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 0 20px;
}

.recently-viewed-products-header__content {
    flex: 1 1 auto;
    min-width: 0;
}

.recently-viewed-products-section .similar-products__title {
    font-size: 32px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.recently-viewed-products-section .similar-products__title-strong {
    color: #c32929;
    font-weight: 800;
}

.recently-viewed-products-section .similar-products__title-light {
    color: #6b7280;
    font-weight: 400;
}

.recently-viewed-products-section .similar-products__subtitle {
    font-size: 15px;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

/* Modern Navigation Buttons */
.recently-viewed-products-section .similar-products__nav-buttons,
.similar-products-section .similar-products__nav-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.recently-viewed-products-section .similar-products__nav-buttons .similar_products_slider__prev,
.recently-viewed-products-section .similar-products__nav-buttons .similar_products_slider__next,
.similar-products-section .similar-products__nav-buttons .similar_products_slider__prev,
.similar-products-section .similar-products__nav-buttons .similar_products_slider__next {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: white;
    border: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.recently-viewed-products-section .similar-products__nav-buttons .similar_products_slider__prev:hover,
.recently-viewed-products-section .similar-products__nav-buttons .similar_products_slider__next:hover,
.similar-products-section .similar-products__nav-buttons .similar_products_slider__prev:hover,
.similar-products-section .similar-products__nav-buttons .similar_products_slider__next:hover {
    background: #c32929;
    border-color: #c32929;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.2);
}

.recently-viewed-products-section .similar-products__nav-buttons .similar_products_slider__prev:hover svg,
.recently-viewed-products-section .similar-products__nav-buttons .similar_products_slider__next:hover svg,
.similar-products-section .similar-products__nav-buttons .similar_products_slider__prev:hover svg,
.similar-products-section .similar-products__nav-buttons .similar_products_slider__next:hover svg {
    color: white;
}

.recently-viewed-products-section .similar-products__nav-buttons svg,
.similar-products-section .similar-products__nav-buttons svg {
    width: 20px;
    height: 20px;
    color: #c32929;
    transition: color 0.3s ease;
}

/* Modern Slider Container */
.recently-viewed-products-section .uomo-recently-viewed-slider {
    padding: 0 20px;
    position: relative;
}

.recently-viewed-products-section .uomo-recently-viewed-slide {
    padding: 0 8px;
}

.recently-viewed-products-section .uomo-recently-viewed-slide .new-product-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #f0f0f0;
    height: 100%;
}

.recently-viewed-products-section .uomo-recently-viewed-slide .new-product-card:hover {
    transform: none;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border-color: #f0f0f0;
}

@media (max-width: 991px) {
    .recently-viewed-products-section {
        padding: 40px 0;
    }
    
    .recently-viewed-products-header {
        padding: 0 16px;
        margin-bottom: 1.5rem;
    }
    
    .recently-viewed-products-section .similar-products__title {
        font-size: 26px;
    }
    
    .recently-viewed-products-section .uomo-recently-viewed-slider {
        padding: 0 16px;
    }
}

@media (max-width: 768px) {
    .recently-viewed-products-section {
        padding: 32px 0;
    }
    
    .recently-viewed-products-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        margin-bottom: 1.25rem;
        padding: 0 12px;
    }
    
    .recently-viewed-products-section .similar-products__title {
        font-size: 22px;
        margin-bottom: 6px;
    }
    
    .recently-viewed-products-section .similar-products__subtitle {
        font-size: 13px;
    }
    
    .recently-viewed-products-section .similar-products__nav-buttons {
        display: flex !important;
        align-self: flex-start;
        gap: 6px;
    }
    
    .recently-viewed-products-section .similar-products__nav-buttons .similar_products_slider__prev,
    .recently-viewed-products-section .similar-products__nav-buttons .similar_products_slider__next {
        width: 40px !important;
        height: 40px !important;
        border-radius: 10px;
    }
    
    .recently-viewed-products-section .uomo-recently-viewed-slider {
        padding: 0 12px;
    }
    
    .recently-viewed-products-section .uomo-recently-viewed-slide {
        padding: 0 6px;
    }
    
    .recently-viewed-products-section .uomo-recently-viewed-slide .new-product-card {
        border-radius: 12px;
    }
}

@media (max-width: 480px) {
    .recently-viewed-products-section {
        padding: 24px 0;
    }
    
    .recently-viewed-products-header {
        padding: 0 10px;
        margin-bottom: 1rem;
    }
    
    .recently-viewed-products-section .similar-products__title {
        font-size: 20px;
    }
    
    .recently-viewed-products-section .similar-products__subtitle {
        font-size: 12px;
    }
    
    .recently-viewed-products-section .similar-products__nav-buttons .similar_products_slider__prev,
    .recently-viewed-products-section .similar-products__nav-buttons .similar_products_slider__next {
        width: 36px !important;
        height: 36px !important;
    }
    
    .recently-viewed-products-section .uomo-recently-viewed-slider {
        padding: 0 10px;
    }
    
    .recently-viewed-products-section .uomo-recently-viewed-slide {
        padding: 0 4px;
    }
}

/* Tek ürün durumu için column yapısı */
.similar_products_slider--single {
    padding: 0 !important;
}

.similar_products_slider--single .similar_products_slider__swiper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.similar_products_slider--single .similar_products_slider__swiper:not(.slick-initialized) {
    display: block !important;
}

.similar_products_slider--single .similar_products_slider__swiper .slick-list {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
}

.similar_products_slider--single .similar_products_slider__swiper .slick-track {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    transform: none !important;
}

/* Slider başlatılmadan önce fallback */
.similar_products_slider--single .similar_products_slider__swiper:not(.slick-initialized) {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.similar_products_slider--single .similar_products_slider__slide {
    float: none !important;
    width: 100% !important;
    max-width: 300px;
    margin: 0 auto;
    display: block !important;
}

.similar_products_slider--single .similar_products_slider__slide .product-card-wrapper {
    width: 100%;
    max-width: 100%;
}

/* Mobilde tek ürün için */
@media (max-width: 767.98px) {
    .similar_products_slider--single .similar_products_slider__slide {
        max-width: 100%;
        padding: 0 15px;
    }
}

/* Tablet ve üzeri için */
@media (min-width: 768px) {
    .similar_products_slider--single .similar_products_slider__slide {
        max-width: 350px;
    }
}

@media (min-width: 992px) {
    .similar_products_slider--single .similar_products_slider__slide {
        max-width: 300px;
    }
}

/* ===========================================
   HERO SLİDER (homepage-hero-slider)
   =========================================== */
.homepage-hero-slider__swiper.js-slick-slider .slick-slide {
    padding: 0;
}

.homepage-hero-slider__prev,
.homepage-hero-slider__next {
    z-index: 10;
    cursor: pointer;
}

.homepage-hero-slider__prev.slick-disabled,
.homepage-hero-slider__next.slick-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===========================================
   YORUMLAR SLİDER (testimonials-slider)
   =========================================== */
.testimonials-slider {
    position: relative;
    margin-bottom: 40px;
}

.testimonials-slider__swiper.js-slick-slider .slick-list {
    padding: 0 60px;
}

.testimonials-slider__swiper.js-slick-slider .slick-slide {
    padding: 0 15px;
}


/* ===========================================
   KATEGORİ SLİDER (homepagecategory)
   =========================================== */
[data-homepagecategory-slider] {
    position: relative;
    overflow: hidden;
}

[data-homepagecategory-slider] .homepagecategory-card__track {
    display: flex;
    transition: transform 0.3s ease;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    flex-shrink: 1;
    flex-grow: 0;
}

[data-homepagecategory-slider] .homepagecategory-card__product {
    flex-shrink: 0;
}

/* ===========================================
   BOOTSTRAP COLUMN YAPISI İLE SLİDER CSS
   =========================================== */

/* Slick slide'ları Bootstrap row yapısına uygun hale getir */
.js-slick-slider .slick-slide {
    padding-left: 12px;
    padding-right: 12px;
}

.js-slick-slider .slick-slide > div {
    width: 100%;
    max-width: 100%;
}

/* Ürün kartları Bootstrap grid uyumlu */
.similar_products_slider .product-card-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/* ===========================================
   MOBİL CSS - BOOTSTRAP COLUMN YAPISI (max-width: 767.98px)
   =========================================== */
.checkoutpage-auth-callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px;
    border: 1px solid #d5dae4;
    border-radius: 16px;
    background-color: #f1f5f9;
    margin-top: 16px;
}

.checkoutpage-auth-callout__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checkoutpage-auth-callout__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    background-color: #e2e8f0;
    color: #1f2937;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.checkoutpage-auth-callout__title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.checkoutpage-auth-callout__text {
    margin: 0;
    font-size: 0.9375rem;
    color: #475569;
    line-height: 1.6;
}

.checkoutpage-auth-callout__actions {
    display: flex;
    flex-shrink: 0;
}

.checkoutpage-auth-callout__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-radius: 999px;
    border: 1px solid #0f172a;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
}

.checkoutpage-auth-callout__cta i {
    font-size: 1.125rem;
}

.checkoutpage-auth-callout__cta:hover {
    background-color: #1e293b;
    border-color: #1e293b;
    color: #ffffff;
}


.checkoutpage-login-sheet {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background-color: rgba(15, 23, 42, 0.55);
    z-index: 1300;
}

.checkoutpage-login-sheet.is-visible {
    display: flex;
}

.checkoutpage-login-sheet__dialog {
    width: 100%;
    max-width: 420px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 28px 60px rgba(15, 23, 42, 0.18);
    display: flex;
    flex-direction: column;
}

.checkoutpage-login-sheet__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 24px 0 24px;
}

.checkoutpage-login-sheet__title {
    margin: 0 0 6px 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.checkoutpage-login-sheet__subtitle {
    margin: 0;
    font-size: 0.9375rem;
    color: #475569;
    line-height: 1.5;
}

.checkoutpage-login-sheet__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background-color: transparent;
    color: #0f172a;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.checkoutpage-login-sheet__close i {
    font-size: 1rem;
}

.checkoutpage-login-sheet__close:hover {
    background-color: #f8fafc;
    border-color: #cbd5e1;
}

.checkoutpage-login-sheet__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 24px 24px 24px;
}

.checkoutpage-login-sheet__form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checkoutpage-login-sheet__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 12px;
    border: none;
    background-color: #0f172a;
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.checkoutpage-login-sheet__submit:hover {
    background-color: #1e293b;
}

.checkoutpage-login-sheet__divider {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.8125rem;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.checkoutpage-login-sheet__divider::before,
.checkoutpage-login-sheet__divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: #e2e8f0;
}

.checkoutpage-login-sheet__google {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checkoutpage-login-sheet__google-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 12px 18px;
    border-radius: 12px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    color: #0f172a;
    font-size: 0.9375rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
    text-decoration: none;
}

.checkoutpage-login-sheet__google-button i {
    font-size: 1.1rem;
    color: #dc2626;
}

.checkoutpage-login-sheet__google-button:hover {
    border-color: #0f172a;
    color: #0f172a;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
}

body.checkoutpage-lock-scroll {
    overflow: hidden;
}

.checkoutpage-coupon {
    margin: 20px 0;
    padding: 18px;
    border: 1px solid #d9e2f1;
    border-radius: 16px;
    background: #f5f7fc;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
}

.checkoutpage-coupon__header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.checkoutpage-coupon__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #2563eb;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.checkoutpage-coupon__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.checkoutpage-coupon__title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.checkoutpage-coupon__subtitle {
    font-size: 13px;
    color: #64748b;
}

.checkoutpage-coupon__body {
    margin-top: 8px;
}

.checkoutpage-coupon__form {
    display: flex;
    gap: 10px;
    align-items: center;
}

.checkoutpage-coupon__input {
    flex: 1;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid #d0dbeF;
    background-color: #ffffff;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.checkoutpage-coupon__input:focus {
    border-color: #2563eb;
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.checkoutpage-coupon__button {
    padding: 11px 18px;
    border-radius: 12px;
    border: none;
    background: #2563eb;
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.checkoutpage-coupon__button:hover:not(:disabled) {
    background: #1d4ed8;
    transform: translateY(-1px);
}

.checkoutpage-coupon__button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.checkoutpage-coupon__hint {
    margin: 10px 0 0;
    font-size: 12px;
    color: #64748b;
}

.checkoutpage-coupon__error {
    margin: 8px 0 0;
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 600;
    color: #dc2626;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkoutpage-coupon__error::before {
    content: "⚠";
    font-size: 16px;
    line-height: 1;
}

.checkoutpage-coupon__input--error {
    border-color: #dc2626 !important;
    background-color: #fef2f2 !important;
}

.checkoutpage-coupon__input--error:focus {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1) !important;
}

.checkoutpage-coupon__applied {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    background: #ecfdf5;
    border: 1px solid #bbf7d0;
}

.checkoutpage-coupon__badge {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #047857;
}

.checkoutpage-coupon__badge i {
    font-size: 18px;
}

.checkoutpage-coupon__badge-code {
    font-size: 14px;
    font-weight: 700;
    display: block;
}

.checkoutpage-coupon__badge-value {
    font-size: 12px;
    display: block;
}

.checkoutpage-coupon__remove {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-radius: 10px;
    border: none;
    background: #dc2626;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.checkoutpage-coupon__remove:hover {
    background: #b91c1c;
    transform: translateY(-1px);
}

.checkoutpage-contracts {
    padding: 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background-color: #f9fafb;
    margin-bottom: 20px;
}

.checkoutpage-contracts__title {
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.checkoutpage-contracts__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.checkoutpage-contracts__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: #475569;
    cursor: pointer;
}

.checkoutpage-contracts__item input[type="checkbox"] {
    margin-top: 2px;
    width: 16px;
    height: 16px;
}

.checkoutpage-contracts__text {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 4px;
    line-height: 1.4;
}

.checkoutpage-contracts__link {
    color: #2563eb;
    text-decoration: none;
    font-weight: 600;
}

.checkoutpage-contracts__link:hover {
    text-decoration: underline;
}

.checkoutpage-submit {
    width: 100%;
    padding: 16px 18px;
    border-radius: 16px;
    border: none;
    background: #c32929;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.checkoutpage-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.35);
    background: #c32929;
}

.checkoutpage-submit i {
    font-size: 16px;
}

.checkoutpage-actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px;
}

.checkoutpage-secondary-links {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.checkoutpage-secondary-link {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid #d5dae4;
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.checkoutpage-secondary-link:hover {
    border-color: #2563eb;
    color: #2563eb;
}

.checkoutpage-submit__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.checkoutpage-submit__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1;
}

.checkoutpage-submit__title {
    font-size: 17px;
    font-weight: 700;
}

.checkoutpage-submit__subtitle {
    font-size: 12px;
    font-weight: 400;
    color: rgba(226, 232, 240, 0.85);
}

.checkoutpage-submit__arrow {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.85);
}

.checkoutpage-payments {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #d9e2f1;
}

.checkoutpage-payments h4 {
    margin: 0 0 10px;
    font-size: 14px;
    color: #475569;
    font-weight: 600;
}

.checkoutpage-payments__methods {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.checkoutpage-payments__methods span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 10px;
    background: #eef2ff;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
}

.checkoutpage-payments__methods i {
    font-size: 14px;
}

.checkoutpage-payments__note {
    margin: 12px 0 0;
    font-size: 12px;
    color: #94a3b8;
}


/* Homepage Category Banner Slider */
.supportdetail {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.supportdetail__reply-card {
    background-color: #f9fbff;
    border: 1px solid #dbe2f3;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    overflow: hidden;
}

.supportdetail__reply-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
}

.supportdetail__reply-body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.supportdetail__reply-form .minimal-form-group {
    margin-bottom: 1rem;
}

.supportdetail__alert {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    background-color: #ecfdf5;
    border: 1px solid #bbf7d0;
    color: #065f46;
    font-weight: 600;
}

.supportdetail__alert svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.supportdetail__header {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.supportdetail__close-form {
    margin-left: auto;
}

.supportdetail__close-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    background-color: #dc2626;
    color: #ffffff;
    padding: 0.65rem 1.5rem;
    border-radius: 999px;
    font-weight: 600;
    border: none;
    box-shadow: 0 12px 28px rgba(220, 38, 38, 0.32);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.supportdetail__close-btn:hover {
    background-color: #b91c1c;
    box-shadow: 0 14px 32px rgba(185, 28, 28, 0.3);
}

.supportdetail__label {
    font-weight: 600;
    color: #0f172a;
}

.supportdetail__textarea {
    min-height: 180px;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #c7d2fe;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #1f2937;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.supportdetail__textarea:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
    outline: 0;
}

.supportdetail__file {
    border-radius: 10px;
    padding: 0.75rem;
    border: 1px dashed #c7d2fe;
    background-color: #ffffff;
}

.supportdetail__actions {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
}

.supportdetail__primary-btn,
.supportdetail__secondary-btn {
    padding: 0.75rem 1.75rem;
    font-weight: 600;
    font-size: 0.95rem;
    border-radius: 10px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
}

.supportdetail__primary-btn {
    background-color: #2563eb;
    color: #ffffff;
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.34);
    border: none;
}

.supportdetail__primary-btn:hover {
    background-color: #1d4ed8;
    box-shadow: 0 16px 32px rgba(29, 78, 216, 0.32);
}

.supportdetail__secondary-btn {
    background-color: #ffffff;
    color: #1e293b;
    border: 1.5px solid #94a3b8;
    box-shadow: 0 8px 18px rgba(148, 163, 184, 0.22);
}

.supportdetail__secondary-btn:hover {
    background-color: #f8fafc;
    border-color: #64748b;
    box-shadow: 0 12px 24px rgba(100, 116, 139, 0.22);
}

/* User Account Container - Centered Design */

/* ===== SHOP FILTER INTERFACE STYLES ===== */
.shop-filter-section {
    padding: 2rem 0;
    background-color: #ffffff;
}

.filter-header {
    margin-bottom: 2rem;
}

.shop-title {
    font-size: 2rem;
    font-weight: 400;
    color: #000000;
    margin: 0;
}

.sort-label {
    font-size: 0.9rem;
    color: #666666;
    margin-right: 0.5rem;
}

.sort-dropdown {
    border: none;
    background: none;
    font-size: 0.9rem;
    color: #000000;
    padding: 0.25rem 0;
    cursor: pointer;
}


.filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.filter-row-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

#additional-filters {
    display: none !important;
}

.hidden {
    display: none !important;
}

.filter-dropdown {
    position: relative;
}

.filter-btn {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    font-size: 0.9rem;
    color: #000000;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
    transition: all 0.2s ease;
    min-width: 120px;
    justify-content: space-between;
}

.filter-btn:hover {
    background-color: #f8f8f8;
    border-color: #cccccc;
}

.filter-btn svg {
    transition: transform 0.2s ease;
}

.filter-btn[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.more-btn {
    font-weight: 600;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 0.5rem 0;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

.dropdown-header {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 0.5rem;
}

.dropdown-item {
    padding: 0.5rem 1rem;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #000000;
    transition: background-color 0.2s ease;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
}

.dropdown-item:hover {
    background-color: #f8f8f8;
}

.dropdown-item input[type="checkbox"] {
    margin-right: 0.75rem;
    margin-top: 0;
}

.price-inputs input {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 0.5rem;
    font-size: 0.9rem;
    width: 100%;
}

.price-inputs input:focus {
    border-color: #000000;
    outline: none;
}

.clear-filters-btn {
    background-color: #dc3545;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 0.75rem 1.5rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
    min-width: 180px;
}

.clear-filters-btn:hover {
    background-color: #c82333;
    color: white;
    text-decoration: none;
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.4);
    transform: translateY(-1px);
}

.active-filters {
    padding: 1rem;
    background-color: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    margin-top: 1rem;
}

/* Aktif filtre satırı - kayma olmadan hizalı */
.active-filters-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-height: 40px;
}

/* active-filters-list - filtre etiketleri container */
.shop-filter-section .active-filters-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Clear button (active-filters içinde) - referans görsele uygun */
.shop-filter-section .active-filters .clear-filters-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: #e4e4e4;
    color: #222;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    min-height: 36px;
    box-shadow: none;
}
.shop-filter-section .active-filters .clear-filters-btn:hover {
    background: #d1d5db;
    border-color: #9ca3af;
    transform: none;
    box-shadow: none;
}
.shop-filter-section .active-filters .clear-filters-btn .clear-btn-icon {
    font-size: 1rem;
    line-height: 1;
}

/* Filtre etiketleri - referans görsele uygun, kayma yok */
.shop-filter-section .active-filters .filter-tag {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    white-space: nowrap;
    background-color: #e4e4e4;
    color: #222;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8rem;
    margin: 0;
    border: 1px solid #e0e0e0;
}

.shop-filter-section .active-filters .filter-tag .remove-filter {
    margin-left: 0.4rem;
    cursor: pointer;
    font-weight: bold;
    opacity: 0.8;
}

.shop-filter-section .active-filters .filter-tag .remove-filter:hover {
    color: #c32929;
}

/* Mobil - kayma önleme, dokunmatik uyum */
@media (max-width: 767px) {
    .shop-filter-section .active-filters {
        padding: 0.75rem 1rem;
    }
    .shop-filter-section .active-filters .clear-filters-btn {
        min-height: 44px;
        padding: 10px 14px;
    }
    .shop-filter-section .active-filters-row,
    .shop-filter-section .active-filters-list {
        gap: 0.5rem;
    }
}

/* Submenu Styles */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-item {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    color: #495057;
    text-decoration: none;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    transition: background-color 0.2s ease;
}

.dropdown-submenu .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #2c3e50;
}

.dropdown-submenu .dropdown-item i {
    font-size: 0.8rem;
    transition: transform 0.2s ease;
}

.dropdown-submenu .dropdown-item[aria-expanded="true"] i {
    transform: rotate(90deg);
}

.dropdown-submenu-list {
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 200px;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 0.5rem 0;
    z-index: 1000;
    margin-left: 0.25rem;
}

.dropdown-submenu-list .dropdown-item-checkbox {
    padding: 0.5rem 1rem;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #495057;
    transition: background-color 0.2s ease;
}

.dropdown-submenu-list .dropdown-item-checkbox:hover {
    background-color: #f8f9fa;
}

/* Responsive Design */

/* ===== VARYANT DISABLED STYLES ===== */
.pdp-iv.disabled,
.pdp-swatch.disabled,
.pdp-chip.disabled,
.pdp-select:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.pdp-iv.disabled:hover,
.pdp-swatch.disabled:hover,
.pdp-chip.disabled:hover {
    transform: none;
    box-shadow: none;
}

/* ===== STOCK INFO STYLES (Seçili Varyant Yanında) ===== */
.pdp-selected-variant .stock-info {
    color: #e74c3c;
    font-weight: bold;
    font-size: 14px;
    margin-left: 8px;
    animation: pulse 2s infinite;
}

.pdp-selected-variant .stock-info.last {
    color: #c0392b;
    font-size: 16px;
    text-shadow: 0 0 5px rgba(192, 57, 43, 0.5);
    animation: urgent-pulse 1s infinite;
}

.pdp-selected-variant .stock-info.low {
    color: #e67e22;
    font-size: 15px;
    animation: warning-pulse 1.5s infinite;
}

.pdp-selected-variant .stock-info.warning {
    color: #f39c12;
    font-size: 14px;
    animation: warning-pulse 1.5s infinite;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}

@keyframes urgent-pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes warning-pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
}

/* ===== DISCOUNT INFO STYLES ===== */
.pdp-selected-variant .discount-info {
    color: #27ae60;
    font-weight: bold;
    font-size: 14px;
    margin-left: 8px;
    animation: discount-pulse 2s infinite;
}

.pdp-selected-variant .discount-info.discount-web {
    color: #e74c3c;
    background: rgba(231, 76, 60, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #e74c3c;
}

.pdp-selected-variant .discount-info.discount-cart {
    color: #f39c12;
    background: rgba(243, 156, 18, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #f39c12;
}

.pdp-selected-variant .discount-info.discount-sale {
    color: #9b59b6;
    background: rgba(155, 89, 182, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #9b59b6;
}

.pdp-selected-variant .discount-info.discount-transaction {
    color: #3498db;
    background: rgba(52, 152, 219, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #3498db;
}

@keyframes discount-pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}

/* ===== GOOGLE REVIEWS STYLES ===== */
/* Google Reviews Section Styles */
.google-reviews-section {
    background: #f8f9fa;
    position: relative;
    overflow: hidden;
}

/* Mobilde slider altındaki boşluğu kaldır */

/* Homepage slider mobil yükseklik düzeltmesi */

.google-reviews-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(66, 133, 244, 0.05) 0%, rgba(234, 67, 53, 0.05) 100%);
    pointer-events: none;
}

.google-reviews-section__title {
    font-family: "Urbanist", sans-serif;
    font-weight: 700;
    color: #1a1a1a;
    font-size: 2.5rem;
    line-height: 1.2;
}

.google-reviews-section__subtitle {
    font-family: "Urbanist", sans-serif;
    font-size: 1.1rem;
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto;
}

/* Business Info Styles - Ultra Modern Version */
.google-reviews-business-info {
    background: #ffffff;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    border: 1px solid rgba(229, 231, 235, 0.8);
    text-align: left;
    position: relative;
}

.google-reviews-business-info__name {
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    text-align: left;
    padding-left: 0;
    line-height: 1.2;
    display: flex;
    align-items: center;
}

.google-reviews-business-info__name i {
    margin-right: 0.5rem;
}

.google-reviews-business-info__address,
.google-reviews-business-info__phone,
.google-reviews-business-info__website {
    font-size: 0.75rem;
    margin-bottom: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    padding-left: 0;
    color: #4b5563;
    font-weight: 400;
    line-height: 1.4;
}

.google-reviews-business-info__address i,
.google-reviews-business-info__phone i,
.google-reviews-business-info__website i {
    width: 14px;
    text-align: center;
    margin-right: 0.5rem;
    color: #4285f4;
    flex-shrink: 0;
    font-size: 0.7rem;
}

.google-reviews-business-info__website a {
    color: #4285f4;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 400;
}

.google-reviews-business-info__website a:hover {
    color: #4285f4;
    text-decoration: underline;
}

/* Compact Business Info - Horizontal Layout */
.google-reviews-business-info.compact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
}

.google-reviews-business-info.compact .google-reviews-business-info__name {
    margin-bottom: 0;
    font-size: 0.95rem;
    flex: 0 0 auto;
    min-width: auto;
    padding-left: 0;
}

.google-reviews-business-info.compact .google-reviews-business-info__name i {
    font-size: 1rem;
}

.google-reviews-business-info.compact .business-info-details {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.google-reviews-business-info.compact .business-info-details > div {
    display: flex;
    align-items: center;
    font-size: 0.7rem;
    color: #4b5563;
    font-weight: 400;
    padding: 0;
    background: transparent;
    border-radius: 0;
}

.google-reviews-business-info.compact .business-info-details > div:hover {
    background: transparent;
    transform: none;
    box-shadow: none;
}

.google-reviews-business-info.compact .business-info-details i {
    margin-right: 0.4rem;
    width: 12px;
    text-align: center;
    color: #4285f4;
    font-size: 0.65rem;
}

/* Rating Summary Styles - Compact Version */
.google-reviews-rating-summary {
    background: #ffffff;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    border: 1px solid rgba(229, 231, 235, 0.8);
    text-align: right;
    position: relative;
}

.google-reviews-rating-summary__stars {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    text-align: right;
    padding-right: 0;
    display: inline-flex;
    gap: 0.15rem;
}

.google-reviews-rating-summary__stars i {
    color: #fbbf24;
}

.google-reviews-rating-summary__rating {
    font-weight: 700;
    color: #111827;
    font-size: 1.25rem;
    margin-bottom: 0.15rem;
    text-align: right;
    padding-right: 0;
    line-height: 1;
}

.google-reviews-rating-summary__count {
    font-size: 0.75rem;
    color: #6b7280;
    text-align: right;
    padding-right: 0;
    font-weight: 400;
}

/* Compact Rating Summary - Horizontal Layout */
.google-reviews-rating-summary.compact {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
}

.google-reviews-rating-summary.compact .google-reviews-rating-summary__stars {
    margin-bottom: 0;
    font-size: 0.875rem;
    padding-right: 0;
}

.google-reviews-rating-summary.compact .google-reviews-rating-summary__rating {
    margin-bottom: 0;
    font-size: 1.1rem;
    padding-right: 0;
}

.google-reviews-rating-summary.compact .google-reviews-rating-summary__count {
    font-size: 0.7rem;
    padding-right: 0;
}

/* Ultra Compact - Ultra Modern Combined Header */
.google-reviews-header-compact {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    padding: 1.5rem 2rem;
    border-radius: 24px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 2rem;
    border: 1px solid rgba(229, 231, 235, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.google-reviews-header-compact::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #4285f4 0%, #34a853 25%, #fbbc04 50%, #ea4335 75%, #4285f4 100%);
    background-size: 200% 100%;
    animation: gradientMove 3s ease infinite;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.google-reviews-header-compact:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

.google-reviews-header-compact .business-name {
    font-family: "Urbanist", sans-serif;
    font-weight: 800;
    color: #111827;
    font-size: 1.5rem;
    margin-bottom: 0;
    letter-spacing: -0.03em;
    flex: 1;
    min-width: 200px;
    display: flex;
    align-items: center;
}

.google-reviews-header-compact .business-name i {
    transition: transform 0.3s ease;
}

.google-reviews-header-compact:hover .business-name i {
    transform: scale(1.15) rotate(-10deg);
}

.google-reviews-header-compact .rating-section {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 0.75rem 1.25rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.google-reviews-header-compact .rating-stars {
    font-size: 1.1rem;
    color: #fbbf24;
    letter-spacing: 0.1em;
}

.google-reviews-header-compact .rating-number {
    font-family: "Urbanist", sans-serif;
    font-weight: 800;
    color: #111827;
    font-size: 1.5rem;
    line-height: 1;
}

.google-reviews-header-compact .rating-count {
    font-family: "Urbanist", sans-serif;
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.google-reviews-header-compact .business-details {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    font-size: 0.8125rem;
    color: #4b5563;
    font-weight: 500;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(229, 231, 235, 0.6);
}

.google-reviews-header-compact .business-details > div {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    transition: all 0.3s ease;
}

.google-reviews-header-compact .business-details > div:hover {
    background: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.google-reviews-header-compact .business-details i {
    margin-right: 0.5rem;
    width: 14px;
    text-align: center;
    color: #4285f4;
    font-size: 0.875rem;
}

/* Review Card Styles */
.google-review-card {
    background: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.google-review-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.google-review-card__header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.google-review-card__avatar {
    margin-right: 1rem;
    flex-shrink: 0;
}

.google-review-card__avatar img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.google-review-card__author {
    flex-grow: 1;
}

.google-review-card__author-name {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.google-review-card__rating {
    font-size: 0.9rem;
}

.google-review-card__content {
    flex-grow: 1;
    margin-bottom: 1rem;
}

.google-review-card__text {
    font-family: "Urbanist", sans-serif;
    color: #374151;
    line-height: 1.6;
    margin-bottom: 0;
    font-size: 0.95rem;
}

.google-review-card__footer {
    margin-top: auto;
}

/* Review Item Styles (List View) */
.google-review-item {
    background: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
}

.google-review-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.google-review-item__header {
    margin-bottom: 1rem;
}

.google-review-item__avatar {
    flex-shrink: 0;
}

.google-review-item__author {
    flex-grow: 1;
}

.google-review-item__author-name {
    font-family: "Urbanist", sans-serif;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.google-review-item__rating {
    font-size: 1rem;
}

.google-review-item__content {
    margin-top: 1rem;
}

.google-review-item__text {
    font-family: "Urbanist", sans-serif;
    color: #374151;
    line-height: 1.6;
    font-size: 1rem;
}

/* Swiper Styles for Google Reviews */
/* ===========================================
   GOOGLE YORUMLARI SLIDER (VANILLA JS)
   =========================================== */
.uomo-google-reviews-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.uomo-google-reviews-track {
    display: flex;
    flex-direction: row;
    transition: transform 0.35s ease;
    will-change: transform;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    gap: 30px;
}

.uomo-google-review-slide {
    flex-shrink: 0;
    box-sizing: border-box;
}

.google-reviews-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
}

.google-reviews-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
    transition: all 0.3s ease;
}

.google-reviews-bullet.active {
    background: #c32929;
    width: 24px;
    border-radius: 5px;
}

.google-reviews-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.1);
    display: none !important;
}

.google-reviews-progress-bar {
    height: 100%;
    background: #c32929;
    transition: width 0.3s ease;
    width: 0%;
    display: none !important;
}

.google-reviews-prev,
.google-reviews-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.google-reviews-prev:hover,
.google-reviews-next:hover {
    background: #c32929;
    color: white;
}

.google-reviews-prev {
    left: 10px;
}

.google-reviews-next {
    right: 10px;
}

@media (max-width: 767.98px) {
    .google-reviews-prev,
    .google-reviews-next {
        display: none !important;
    }
    
    .uomo-google-reviews-track {
        gap: 25px;
    }
}

/* Eski Swiper stilleri (geriye dönük uyumluluk için) */
.google-reviews-swiper {
    padding: 1rem 0 3rem 0;
}

.google-reviews-swiper .swiper-pagination {
    bottom: 0;
}

.google-reviews-swiper .swiper-pagination-bullet {
    background: #dc2626;
    opacity: 0.3;
}

.google-reviews-swiper .swiper-pagination-bullet-active {
    opacity: 1;
}

.google-reviews-swiper .swiper-button-next,
.google-reviews-swiper .swiper-button-prev {
    color: #dc2626;
}

.google-reviews-swiper .swiper-button-next:after,
.google-reviews-swiper .swiper-button-prev:after {
    font-size: 1.5rem;
}

/* ===== MODERN GOOGLE REVIEWS STYLES ===== */


/* Modern Review Cards */
.modern-review-card {
    background: #fff;
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
}

.modern-review-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.modern-review-card:hover .card-hover-overlay {
    opacity: 1;
}

/* Google Badge */
.google-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: #4285f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 18px;
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.3);
    z-index: 2;
}

/* Avatar with Ring */
.google-review-card__avatar {
    position: relative;
    width: 48px !important;
    height: 48px !important;
    margin-right: 1rem;
}

.google-review-card__avatar img {
    width: 48px !important;
    height: 48px !important;
    border: 3px solid #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.avatar-ring {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 2px solid #4285f4;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s ease;
}

.modern-review-card:hover .avatar-ring {
    opacity: 1;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 0.7; }
    100% { transform: scale(1); opacity: 1; }
}

/* Modern Stars */
.google-review-card__rating {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 0.5rem;
}

.star-filled {
    color: #fbbf24;
    font-size: 16px;
    text-shadow: 0 1px 2px rgba(251, 191, 36, 0.3);
}

.star-empty {
    color: #d1d5db;
    font-size: 16px;
}

.rating-number {
    margin-left: 8px;
    font-weight: 600;
    color: #374151;
    font-size: 14px;
}

/* Review Text with Fixed Height and Scroll */
.google-review-card__text {
    color: #4b5563;
    line-height: 1.7;
    font-size: 15px;
    margin-bottom: 1.5rem;
    max-height: 120px;
    overflow-y: auto;
    padding-right: 8px;
    position: relative;
}

/* Custom Scrollbar for Review Text */
.google-review-card__text::-webkit-scrollbar {
    width: 4px;
}

.google-review-card__text::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 2px;
}

.google-review-card__text::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 2px;
}

.google-review-card__text::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Review Text Container */
.google-review-card__content {
    position: relative;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Fade effect at bottom of scrollable text */
.google-review-card__text::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 8px;
    height: 20px;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.google-review-card__text.scrollable::after {
    opacity: 1;
}

/* Review Footer */
.google-review-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid #f3f4f6;
}

.review-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #6b7280;
    font-size: 14px;
}

.google-logo {
    color: #4285f4;
    font-size: 16px;
}

/* Hover Overlay */
.card-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(66, 133, 244, 0.05) 0%, rgba(234, 67, 53, 0.05) 100%);
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}

/* Modern Swiper Styles */
.modern-swiper {
    padding: 2rem 0 4rem 0;
}

.modern-pagination {
    bottom: 0;
}

.modern-bullet {
    width: 12px;
    height: 12px;
    background: #d1d5db;
    border-radius: 50%;
    opacity: 0.5;
    transition: all 0.3s ease;
    margin: 0 6px;
}

.modern-bullet-active {
    background: #4285f4;
    opacity: 1;
    transform: scale(1.2);
}

.modern-nav-btn {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
    color: #374151;
    transition: all 0.3s ease;
}

.modern-nav-btn:hover {
    background: #4285f4;
    color: #ffffff !important;
    transform: scale(1.1);
}

.modern-nav-btn:after {
    display: none;
}

.modern-nav-btn i {
    font-size: 18px;
}

/* Progress Bar */
.swiper-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #f3f4f6;
    border-radius: 2px;
    overflow: hidden;
}

.swiper-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, #4285f4 0%, #ea4335 100%);
    width: 0%;
    transition: width 0.3s ease;
    border-radius: 2px;
}

/* Modern List Item Styles */
.modern-review-item {
    background: #fff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.modern-review-item:hover {
    transform: translateX(8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.modern-review-item .google-review-item__avatar {
    width: 50px;
    height: 50px;
}

.modern-review-item .google-review-item__avatar img {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* List Item Text with Fixed Height */
.google-review-item__text {
    color: #4b5563;
    line-height: 1.7;
    font-size: 15px;
    max-height: 100px;
    overflow-y: auto;
    padding-right: 8px;
    position: relative;
}

/* Custom Scrollbar for List Item Text */
.google-review-item__text::-webkit-scrollbar {
    width: 4px;
}

.google-review-item__text::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 2px;
}

.google-review-item__text::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 2px;
}

.google-review-item__text::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Fade effect for list item text */
.google-review-item__text::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 8px;
    height: 20px;
    background: linear-gradient(transparent, #fff);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.google-review-item__text.scrollable::after {
    opacity: 1;
}

/* ===== THEME STYLES - ULTRA MODERN ===== */

/* Modern Theme (Default - Enhanced) */
.google-reviews-section.modern-theme .modern-review-card,
.google-reviews-section.modern-theme .modern-review-item {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
    border-radius: 24px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(229, 231, 235, 0.6) !important;
    position: relative;
    overflow: hidden;
}

.google-reviews-section.modern-theme .modern-review-card::before,
.google-reviews-section.modern-theme .modern-review-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #4285f4 0%, #34a853 33%, #fbbc04 66%, #ea4335 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.google-reviews-section.modern-theme .modern-review-card:hover::before,
.google-reviews-section.modern-theme .modern-review-item:hover::before {
    opacity: 1;
}

.google-reviews-section.modern-theme .modern-review-card:hover,
.google-reviews-section.modern-theme .modern-review-item:hover {
    transform: translateY(-8px) scale(1.02) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
    border-color: rgba(66, 133, 244, 0.3) !important;
}

.google-reviews-section.modern-theme .google-badge {
    background: linear-gradient(135deg, #4285f4 0%, #34a853 100%) !important;
    box-shadow: 0 6px 20px rgba(66, 133, 244, 0.4) !important;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.google-reviews-section.modern-theme .modern-review-card:hover .google-badge,
.google-reviews-section.modern-theme .modern-review-item:hover .google-badge {
    transform: rotate(360deg) scale(1.1);
}

.google-reviews-section.modern-theme .star-filled {
    color: #fbbf24 !important;
    text-shadow: 0 2px 4px rgba(251, 191, 36, 0.3) !important;
}

/* Classic Theme - Ultra Modern Elegant (Okunabilirlik Düzeltildi) */
.google-reviews-section.classic-theme .modern-review-card,
.google-reviews-section.classic-theme .modern-review-item {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1) !important;
    border: 2px solid #f59e0b !important;
    position: relative;
}

.google-reviews-section.classic-theme .modern-review-card::before,
.google-reviews-section.classic-theme .modern-review-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
    border-radius: 20px 20px 0 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.google-reviews-section.classic-theme .modern-review-card:hover::before,
.google-reviews-section.classic-theme .modern-review-item:hover::before {
    opacity: 1;
}

.google-reviews-section.classic-theme .modern-review-card:hover,
.google-reviews-section.classic-theme .modern-review-item:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 12px 35px rgba(245, 158, 11, 0.25) !important;
    border-color: #d97706 !important;
    background: #ffffff !important;
}

/* Classic Theme - Text Okunabilirliği İçin */
.google-reviews-section.classic-theme .modern-review-card:hover .google-review-card__text,
.google-reviews-section.classic-theme .modern-review-item:hover .google-review-item__text,
.google-reviews-section.classic-theme .modern-review-card:hover .google-review-card__author-name,
.google-reviews-section.classic-theme .modern-review-item:hover .google-review-item__author-name {
    color: #111827 !important;
}

.google-reviews-section.classic-theme .google-badge {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4) !important;
}

.google-reviews-section.classic-theme .star-filled {
    color: #f59e0b !important;
    text-shadow: 0 2px 4px rgba(245, 158, 11, 0.3) !important;
}

.google-reviews-section.classic-theme .modern-nav-btn {
    background: #ffffff !important;
    border: 2px solid #f59e0b !important;
    color: #f59e0b !important;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2) !important;
}

.google-reviews-section.classic-theme .modern-nav-btn:hover {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: white !important;
    transform: scale(1.15) !important;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4) !important;
}

/* Minimal Theme - Ultra Clean Modern */
.google-reviews-section.minimal-theme .modern-review-card,
.google-reviews-section.minimal-theme .modern-review-item {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #f3f4f6 !important;
    padding: 2rem !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.google-reviews-section.minimal-theme .modern-review-card::before,
.google-reviews-section.minimal-theme .modern-review-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: #222222;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.google-reviews-section.minimal-theme .modern-review-card:hover::before,
.google-reviews-section.minimal-theme .modern-review-item:hover::before {
    opacity: 1;
}

.google-reviews-section.minimal-theme .google-badge {
    background: #222222 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 16px !important;
}

.google-reviews-section.minimal-theme .star-filled {
    color: #222222 !important;
    text-shadow: none !important;
}

.google-reviews-section.minimal-theme .modern-nav-btn {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #222222 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.google-reviews-section.minimal-theme .modern-nav-btn:hover {
    background: #222222 !important;
    color: #ffffff !important;
    border-color: #222222 !important;
    transform: scale(1.1) !important;
}

.google-reviews-section.minimal-theme .modern-review-card:hover,
.google-reviews-section.minimal-theme .modern-review-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    border-color: #e5e7eb !important;
}

.google-reviews-section.minimal-theme .card-hover-overlay {
    display: none !important;
}

.google-reviews-section.minimal-theme .avatar-ring {
    border-color: #222222 !important;
    opacity: 0.3 !important;
}

/* Animation Control */
.google-reviews-section.no-animations .modern-review-card,
.google-reviews-section.no-animations .modern-review-item {
    transition: none !important;
}

.google-reviews-section.no-animations .modern-review-card:hover,
.google-reviews-section.no-animations .modern-review-item:hover {
    transform: none !important;
}

.google-reviews-section.no-animations .avatar-ring {
    animation: none !important;
}

.google-reviews-section.no-animations .card-hover-overlay {
    display: none !important;
}

/* Ürün slider ve tab slider için ek stiller */
.produc_slider .swiper-container,
.produc_slider .produc_slider__swiper {
    width: 100%;
}

.produc_slider .products-carousel__prev.produc_slider__prev,
.produc_slider .products-carousel__next.produc_slider__next {
    cursor: pointer;
}

.produc_tab_slider .produc_tab_slider__swiper {
    width: 100%;
}

.produc_tab_slider .products-carousel__prev.produc_tab_slider__prev,
.produc_tab_slider .products-carousel__next.produc_tab_slider__next {
    cursor: pointer;
}

/* Responsive Styles */

/* ===== CART & CHECKOUT VARIANT STYLES ===== */
/* Cart ve Checkout sayfalarında alt ürünler ve varyantlar için stiller */
.cart-product__variant,
.checkout-cart-product__variant {
    margin-top: 8px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 3px solid #dc2626;
    font-size: 13px;
    color: #374151;
    line-height: 1.4;
}

.cart-product__variant strong,
.checkout-cart-product__variant strong {
    color: #dc2626;
    font-weight: 600;
    margin-right: 8px;
}

.cart-product__variant br + *,
.checkout-cart-product__variant br + * {
    margin-top: 4px;
}

/* ===== PRODUCT VARIANT SELECTOR STYLES ===== */
/* Product Variant Selector Styles - Clean & Minimalist */
.modern-variant-selector {
     font-family: "Urbanist", sans-serif !important;
    max-width: 100%;
    background: #fff;
    padding: 24px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

/* Varyant seçim butonları için aktif durum stilleri */
.pdp-swatch[aria-checked="true"],
.pdp-swatch.active {
    border: 2px solid #dc2626 !important;

    outline-offset: 2px !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

.pdp-chip[aria-checked="true"],
.pdp-chip.active {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #dc2626 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

/* Out-of-stock varyantlar için aktif stili override et */
.pdp-chip.out-of-stock[aria-checked="true"],
.pdp-chip.out-of-stock.active,
.pdp-chip.out-of-stock[data-active="true"],
.product-variant-selector .pdp-chip.out-of-stock[aria-checked="true"],
#variant-selector .pdp-chip.out-of-stock[aria-checked="true"],
.pdp-section .pdp-chip.out-of-stock[aria-checked="true"],
.product-variant-selector .pdp-chip.out-of-stock.active,
#variant-selector .pdp-chip.out-of-stock.active,
.pdp-section .pdp-chip.out-of-stock.active {
    background: #f5f5f5 !important;
    color: #999 !important;
    border-color: #e0e0e0 !important;
    transform: none !important;
    box-shadow: none !important;
}

.pdp-iv[aria-checked="true"],
.pdp-iv.active {
    border: 2px solid #dc2626 !important;
    outline-offset: 2px !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

/* Varyant seçim butonları için hover durumu */
.pdp-swatch:hover {
    border-color: #dc2626 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Sepet güncelleme butonu stilleri */
.pdp-btn.update-cart {
    background: #059669 !important;
    border-color: #059669 !important;
    color: #fff !important;
}

.pdp-btn.update-cart:hover {
    background: #047857 !important;
    border-color: #047857 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.3) !important;
}

/* ===== MINIMALIST CART DRAWER TASARIMI ===== */



.cart-drawer-item:hover {
    background: #fafafa !important;
}

.cart-drawer-item:last-child {
    border-bottom: none !important;
}

/* Cart Item Image */
.cart-drawer-item__img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 6px !important;
    object-fit: cover !important;
    border: 1px solid #e5e7eb !important;
}

/* Cart Item Info */
.cart-drawer-item__info {
    padding-left: 12px !important;
    padding-right: 40px !important;
}

.cart-drawer-item__title {
    margin-bottom: 6px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.cart-drawer-item__title a {
    color: #374151 !important;
    text-decoration: none !important;
}

.cart-drawer-item__title a:hover {
    color: #1f2937 !important;
}

/* Cart Item Variant */
.cart-drawer-item__option {
    margin-bottom: 8px !important;
    font-size: 12px !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
}

/* Cart Item Price Container */
.cart-item-price-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    margin-top: 8px !important;
    gap: 4px !important;
}

/* Cart Item Price Row */
.cart-item-price-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Cart Item Quantity Row */
.cart-item-quantity-row {
    font-size: 12px !important;
    color: #6b7280 !important;
    text-align: right !important;
}

/* Cart Item Price */
.cart-ietm__price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    display: inline-block !important;
    background: #f8fafc !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    border-left: 2px solid #059669 !important;
}

/* Normal Price */
.cart-item-normal-price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    background: #f8fafc !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    border-left: 2px solid #059669 !important;
}

/* Original Price with Strike */
.cart-item-original-price {
    font-size: 12px !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}

/* Discount Price */
.cart-item-discount-price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #dc2626 !important;
    background: #fef2f2 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    border-left: 2px solid #dc2626 !important;
}

/* Discount Badge */
.cart-item-discount-badge {
    font-size: 11px !important;
    color: #059669 !important;
    font-weight: 500 !important;
    background: #f0fdf4 !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    border: 1px solid #bbf7d0 !important;
    text-align: center !important;
}

.cart-ietm__price i {
    font-style: normal !important;
    color: #6b7280 !important;
    margin: 0 4px !important;
    font-weight: 500 !important;
}

/* Cart Summary Items */
.cart-summary-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 8px 0 !important;
    font-size: 14px !important;
}

.cart-summary-label {
    font-weight: 500 !important;
    color: #374151 !important;
}

.cart-summary-value {
    font-weight: 600 !important;
    color: #1f2937 !important;
}

.cart-summary-discount {
    color: #059669 !important;
}

.cart-summary-discount-value {
    color: #059669 !important;
    font-weight: 600 !important;
}

.cart-summary-total {
    font-size: 16px !important;
    font-weight: bold !important;
    border-top: 2px solid #e5e7eb !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
}

.cart-summary-total .cart-summary-value {
    font-size: 18px !important;
    color: #dc3545 !important;
}

/* Cart Item Group Products */
.cart-item-group-products {
    margin: 8px 0 !important;
    padding: 8px 0 !important;
}

.cart-item-group-product {
    margin-bottom: 4px !important;
}

.cart-item-group-product small {
    font-size: 12px !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}

/* Cart Item Discount Badge - Small Right Aligned */
.cart-item-discount-badge {
    display: inline-block !important;
    font-size: 10px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    background: #dc2626 !important;
    padding: 3px 6px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-top: 2px !important;
}

.cart-item-discount-badge::before {
    content: "% " !important;
    margin-right: 1px !important;
}

/* Cart Item Remove Button */
.cart-drawer-item .btn-close-xs {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    background: transparent !important;
    border: none !important;
    color: #9ca3af !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
    transition: color 0.2s ease !important;
}

.cart-drawer-item .btn-close-xs:hover {
    color: #dc2626 !important;
}

/* Cart Divider */
.cart-drawer-divider {
    display: none !important;
}

.pdp-chip:hover {
    border-color: #dc2626 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Gruplu Ürün Tasarımı */
.grouped-product {
    background: #fff;
    border-radius: 0;
    padding: 20px;
    box-shadow: none;
    border: 1px solid #e5e7eb;
}

.grouped-product-header {
    margin-bottom: 20px;
}

.grouped-product-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.grouped-product-title .product-name {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.2;
    flex: 1;
}

.customization-icon {
    background: #10b981;
    color: #ffffff !important;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
    flex-shrink: 0;
}

.customization-icon:hover {
    background: #059669;
}

.grouped-product-price {
    margin-bottom: 12px;
}

.grouped-product-price .total-price {
    font-size: 24px;
    font-weight: 400;
    color: #dc2626;
    line-height: 1.2;
}

/* Takım İçeriği Bölümü */
.set-content-section {
    margin-bottom: 20px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
}

.set-content-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.set-content-description {
    font-size: 13px;
    color: #666;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.grouped-products-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.grouped-product-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: white;
    border-radius: 3px;
    border: 1px solid #e5e7eb;
}

.grouped-product-info {
    flex: 1;
}

.grouped-product-name {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 2px;
}

.grouped-product-price {
    font-size: 13px;
    color: #dc2626;
    font-weight: 600;
}

.grouped-product-quantity {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #666;
}

.quantity-label {
    font-weight: 500;
}

.quantity-value {
    background: #f3f4f6;
    padding: 1px 6px;
    border-radius: 10px;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 12px;
}

/* Gruplu Ürün Aksiyon Bölümü */
.grouped-action-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.grouped-action-section .quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
    margin-bottom: 12px;
}

.grouped-action-section .qty-btn {
    width: 28px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.grouped-action-section .qty-btn:hover {
    background: #e9ecef;
}

.grouped-action-section .qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 6px;
}

.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.add-to-cart-btn {
    background: #374151;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.add-to-cart-btn:hover {
    background: #1f2937;
}

.add-to-cart-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

.buy-now-btn {
    background: #6b7280;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.buy-now-btn:hover {
    background: #4b5563;
}

.buy-now-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

/* Ürün Özellikleri */
.product-features {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #f3f4f6;
    border-radius: 3px;
    font-size: 13px;
    color: #374151;
    font-weight: 500;
}

.feature-item i {
    color: #10b981;
    font-size: 14px;
}

/* Responsive Tasarım */

/* Normal Ürün Tasarımı */
.product-variant-selector {
    max-width: 100%;
    background: #fff;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

/* Ürün Başlığı */
.product-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

/* Ürün Bilgileri */
.product-info {
    margin-bottom: 12px;
}

.product-info .price {
    font-size: 24px;
    font-weight: 300;
    color: #dc2626;
    margin-bottom: 8px;
    line-height: 1.2;
}

.product-info .status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.product-info .status svg {
    width: 16px;
    height: 16px;
}

.product-info .status.in-stock .status-text {
    color: #059669;
    font-weight: 500;
}

.product-info .status.out-of-stock .status-text {
    color: #dc2626;
    font-weight: 500;
}

/* Ürün Alt Başlığı */
.product-subtitle {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Varyant Bölümü */
.variants-section {
    margin-bottom: 20px;
}

.variant-group {
    margin-bottom: 16px;
}

.variant-group:last-child {
    margin-bottom: 0;
}

.variant-header {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: normal;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border: 2px solid #e5e5e5;
}

/* Seçili Varyant Göstergesi */
.variant-selection-indicator {
    background: #4a5568;
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 8px;
    display: inline-block;
    position: relative;
}

.variant-selection-indicator::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4a5568;
}

/* Text Label */
.text-label {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.text-label:hover {
    border-color: #d4af37;
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #d4af37;
    background: #fff;
    color: #333;
}

/* Color Label */
.color-label {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #e5e5e5;
}

.color-label:hover {
    transform: scale(1.05);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #d4af37;
    transform: scale(1.05);
}

/* Image Label */
.image-label {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border: 1px solid #e5e5e5;
}

.image-label:hover {
    transform: scale(1.02);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #d4af37;
    transform: scale(1.02);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.variant-option input[type="radio"]:disabled + .text-label {
    text-decoration: line-through;
}

/* Miktar Bölümü */
.quantity-section {
    margin-bottom: 20px;
}

.quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
}

.qty-btn {
    width: 32px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.qty-btn:hover {
    background: #e9ecef;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Aksiyon Butonları */
.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.btn {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.btn-add-cart {
    background: #f8f9fa;
    color: #333;
    border-color: #e5e5e5;
}

.btn-add-cart:hover {
    background: #e9ecef;
}

.btn-buy-now {
    background: #000;
    color: #fff;
    border-color: #000;
}

.btn-buy-now:hover {
    background: #333;
}

.btn-restock-alert {
    background: #fff;
    color: #dc2626;
    border-color: #dc2626;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-restock-alert:hover {
    background: #dc2626;
    color: #fff;
}

.btn-restock-alert svg {
    width: 16px;
    height: 16px;
}

/* Stok yokken butonları devre dışı bırak */
.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Quantity input stok yokken devre dışı */
.quantity-control.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Mesajlar */
.messages {
    margin-bottom: 20px;
}

.message {
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* Varyant Yok */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 14px;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-section input[type="radio"] {
    display: none;
}

/* Swiper Thumbnail Spesifik Margin - Güçlü Selector */
.swiper.thumbnail-swiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {
    margin-top: 15px !important;
}

/* ===== THUMBNAIL SWIPER STILLERİ ===== */
.thumbnail-swiper {
    margin-top: 15px !important;
    height: 100px !important;
}

.thumbnail-swiper .swiper-wrapper {
    align-items: center !important;
}

.thumbnail-swiper .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    opacity: 0.7 !important;
}



.thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #222928 !important;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.2) !important;
    opacity: 1 !important;
}

.gallery-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.thumbnail-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Responsive Thumbnail Stilleri */


/* Simple Swiper Gallery Stilleri */
.simple-swiper-gallery {
    width: 100% !important;
    position: relative !important;
}

.main-gallery-swiper {
    margin-bottom: 15px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.gallery-image-container {
    position: relative !important;
    width: 100% !important;
    height: 500px !important;
    background: #f8f9fa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.gallery-main-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.gallery-main-image:hover {
    transform: scale(1.02) !important;
}

/* Video Play Button Stilleri */
.video-play-button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60px !important;
    height: 60px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.video-play-button-small {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 30px !important;
    height: 30px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button-small:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

/* ===== SIMPLE GALLERY MODAL STILLERİ ===== */
.simple-gallery-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    background: rgba(0, 0, 0, 0.9) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.modal-overlay {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.modal-content {
    position: relative !important;
    max-width: 90% !important;
    max-height: 90% !important;
    background: white !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

.modal-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: all 0.3s ease !important;
}

.modal-close:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: scale(1.1) !important;
}

.modal-image {
    width: 100% !important;
    height: auto !important;
    max-height: 80vh !important;
    object-fit: contain !important;
    display: block !important;
}

.modal-nav {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    color: white !important;
}

.modal-prev,
.modal-next {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.modal-prev:hover,
.modal-next:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    transform: scale(1.1) !important;
}

.modal-counter {
    font-size: 14px !important;
    font-weight: 600 !important;
    min-width: 60px !important;
    text-align: center !important;
}

/* Loading States */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Fiyat Bölümü */
.price-section {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f1f5f9;
}

.price-section .current-price {
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    display: block;
    margin-bottom: 8px;
    line-height: 1.2;
}

.price-section .credit-card-price {
    font-size: 16px;
    color: #64748b;
    display: block;
    margin-bottom: 4px;
}

.price-section .credit-card-price .label {
    font-weight: 500;
}

.price-section .credit-card-price .amount {
    font-weight: 600;
    color: #475569;
}

.price-section .old-price {
    font-size: 18px;
    color: #94a3b8;
    text-decoration: line-through;
    display: block;
}

.price-section .old-price .amount {
    font-weight: 500;
}

/* Seçili Varyant Bilgisi */
.selected-variant-info {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 32px;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.info-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-item .label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-item .value {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

/* Varyant Seçimi */
.variant-form {
    margin-bottom: 32px;
}

.variants-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.variant-section {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.variant-header {
    background: #f8fafc;
    padding: 16px 20px;
    font-weight: 300;
    font-size: 14px;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e2e8f0;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 20px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Text Label */
.text-label {
    padding: 12px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    min-width: 60px;
    text-align: center;
}

.text-label:hover {
    border-color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #3b82f6;
    background: #3b82f6;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

/* Color Label */
.color-label {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-radius: 50%;
    position: relative;
}

.color-label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.color-label:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #3b82f6;
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .color-label::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

/* Image Label */
.image-label {
    width: 70px;
    height: 70px;
    border: 3px solid #e2e8f0;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.image-label::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #3b82f6;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

.image-label::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
}

.image-label:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #3b82f6;
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .image-label::before,
.variant-option input[type="radio"]:checked + .image-label::after {
    transform: scale(1);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Action Section */
.action-section {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

/* Quantity Control */
.quantity-control {
    display: flex;
    align-items: center;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    width: 140px;
    height: 52px;
}

.qty-btn {
    width: 44px;
    height: 100%;
    border: none;
    background: #f8fafc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 300;
    color: #475569;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.qty-btn:hover {
    background: #3b82f6;
    color: #fff;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #0f172a;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Add to Cart Button */
.add-to-cart-btn {
    flex: 1;
    height: 52px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
    cursor: pointer;
}

.add-to-cart-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.35);
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.add-to-cart-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Secondary Actions */
.secondary-actions {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.secondary-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
    cursor: pointer;
}

.secondary-btn:hover {
    border-color: #3b82f6;
    color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.secondary-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* No Variants */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #64748b;
    font-size: 16px;
    font-weight: 500;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-container input[type="radio"] {
    display: none;
}

/* ===== TAKIM ÜRÜNLERİ TABLOSU STİLLERİ ===== */
.pdp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin: 20px 0;
}

.pdp-table th {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    color: #475569;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.8px;
    padding: 20px 16px;
    border-bottom: 2px solid #e2e8f0;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 10;
}

.pdp-table td {
    padding: 20px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr:hover {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pdp-table tbody tr:last-child td {
    border-bottom: none;
}

/* Takım ürünleri miktar seçici */
.pdp-table .pdp-qty {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 120px;
}

.pdp-table .pdp-qty .qty-btn {
    width: 50px;
    height: 50px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-btn:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    border-color: #3b82f6;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.pdp-table .pdp-qty .qty-btn:active {
    transform: translateY(0) scale(0.95);
}

.pdp-table .pdp-qty .qty-input {
    width: 70px;
    height: 50px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(59, 130, 246, 0.15);
    transform: translateY(-1px);
}

/* Takım ürünleri bilgi alanı */
.child-product-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.child-product-info strong {
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
}

.child-product-info small {
    color: #6b7280;
    font-size: 12px;
    line-height: 1.4;
}

/* Tablo responsive wrapper */
.table-responsive {
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Mobilde tablo sütunlarını gizle */

/* Modern Takım Ürünleri Checkbox */
.pdp-table input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #3b82f6;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table input[type="checkbox"]:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

/* Modern Takım Ürünleri Fiyat Sütunları */
.pdp-table .price-column {
    font-weight: 700;
    color: #059669;
    text-align: right;
    font-size: 15px;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pdp-table .quantity-column {
    text-align: center;
}

.pdp-table .include-column {
    text-align: center;
}

/* Modern Takım Toplam Fiyat */
.team-total {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 24px 32px;
    border-radius: 16px;
    margin-top: 32px;
    text-align: right;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.team-total::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3b82f6, #1d4ed8);
}

.team-total p {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: #1e293b;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.team-total span {
    color: #059669;
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Responsive tablo */

/* Takım ürünleri başlık */
.pdp-section h3 {
    color: #1f2937;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}

/* Takım ürünleri açıklama */
.team-description {
    background: #f8fafc;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #10b981;
}

.team-description p {
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
}

/* Takım ürünleri özellikler */
.team-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.team-feature {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    text-align: center;
}

.team-feature-icon {
    width: 40px;
    height: 40px;
    background: #10b981;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 18px;
}

.team-feature h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

.team-feature p {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
}

/* Loading States */
.add-to-cart-btn.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for variant selection */
@keyframes variantPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.variant-label.selected {
    animation: variantPulse 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Fiyat Bölümü */
.product-single__price {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f5f5f5;
}

.product-single__price .current-price {
    font-size: 28px;
    font-weight: 300;
    color: #1a1a1a;
    display: block;
    margin-bottom: 8px;
}

.product-single__price .credit-card-price {
    font-size: 16px;
    color: #666;
    display: block;
    margin-bottom: 4px;
}

.product-single__price .old-price {
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
    display: block;
}

/* Swatch Container Styles */
.product-single__swatches {
    margin-bottom: 32px;
}

.product-swatch {
    margin-bottom: 24px;
}

.product-swatch label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.swatch-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

/* Text Swatch Styles */
.text-swatches .swatch {
    padding: 12px 20px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.text-swatches .swatch:hover {
    border-color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.text-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    background: #007bff;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.text-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f5f5f5;
    border-color: #ddd;
    transform: none;
    box-shadow: none;
}

/* Color Swatch Styles */
.color-swatches .swatch {
    width: 48px;
    height: 48px;
    border: 3px solid #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.color-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 0;
}

.color-swatches .swatch:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.color-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.color-swatches input[type="radio"]:checked + .swatch::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

.color-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Image Swatch Styles */
.image-swatches .swatch {
    width: 70px;
    height: 70px;
    border: 3px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #007bff;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 2;
}

.image-swatches .swatch::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 3;
}

.image-swatches .swatch:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.image-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25);
}

.image-swatches input[type="radio"]:checked + .swatch::before,
.image-swatches input[type="radio"]:checked + .swatch::after {
    transform: scale(1);
}

.image-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Quantity Control Styles */
.product-single__addtocart {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

.qty-control {
    position: relative;
    width: 120px;
    height: 48px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.qty-control__number {
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    background: transparent;
    outline: none;
}

.qty-control__reduce,
.qty-control__increase {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: #f8f9fa;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    color: #666;
    transition: all 0.3s ease;
}

.qty-control__reduce {
    left: 4px;
    border-radius: 6px;
}

.qty-control__increase {
    right: 4px;
    border-radius: 6px;
}

.qty-control__reduce:hover,
.qty-control__increase:hover {
    background: #007bff;
    color: #fff;
}

/* Add to Cart Button */
.btn-addtocart {
    flex: 1;
    height: 48px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.btn-addtocart:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.35);
    background: linear-gradient(135deg, #0056b3, #004085);
}

.btn-addtocart:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Additional Links */
.product-single__addtolinks {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.product-single__addtolinks .menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
}

.product-single__addtolinks .menu-link:hover {
    border-color: #007bff;
    color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

/* Selected Variant Info */
.selected-variant-info {
    background: linear-gradient(135deg, #f8f9ff, #e8f2ff);
    border: 1px solid #d1e7ff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.variant-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.variant-sku {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.variant-stock {
    font-size: 14px;
    font-weight: 600;
    color: #dc3545;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.product-single__swatches input[type="radio"] {
    display: none;
}

/* Loading States */
.btn-addtocart.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for swatch selection */
@keyframes swatchPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.swatch.selected {
    animation: swatchPulse 0.3s ease;
}

/* ===== VARYANT GENEL STİLLERİ ===== */
.product__options {
    margin: 20px 0;
}

.variant-option {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.variant-option:last-child {
    border-bottom: none;
}

.variant-label {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.variant-required {
    color: #dc3545;
    font-weight: 300;
}

.variant-selection-info {
    background: #f8f9fa;
    padding: 8px 12px;
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

/* Text Variant Styles */
.variant-text-wrapper {
    margin-top: 10px;
}

.text-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.text-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    min-width: 60px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.text-option:hover:not(:disabled) {
    border-color: #c32929;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.text-option--active {
    border-color: #c32929;
    background: #c32929;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.text-option--active:hover {
    background: #004040;
    border-color: #004040;
}

.text-option--unavailable {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
    box-shadow: none;
}

.text-option--unavailable:hover {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    transform: none;
    box-shadow: none;
}

.text-option__text {
    display: block;
}

.text-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.text-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Color Variant Styles */
.variant-color-wrapper {
    margin-top: 10px;
}

.color-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.color-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
}

.color-option:hover:not(:disabled) {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.color-option--active {
    border-color: #c32929;
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.color-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.color-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.color-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 6px;
}

.color-name {
    font-size: 12px;
    color: #6c757d;
    text-align: center;
    font-weight: 500;
}

.color-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.color-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Image Variant Styles */
.variant-image-wrapper {
    margin-top: 10px;
}

.image-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.image-option {
    position: relative;
    width: 70px;
    height: 70px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.image-option:hover:not(:disabled) {
    border-color: #c32929;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.image-option--active {
    border-color: #c32929;
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
    transform: translateY(-2px);
}

.image-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.image-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.image-option__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-option__text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    background: #f8f9fa;
}

.image-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.image-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Select Variant Styles */
.variant-select-wrapper {
    margin-top: 10px;
}

.variant-select {
    padding: 12px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.variant-select:hover {
    border-color: #c32929;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.variant-select:focus {
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(0, 88, 80, 0.1);
    outline: none;
}

.variant-select--has-selection {
    border-color: #c32929;
    background: #f8f9ff;
}

.variant-select option:disabled {
    color: #6c757d;
    background: #f8f9fa;
}

/* Stock Alert Styles */
.stock-alert {
    margin: 15px 0;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid;
    animation: fadeIn 0.3s ease-in-out;
}

.stock-alert-message {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
}

.stock-alert--low {
    background-color: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
}

.stock-alert--low i {
    color: #f39c12;
}

.stock-alert--critical {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    animation: pulse 2s infinite;
}

.stock-alert--critical i {
    color: #dc3545;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}

/* Form Validation Styles */
.checkout-form input.error,
.checkout-form select.error,
.checkout-form textarea.error {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error:focus,
.checkout-form select.error:focus,
.checkout-form textarea.error:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error-focused,
.checkout-form select.error-focused,
.checkout-form textarea.error-focused {
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* Loading Animation */
.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Coupon Section Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #dc3545;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #dc3545;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #dc3545;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #dc3545;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Flash Flasher Styles */
.fl-flasher {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
}

.fl-flasher.fl-show {
    transform: translateX(0);
}

.fl-flasher.fl-success {
    border-left: 4px solid #dc3545;
}

.fl-flasher.fl-error {
    border-left: 4px solid #dc3545;
}

.fl-flasher.fl-warning {
    border-left: 4px solid #ffc107;
}

.fl-flasher.fl-info {
    border-left: 4px solid #17a2b8;
}

.fl-container {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
}

.fl-content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.fl-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 300;
}

.fl-flasher.fl-success .fl-icon {
    background: #dc3545;
}

.fl-flasher.fl-success .fl-icon::before {
    content: "✓";
}

.fl-flasher.fl-error .fl-icon {
    background: #dc3545;
}

.fl-flasher.fl-error .fl-icon::before {
    content: "✕";
}

.fl-flasher.fl-warning .fl-icon {
    background: #ffc107;
}

.fl-flasher.fl-warning .fl-icon::before {
    content: "⚠";
}

.fl-flasher.fl-info .fl-icon {
    background: #17a2b8;
}

.fl-flasher.fl-info .fl-icon::before {
    content: "ℹ";
}

.fl-title {
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    font-size: 14px;
}

.fl-message {
    color: #ffffff !important;
    font-size: 13px;
    margin: 0;
}

.fl-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e5e7eb;
}

.fl-progress {
    height: 100%;
    background: #dc3545;
    transition: width 0.1s linear;
}

.fl-flasher.fl-error .fl-progress {
    background: #dc3545;
}

.fl-flasher.fl-warning .fl-progress {
    background: #ffc107;
}

.fl-flasher.fl-info .fl-progress {
    background: #17a2b8;
}

/* Loading State Styles */
.checkout-coupon-apply-btn.loading,
.checkout-coupon-remove-btn.loading {
    pointer-events: none;
    opacity: 0.8;
    cursor: not-allowed !important;
    position: relative;
}

.checkout-coupon-apply-btn.loading::after,
.checkout-coupon-remove-btn.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Coupon Area Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #dc3545;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #dc3545;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #dc3545;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #dc3545;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Agreement Section Styles */
.checkout-agreements-section {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkout-agreements-section h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-agreements-section h3::before {
    content: '📋';
    font-size: 14px;
}

.checkout-agreement-item {
    margin-bottom: 12px;
}

.checkout-agreement-item:last-child {
    margin-bottom: 0;
}

.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.checkout-checkbox-input {
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: #007bff;
    flex-shrink: 0;
    margin-top: 2px;
}

.checkout-checkbox-text {
    flex: 1;
}

.checkout-checkbox-text a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.checkout-checkbox-text a:hover {
    text-decoration: underline;
}

/* Shipping Details Styles */
.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Shipping Section Styles */
.checkout-shipping-section {
    margin-bottom: 30px;
}

.checkout-shipping-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-shipping-list {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-shipping-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.checkout-shipping-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-shipping-item.selected {
    border-color: #dc3545;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-shipping-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-shipping-name {
    font-weight: 600;
    color: #333;
    font-size: 16px;
}

.checkout-shipping-status {
    color: #dc3545;
}

.checkout-shipping-price {
    font-weight: 600;
    color: #dc3545;
    font-size: 14px;
    margin-bottom: 8px;
}

.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Section Note Styles */
.checkout-section-note {
    font-size: 14px;
    color: #6c757d;
    margin-top: 10px;
    line-height: 1.5;
}

/* Address Section Styles */
.checkout-address-section {
    margin-bottom: 30px;
}

.checkout-address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.checkout-address-header h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.checkout-add-address-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.checkout-add-address-btn:hover {
    background: #0056b3;
    text-decoration: none;
    color: #ffffff !important;
}

.checkout-empty-addresses {
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    margin-bottom: 20px;
}

.checkout-empty-addresses-icon {
    font-size: 48px;
    color: #6c757d;
    margin-bottom: 15px;
}

.checkout-empty-addresses h5 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.checkout-empty-addresses p {
    color: #6c757d;
    margin-bottom: 20px;
}

.checkout-address-list {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-address-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.checkout-address-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-address-item.selected {
    border-color: #dc3545;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-address-title {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}

.checkout-address-details {
    margin-bottom: 15px;
}

.checkout-address-name {
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}

.checkout-address-text {
    color: #666;
    margin-bottom: 5px;
    line-height: 1.4;
}

.checkout-address-location {
    color: #666;
    margin-bottom: 5px;
}

.checkout-address-phone {
    color: #666;
    margin-bottom: 5px;
}

.checkout-company-info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.checkout-company-info div {
    color: #666;
    font-size: 14px;
    margin-bottom: 3px;
}

.checkout-address-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.checkout-edit-btn,
.checkout-delete-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.checkout-edit-btn {
    background: #007bff;
    color: #ffffff !important;
}

.checkout-edit-btn:hover {
    background: #0056b3;
}

.checkout-delete-btn {
    background: #dc3545;
    color: #ffffff !important;
}

.checkout-delete-btn:hover {
    background: #c82333;
}

/* Payment Section Styles */
.checkout-payment-section {
    margin-bottom: 30px;
}

.checkout-payment-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.checkout-payment-options {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-payment-option {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.checkout-payment-option:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-payment-option.selected {
    border-color: #dc3545;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-payment-option img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.checkout-payment-option span {
    font-weight: 500;
    color: #333;
    font-size: 16px;
}

.checkout-payment-radio {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.checkout-payment-details {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid #007bff;
    border-radius: 12px;
    padding: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.1);
    position: relative;
    overflow: hidden;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.checkout-payment-details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #007bff, #dc3545, #ffc107, #dc3545);
}

.checkout-payment-details-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-payment-details-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #007bff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Kredi Kartı Sağlayıcı Stilleri */
.checkout-credit-card-provider-info {
    margin-top: 20px;
}

.checkout-provider-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    color: #666;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.checkout-credit-card-provider {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.checkout-credit-card-provider.active {
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 60px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
}

.checkout-provider-info h5 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.checkout-provider-status {
    margin-left: auto;
}

.status-badge {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.active {
    background: #dc3545;
    color: #ffffff !important;
}

.checkout-provider-details {
    display: grid;
    gap: 15px;
}

.checkout-provider-section h6 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-supported-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.card-badge {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    color: #666;
}

.checkout-provider-features,
.checkout-security-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-provider-features li,
.checkout-security-features li {
    padding: 4px 0;
    font-size: 13px;
    color: #666;
    position: relative;
    padding-left: 15px;
}

.checkout-provider-features li::before,
.checkout-security-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #dc3545;
    font-weight: 300;
}

.checkout-provider-note {
    margin-top: 20px;
    padding: 15px;
    background: #e8f4fd;
    border: 1px solid #bee5eb;
    border-radius: 6px;
}

.checkout-provider-note p {
    margin: 0;
    font-size: 14px;
    color: #0c5460;
}

.checkout-payment-details-header svg {
    color: #dc3545;
}

/* Bank Transfer Styles */
.checkout-bank-info-header {
    margin-bottom: 20px;
}

.checkout-bank-info-header p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-bank-advantages {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-bank-advantages li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-bank-advantages li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #dc3545;
    font-weight: 300;
}

.checkout-banks-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}




.checkout-bank-info {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    height: fit-content;
}

.checkout-bank-info:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.checkout-bank-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-bank-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.checkout-bank-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    flex: 1;
}

.checkout-bank-details {
    margin-bottom: 15px;
}

.checkout-bank-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.checkout-bank-detail-row:hover {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.checkout-bank-detail-row:last-child {
    border-bottom: none;
}

.checkout-bank-label {
    font-weight: 500;
    color: #555;
    font-size: 14px;
}

.checkout-bank-value {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    text-align: right;
    word-break: break-all;
}

.checkout-iban-container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}


.checkout-iban {
    font-family: monospace;
    font-size: 14px;
    letter-spacing: 1px;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.checkout-iban-copy-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
}

.checkout-iban-copy-btn:hover {
    background: #0056b3;
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.checkout-bank-note {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    padding: 12px;
    margin-top: 15px;
    position: relative;
}

.checkout-bank-note::before {
    content: "💡";
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff3cd;
    padding: 4px;
    border-radius: 50%;
    font-size: 12px;
}

.checkout-bank-note p {
    margin: 0;
    color: #856404;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

/* Credit Card Styles */
.checkout-credit-card-provider {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.checkout-provider-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin-bottom: 8px;
    color: #666;
    font-size: 14px;
}

.checkout-credit-card-info {
    margin-top: 20px;
}

.checkout-credit-card-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-card-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.checkout-card-icons img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Cash on Delivery Styles */
.checkout-cash-on-info {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages,
.checkout-cash-on-process,
.checkout-cash-on-important {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages h6,
.checkout-cash-on-process h6,
.checkout-cash-on-important h6 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-cash-on-advantages-list,
.checkout-cash-on-steps,
.checkout-cash-on-important-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-advantages-list li,
.checkout-cash-on-steps li,
.checkout-cash-on-important-list li {
    padding: 6px 0;
    font-size: 14px;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-cash-on-advantages-list li::before {
    content: '✅';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-steps li::before {
    content: '📋';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-important-list li::before {
    content: '⚠️';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-steps {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-steps li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.checkout-cash-on-steps li:before {
    content: counter(step-counter);
    counter-increment: step-counter;
    position: absolute;
    left: 0;
    top: 8px;
    background: #007bff;
    color: #ffffff !important;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
}

.checkout-cash-on-steps {
    counter-reset: step-counter;
}

.checkout-cash-on-fee {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
}

.checkout-cash-on-fee-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-cash-on-fee-header span {
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-fee-amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-cash-on-fee-label {
    color: #666;
    font-size: 14px;
}

.checkout-cash-on-fee-value {
    font-weight: 600;
    color: #dc3545;
    font-size: 16px;
}

.checkout-cash-on-fee-free {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 2px solid #dc3545;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #155724;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
}

.checkout-cash-on-fee-free span {
    font-size: 16px;
    font-weight: 600;
}

.checkout-cash-on-fee-free small {
    font-size: 12px;
    color: #0f5132;
    opacity: 0.8;
}

.checkout-cash-on-fee-note {
    margin-top: 10px;
    padding: 8px 12px;
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    text-align: center;
}

.checkout-cash-on-fee-note small {
    color: #856404;
    font-size: 12px;
}

/* Order Summary Styles */
.checkout-order-summary {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: sticky;
    top: 20px;
    margin-top: 0;
}

.checkout-order-summary h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-items-count {
    font-size: 14px;
    color: #6c757d;
    font-weight: 300;
}

.checkout-order-items {
    margin-bottom: 25px;
}

.checkout-order-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-order-item:last-child {
    border-bottom: none;
}

.checkout-order-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.checkout-order-item-details {
    flex: 1;
}

.checkout-order-item-details p {
    margin: 0 0 5px 0;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

.checkout-cart-product__variant {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.checkout-order-item-price {
    text-align: right;
    flex-shrink: 0;
}

.checkout-price-info {
    margin-bottom: 5px;
}

.checkout-old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
    display: block;
}

.checkout-discount-badge {
    background: #dc3545;
    color: #ffffff !important;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 5px;
}

.checkout-current-price {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    display: block;
}

.checkout-savings-info {
    margin-top: 5px;
}

.checkout-savings-text {
    font-size: 12px;
    color: #dc3545;
    font-weight: 500;
}

/* Summary Section Styles */
.checkout-summary-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.checkout-summary-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-summary-header svg {
    color: #dc3545;
}

.checkout-summary-main {
    margin-bottom: 20px;
}

.checkout-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-summary-row:last-child {
    border-bottom: none;
}

.checkout-summary-row span:first-child {
    color: #666;
    font-size: 14px;
}

.checkout-summary-row span:last-child {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

/* İndirimler satırı için özel stil */
.checkout-discounts-row {
    color: #dc3545;
    font-weight: 500;
}

.checkout-discounts-row span:last-child {
    color: #dc3545;
    font-weight: 600;
}

/* Sipariş detayı için sabit genişlik */
.col-lg-5.col-xl-4 {
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (min-width: 992px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 41.666667% !important;
        max-width: 41.666667% !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

/* Checkout sayfasındaki sipariş detayı için özel stil */
.checkout-summary-section {
    position: sticky !important;
    top: 0 !important;
    height: fit-content !important;
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    z-index: 100 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Sipariş Notu Bölümü */
.checkout-order-note-section {
    margin-bottom: 2rem;
}

.checkout-order-note-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Kargo Seçimi Bölümü */
.checkout-cargo-selection-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Sipariş Notu */
.checkout-section {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.checkout-section h2 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

.checkout-form-group {
    margin-bottom: 1rem;
}



/* Gruplu Ürün Tasarımı */
.grouped-product {
    background: #fff;
    border-radius: 0;
    padding: 20px;
    box-shadow: none;
    border: 1px solid #e5e7eb;
}

.grouped-product-header {
    margin-bottom: 20px;
}

.grouped-product-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.grouped-product-title .product-name {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.2;
    flex: 1;
}

.customization-icon {
    background: #10b981;
    color: #ffffff !important;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
    flex-shrink: 0;
}

.customization-icon:hover {
    background: #059669;
}

.grouped-product-price {
    margin-bottom: 12px;
}

.grouped-product-price .total-price {
    font-size: 24px;
    font-weight: 300;
    color: #dc2626;
    line-height: 1.2;
}

/* Takım İçeriği Bölümü */
.set-content-section {
    margin-bottom: 20px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
}

.set-content-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.set-content-description {
    font-size: 13px;
    color: #666;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.grouped-products-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.grouped-product-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: white;
    border-radius: 3px;
    border: 1px solid #e5e7eb;
}

.grouped-product-info {
    flex: 1;
}

.grouped-product-name {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 2px;
}

.grouped-product-price {
    font-size: 13px;
    color: #dc2626;
    font-weight: 600;
}

.grouped-product-quantity {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #666;
}

.quantity-label {
    font-weight: 500;
}

.quantity-value {
    background: #f3f4f6;
    padding: 1px 6px;
    border-radius: 10px;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 12px;
}

/* Gruplu Ürün Aksiyon Bölümü */
.grouped-action-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.grouped-action-section .quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
    margin-bottom: 12px;
}

.grouped-action-section .qty-btn {
    width: 28px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.grouped-action-section .qty-btn:hover {
    background: #e9ecef;
}

.grouped-action-section .qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 6px;
}

.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.add-to-cart-btn {
    background: #374151;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.add-to-cart-btn:hover {
    background: #1f2937;
}

.add-to-cart-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

.buy-now-btn {
    background: #6b7280;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.buy-now-btn:hover {
    background: #4b5563;
}

.buy-now-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

/* Ürün Özellikleri */
.product-features {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #f3f4f6;
    border-radius: 3px;
    font-size: 13px;
    color: #374151;
    font-weight: 500;
}

.feature-item i {
    color: #10b981;
    font-size: 14px;
}

/* Responsive Tasarım */

/* Normal Ürün Tasarımı */
.product-variant-selector {
    max-width: 100%;
    background: #fff;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

/* Ürün Başlığı */
.product-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

/* Ürün Bilgileri */
.product-info {
    margin-bottom: 12px;
}

.product-info .price {
    font-size: 24px;
    font-weight: 300;
    color: #dc2626;
    margin-bottom: 8px;
    line-height: 1.2;
}

.product-info .status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.product-info .status svg {
    width: 16px;
    height: 16px;
}

.product-info .status.in-stock .status-text {
    color: #059669;
    font-weight: 500;
}

.product-info .status.out-of-stock .status-text {
    color: #dc2626;
    font-weight: 500;
}

/* Ürün Alt Başlığı */
.product-subtitle {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Varyant Bölümü */
.variants-section {
    margin-bottom: 20px;
}

.variant-group {
    margin-bottom: 16px;
}

.variant-group:last-child {
    margin-bottom: 0;
}

.variant-header {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: normal;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border: 2px solid #e5e5e5;
}

/* Seçili Varyant Göstergesi */
.variant-selection-indicator {
    background: #4a5568;
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 8px;
    display: inline-block;
    position: relative;
}

.variant-selection-indicator::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4a5568;
}

/* Text Label */
.text-label {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.text-label:hover {
    border-color: #d4af37;
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #d4af37;
    background: #fff;
    color: #333;
}

/* Color Label */
.color-label {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #e5e5e5;
}

.color-label:hover {
    transform: scale(1.05);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #d4af37;
    transform: scale(1.05);
}

/* Image Label */
.image-label {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border: 1px solid #e5e5e5;
}

.image-label:hover {
    transform: scale(1.02);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #d4af37;
    transform: scale(1.02);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.variant-option input[type="radio"]:disabled + .text-label {
    text-decoration: line-through;
}

/* Miktar Bölümü */
.quantity-section {
    margin-bottom: 20px;
}

.quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
}

.qty-btn {
    width: 32px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.qty-btn:hover {
    background: #e9ecef;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Aksiyon Butonları */
.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.btn {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.btn-add-cart {
    background: #f8f9fa;
    color: #333;
    border-color: #e5e5e5;
}

.btn-add-cart:hover {
    background: #e9ecef;
}

.btn-buy-now {
    background: #000;
    color: #fff;
    border-color: #000;
}

.btn-buy-now:hover {
    background: #333;
}

.btn-restock-alert {
    background: #fff;
    color: #dc2626;
    border-color: #dc2626;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-restock-alert:hover {
    background: #dc2626;
    color: #fff;
}

.btn-restock-alert svg {
    width: 16px;
    height: 16px;
}

/* Stok yokken butonları devre dışı bırak */
.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Quantity input stok yokken devre dışı */
.quantity-control.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Mesajlar */
.messages {
    margin-bottom: 20px;
}

.message {
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* Varyant Yok */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 14px;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-section input[type="radio"] {
    display: none;
}

/* Swiper Thumbnail Spesifik Margin - Güçlü Selector */
.swiper.thumbnail-swiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {
    margin-top: 15px !important;
}

/* ===== THUMBNAIL SWIPER STILLERİ ===== */
.thumbnail-swiper {
    margin-top: 15px !important;
    height: 100px !important;
}

.thumbnail-swiper .swiper-wrapper {
    align-items: center !important;
}

.thumbnail-swiper .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    opacity: 0.7 !important;
}

.thumbnail-swiper .swiper-slide:hover {
    border-color: #c32929 !important;
    transform: translateY(-2px) !important;
    opacity: 1 !important;
}

.thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #c32929 !important;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.2) !important;
    opacity: 1 !important;
}

.gallery-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.thumbnail-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Responsive Thumbnail Stilleri */


/* Simple Swiper Gallery Stilleri */
.simple-swiper-gallery {
    width: 100% !important;
    position: relative !important;
}

.main-gallery-swiper {
    margin-bottom: 15px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.gallery-image-container {
    position: relative !important;
    width: 100% !important;
    height: 500px !important;
    background: #f8f9fa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.gallery-main-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.gallery-main-image:hover {
    transform: scale(1.02) !important;
}

/* Video Play Button Stilleri */
.video-play-button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60px !important;
    height: 60px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.video-play-button-small {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 30px !important;
    height: 30px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button-small:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

/* ===== SIMPLE GALLERY MODAL STILLERİ ===== */
.simple-gallery-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    background: rgba(0, 0, 0, 0.9) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.modal-overlay {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.modal-content {
    position: relative !important;
    max-width: 90% !important;
    max-height: 90% !important;
    background: white !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
}

.modal-close {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    width: 40px !important;
    height: 40px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    cursor: pointer !important;
    z-index: 10 !important;
    transition: all 0.3s ease !important;
}

.modal-close:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: scale(1.1) !important;
}

.modal-image {
    width: 100% !important;
    height: auto !important;
    max-height: 80vh !important;
    object-fit: contain !important;
    display: block !important;
}

.modal-nav {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    color: white !important;
}

.modal-prev,
.modal-next {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.modal-prev:hover,
.modal-next:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    transform: scale(1.1) !important;
}

.modal-counter {
    font-size: 14px !important;
    font-weight: 600 !important;
    min-width: 60px !important;
    text-align: center !important;
}

/* Loading States */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Fiyat Bölümü */
.price-section {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f1f5f9;
}

.price-section .current-price {
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    display: block;
    margin-bottom: 8px;
    line-height: 1.2;
}

.price-section .credit-card-price {
    font-size: 16px;
    color: #64748b;
    display: block;
    margin-bottom: 4px;
}

.price-section .credit-card-price .label {
    font-weight: 500;
}

.price-section .credit-card-price .amount {
    font-weight: 600;
    color: #475569;
}

.price-section .old-price {
    font-size: 18px;
    color: #94a3b8;
    text-decoration: line-through;
    display: block;
}

.price-section .old-price .amount {
    font-weight: 500;
}

/* Seçili Varyant Bilgisi */
.selected-variant-info {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 32px;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.info-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-item .label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-item .value {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

/* Varyant Seçimi */
.variant-form {
    margin-bottom: 32px;
}

.variants-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.variant-section {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.variant-header {
    background: #f8fafc;
    padding: 16px 20px;
    font-weight: 300;
    font-size: 14px;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e2e8f0;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 20px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Text Label */
.text-label {
    padding: 12px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    min-width: 60px;
    text-align: center;
}

.text-label:hover {
    border-color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #3b82f6;
    background: #3b82f6;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

/* Color Label */
.color-label {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-radius: 50%;
    position: relative;
}

.color-label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.color-label:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #3b82f6;
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .color-label::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

/* Image Label */
.image-label {
    width: 70px;
    height: 70px;
    border: 3px solid #e2e8f0;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.image-label::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #3b82f6;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

.image-label::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
}

.image-label:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #3b82f6;
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .image-label::before,
.variant-option input[type="radio"]:checked + .image-label::after {
    transform: scale(1);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Action Section */
.action-section {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

/* Quantity Control */
.quantity-control {
    display: flex;
    align-items: center;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    width: 140px;
    height: 52px;
}

.qty-btn {
    width: 44px;
    height: 100%;
    border: none;
    background: #f8fafc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 300;
    color: #475569;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.qty-btn:hover {
    background: #3b82f6;
    color: #fff;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #0f172a;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Add to Cart Button */
.add-to-cart-btn {
    flex: 1;
    height: 52px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
    cursor: pointer;
}

.add-to-cart-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.35);
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.add-to-cart-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Secondary Actions */
.secondary-actions {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.secondary-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
    cursor: pointer;
}

.secondary-btn:hover {
    border-color: #3b82f6;
    color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.secondary-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* No Variants */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #64748b;
    font-size: 16px;
    font-weight: 500;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-container input[type="radio"] {
    display: none;
}

/* ===== TAKIM ÜRÜNLERİ TABLOSU STİLLERİ ===== */
.pdp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin: 20px 0;
}

.pdp-table th {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    color: #475569;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.8px;
    padding: 20px 16px;
    border-bottom: 2px solid #e2e8f0;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 10;
}

.pdp-table td {
    padding: 20px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr:hover {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pdp-table tbody tr:last-child td {
    border-bottom: none;
}

/* Takım ürünleri miktar seçici */
.pdp-table .pdp-qty {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 120px;
}

.pdp-table .pdp-qty .qty-btn {
    width: 50px;
    height: 50px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-btn:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    border-color: #3b82f6;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.pdp-table .pdp-qty .qty-btn:active {
    transform: translateY(0) scale(0.95);
}

.pdp-table .pdp-qty .qty-input {
    width: 70px;
    height: 50px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(59, 130, 246, 0.15);
    transform: translateY(-1px);
}

/* Takım ürünleri bilgi alanı */
.child-product-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.child-product-info strong {
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
}

.child-product-info small {
    color: #6b7280;
    font-size: 12px;
    line-height: 1.4;
}

/* Tablo responsive wrapper */
.table-responsive {
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Mobilde tablo sütunlarını gizle */

/* Modern Takım Ürünleri Checkbox */
.pdp-table input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #3b82f6;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table input[type="checkbox"]:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

/* Modern Takım Ürünleri Fiyat Sütunları */
.pdp-table .price-column {
    font-weight: 700;
    color: #059669;
    text-align: right;
    font-size: 15px;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pdp-table .quantity-column {
    text-align: center;
}

.pdp-table .include-column {
    text-align: center;
}

/* Modern Takım Toplam Fiyat */
.team-total {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 24px 32px;
    border-radius: 16px;
    margin-top: 32px;
    text-align: right;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.team-total::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3b82f6, #1d4ed8);
}

.team-total p {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: #1e293b;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.team-total span {
    color: #059669;
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Responsive tablo */

/* Takım ürünleri başlık */
.pdp-section h3 {
    color: #1f2937;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}

/* Takım ürünleri açıklama */
.team-description {
    background: #f8fafc;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #10b981;
}

.team-description p {
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
}

/* Takım ürünleri özellikler */
.team-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.team-feature {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    text-align: center;
}

.team-feature-icon {
    width: 40px;
    height: 40px;
    background: #10b981;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 18px;
}

.team-feature h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

.team-feature p {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
}

/* Loading States */
.add-to-cart-btn.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for variant selection */
@keyframes variantPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.variant-label.selected {
    animation: variantPulse 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Fiyat Bölümü */
.product-single__price {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f5f5f5;
}

.product-single__price .current-price {
    font-size: 28px;
    font-weight: 300;
    color: #1a1a1a;
    display: block;
    margin-bottom: 8px;
}

.product-single__price .credit-card-price {
    font-size: 16px;
    color: #666;
    display: block;
    margin-bottom: 4px;
}

.product-single__price .old-price {
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
    display: block;
}

/* Swatch Container Styles */
.product-single__swatches {
    margin-bottom: 32px;
}

.product-swatch {
    margin-bottom: 24px;
}

.product-swatch label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.swatch-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

/* Text Swatch Styles */
.text-swatches .swatch {
    padding: 12px 20px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.text-swatches .swatch:hover {
    border-color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.text-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    background: #007bff;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.text-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f5f5f5;
    border-color: #ddd;
    transform: none;
    box-shadow: none;
}

/* Color Swatch Styles */
.color-swatches .swatch {
    width: 48px;
    height: 48px;
    border: 3px solid #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.color-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 0;
}

.color-swatches .swatch:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.color-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.color-swatches input[type="radio"]:checked + .swatch::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

.color-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Image Swatch Styles */
.image-swatches .swatch {
    width: 70px;
    height: 70px;
    border: 3px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #007bff;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 2;
}

.image-swatches .swatch::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 3;
}

.image-swatches .swatch:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.image-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25);
}

.image-swatches input[type="radio"]:checked + .swatch::before,
.image-swatches input[type="radio"]:checked + .swatch::after {
    transform: scale(1);
}

.image-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Quantity Control Styles */
.product-single__addtocart {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

.qty-control {
    position: relative;
    width: 120px;
    height: 48px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.qty-control__number {
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    background: transparent;
    outline: none;
}

.qty-control__reduce,
.qty-control__increase {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: #f8f9fa;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    color: #666;
    transition: all 0.3s ease;
}

.qty-control__reduce {
    left: 4px;
    border-radius: 6px;
}

.qty-control__increase {
    right: 4px;
    border-radius: 6px;
}

.qty-control__reduce:hover,
.qty-control__increase:hover {
    background: #007bff;
    color: #fff;
}

/* Add to Cart Button */
.btn-addtocart {
    flex: 1;
    height: 48px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.btn-addtocart:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.35);
    background: linear-gradient(135deg, #0056b3, #004085);
}

.btn-addtocart:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Additional Links */
.product-single__addtolinks {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.product-single__addtolinks .menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
}

.product-single__addtolinks .menu-link:hover {
    border-color: #007bff;
    color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

/* Selected Variant Info */
.selected-variant-info {
    background: linear-gradient(135deg, #f8f9ff, #e8f2ff);
    border: 1px solid #d1e7ff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.variant-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.variant-sku {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.variant-stock {
    font-size: 14px;
    font-weight: 600;
    color: #dc3545;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.product-single__swatches input[type="radio"] {
    display: none;
}

/* Loading States */
.btn-addtocart.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for swatch selection */
@keyframes swatchPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.swatch.selected {
    animation: swatchPulse 0.3s ease;
}

/* ===== VARYANT GENEL STİLLERİ ===== */
.product__options {
    margin: 20px 0;
}

.variant-option {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.variant-option:last-child {
    border-bottom: none;
}

.variant-label {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.variant-required {
    color: #dc3545;
    font-weight: 300;
}

.variant-selection-info {
    background: #f8f9fa;
    padding: 8px 12px;
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

/* Text Variant Styles */
.variant-text-wrapper {
    margin-top: 10px;
}

.text-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.text-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    min-width: 60px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.text-option:hover:not(:disabled) {
    border-color: #c32929;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.text-option--active {
    border-color: #c32929;
    background: #c32929;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.text-option--active:hover {
    background: #004040;
    border-color: #004040;
}

.text-option--unavailable {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
    box-shadow: none;
}

.text-option--unavailable:hover {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    transform: none;
    box-shadow: none;
}

.text-option__text {
    display: block;
}

.text-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.text-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Color Variant Styles */
.variant-color-wrapper {
    margin-top: 10px;
}

.color-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.color-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
}

.color-option:hover:not(:disabled) {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.color-option--active {
    border-color: #c32929;
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.color-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.color-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.color-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 6px;
}

.color-name {
    font-size: 12px;
    color: #6c757d;
    text-align: center;
    font-weight: 500;
}

.color-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.color-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Image Variant Styles */
.variant-image-wrapper {
    margin-top: 10px;
}

.image-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.image-option {
    position: relative;
    width: 70px;
    height: 70px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.image-option:hover:not(:disabled) {
    border-color: #c32929;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.image-option--active {
    border-color: #c32929;
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
    transform: translateY(-2px);
}

.image-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.image-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.image-option__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-option__text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    background: #f8f9fa;
}

.image-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.image-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Select Variant Styles */
.variant-select-wrapper {
    margin-top: 10px;
}

.variant-select {
    padding: 12px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.variant-select:hover {
    border-color: #c32929;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.variant-select:focus {
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(0, 88, 80, 0.1);
    outline: none;
}

.variant-select--has-selection {
    border-color: #c32929;
    background: #f8f9ff;
}

.variant-select option:disabled {
    color: #6c757d;
    background: #f8f9fa;
}

/* Stock Alert Styles */
.stock-alert {
    margin: 15px 0;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid;
    animation: fadeIn 0.3s ease-in-out;
}

.stock-alert-message {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
}

.stock-alert--low {
    background-color: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
}

.stock-alert--low i {
    color: #f39c12;
}

.stock-alert--critical {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    animation: pulse 2s infinite;
}

.stock-alert--critical i {
    color: #dc3545;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}

/* Form Validation Styles */
.checkout-form input.error,
.checkout-form select.error,
.checkout-form textarea.error {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error:focus,
.checkout-form select.error:focus,
.checkout-form textarea.error:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error-focused,
.checkout-form select.error-focused,
.checkout-form textarea.error-focused {
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* Loading Animation */
.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Coupon Section Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #dc3545;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #dc3545;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #dc3545;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #dc3545;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Flash Flasher Styles */
.fl-flasher {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
}

.fl-flasher.fl-show {
    transform: translateX(0);
}

.fl-flasher.fl-success {
    border-left: 4px solid #dc3545;
}

.fl-flasher.fl-error {
    border-left: 4px solid #dc3545;
}

.fl-flasher.fl-warning {
    border-left: 4px solid #ffc107;
}

.fl-flasher.fl-info {
    border-left: 4px solid #17a2b8;
}

.fl-container {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
}

.fl-content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.fl-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 300;
}

.fl-flasher.fl-success .fl-icon {
    background: #dc3545;
}

.fl-flasher.fl-success .fl-icon::before {
    content: "✓";
}

.fl-flasher.fl-error .fl-icon {
    background: #dc3545;
}

.fl-flasher.fl-error .fl-icon::before {
    content: "✕";
}

.fl-flasher.fl-warning .fl-icon {
    background: #ffc107;
}

.fl-flasher.fl-warning .fl-icon::before {
    content: "⚠";
}

.fl-flasher.fl-info .fl-icon {
    background: #17a2b8;
}

.fl-flasher.fl-info .fl-icon::before {
    content: "ℹ";
}

.fl-title {
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    font-size: 14px;
}

.fl-message {
    color: #ffffff !important;
    font-size: 13px;
    margin: 0;
}

.fl-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e5e7eb;
}

.fl-progress {
    height: 100%;
    background: #dc3545;
    transition: width 0.1s linear;
}

.fl-flasher.fl-error .fl-progress {
    background: #dc3545;
}

.fl-flasher.fl-warning .fl-progress {
    background: #ffc107;
}

.fl-flasher.fl-info .fl-progress {
    background: #17a2b8;
}

/* Loading State Styles */
.checkout-coupon-apply-btn.loading,
.checkout-coupon-remove-btn.loading {
    pointer-events: none;
    opacity: 0.8;
    cursor: not-allowed !important;
    position: relative;
}

.checkout-coupon-apply-btn.loading::after,
.checkout-coupon-remove-btn.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Coupon Area Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #dc3545;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #dc3545;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #dc3545;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #dc3545;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Agreement Section Styles */
.checkout-agreements-section {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkout-agreements-section h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-agreements-section h3::before {
    content: '📋';
    font-size: 14px;
}

.checkout-agreement-item {
    margin-bottom: 12px;
}

.checkout-agreement-item:last-child {
    margin-bottom: 0;
}

.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.checkout-checkbox-input {
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: #007bff;
    flex-shrink: 0;
    margin-top: 2px;
}

.checkout-checkbox-text {
    flex: 1;
}

.checkout-checkbox-text a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.checkout-checkbox-text a:hover {
    text-decoration: underline;
}

/* Shipping Details Styles */
.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Shipping Section Styles */
.checkout-shipping-section {
    margin-bottom: 30px;
}

.checkout-shipping-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-shipping-list {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-shipping-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.checkout-shipping-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-shipping-item.selected {
    border-color: #dc3545;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-shipping-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-shipping-name {
    font-weight: 600;
    color: #333;
    font-size: 16px;
}

.checkout-shipping-status {
    color: #dc3545;
}

.checkout-shipping-price {
    font-weight: 600;
    color: #dc3545;
    font-size: 14px;
    margin-bottom: 8px;
}

.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Section Note Styles */
.checkout-section-note {
    font-size: 14px;
    color: #6c757d;
    margin-top: 10px;
    line-height: 1.5;
}

/* Address Section Styles */
.checkout-address-section {
    margin-bottom: 30px;
}

.checkout-address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.checkout-address-header h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.checkout-add-address-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.checkout-add-address-btn:hover {
    background: #0056b3;
    text-decoration: none;
    color: #ffffff !important;
}

.checkout-empty-addresses {
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    margin-bottom: 20px;
}

.checkout-empty-addresses-icon {
    font-size: 48px;
    color: #6c757d;
    margin-bottom: 15px;
}

.checkout-empty-addresses h5 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.checkout-empty-addresses p {
    color: #6c757d;
    margin-bottom: 20px;
}

.checkout-address-list {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-address-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.checkout-address-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-address-item.selected {
    border-color: #dc3545;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-address-title {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}

.checkout-address-details {
    margin-bottom: 15px;
}

.checkout-address-name {
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}

.checkout-address-text {
    color: #666;
    margin-bottom: 5px;
    line-height: 1.4;
}

.checkout-address-location {
    color: #666;
    margin-bottom: 5px;
}

.checkout-address-phone {
    color: #666;
    margin-bottom: 5px;
}

.checkout-company-info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.checkout-company-info div {
    color: #666;
    font-size: 14px;
    margin-bottom: 3px;
}

.checkout-address-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.checkout-edit-btn,
.checkout-delete-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.checkout-edit-btn {
    background: #007bff;
    color: #ffffff !important;
}

.checkout-edit-btn:hover {
    background: #0056b3;
}

.checkout-delete-btn {
    background: #dc3545;
    color: #ffffff !important;
}

.checkout-delete-btn:hover {
    background: #c82333;
}

/* Payment Section Styles */
.checkout-payment-section {
    margin-bottom: 30px;
}

.checkout-payment-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.checkout-payment-options {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-payment-option {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.checkout-payment-option:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-payment-option.selected {
    border-color: #dc3545;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-payment-option img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.checkout-payment-option span {
    font-weight: 500;
    color: #333;
    font-size: 16px;
}

.checkout-payment-radio {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.checkout-payment-details {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid #007bff;
    border-radius: 12px;
    padding: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.1);
    position: relative;
    overflow: hidden;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.checkout-payment-details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #007bff, #dc3545, #ffc107, #dc3545);
}

.checkout-payment-details-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-payment-details-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #007bff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Kredi Kartı Sağlayıcı Stilleri */
.checkout-credit-card-provider-info {
    margin-top: 20px;
}

.checkout-provider-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    color: #666;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.checkout-credit-card-provider {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.checkout-credit-card-provider.active {
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 60px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
}

.checkout-provider-info h5 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.checkout-provider-status {
    margin-left: auto;
}

.status-badge {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.active {
    background: #dc3545;
    color: #ffffff !important;
}

.checkout-provider-details {
    display: grid;
    gap: 15px;
}

.checkout-provider-section h6 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-supported-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.card-badge {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    color: #666;
}

.checkout-provider-features,
.checkout-security-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-provider-features li,
.checkout-security-features li {
    padding: 4px 0;
    font-size: 13px;
    color: #666;
    position: relative;
    padding-left: 15px;
}

.checkout-provider-features li::before,
.checkout-security-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #dc3545;
    font-weight: 300;
}

.checkout-provider-note {
    margin-top: 20px;
    padding: 15px;
    background: #e8f4fd;
    border: 1px solid #bee5eb;
    border-radius: 6px;
}

.checkout-provider-note p {
    margin: 0;
    font-size: 14px;
    color: #0c5460;
}

.checkout-payment-details-header svg {
    color: #dc3545;
}

/* Bank Transfer Styles */
.checkout-bank-info-header {
    margin-bottom: 20px;
}

.checkout-bank-info-header p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-bank-advantages {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-bank-advantages li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-bank-advantages li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #dc3545;
    font-weight: 300;
}

.checkout-banks-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}




.checkout-bank-info {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    height: fit-content;
}

.checkout-bank-info:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.checkout-bank-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-bank-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.checkout-bank-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    flex: 1;
}

.checkout-bank-details {
    margin-bottom: 15px;
}

.checkout-bank-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.checkout-bank-detail-row:hover {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.checkout-bank-detail-row:last-child {
    border-bottom: none;
}

.checkout-bank-label {
    font-weight: 500;
    color: #555;
    font-size: 14px;
}

.checkout-bank-value {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    text-align: right;
    word-break: break-all;
}

.checkout-iban-container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}


.checkout-iban {
    font-family: monospace;
    font-size: 14px;
    letter-spacing: 1px;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.checkout-iban-copy-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
}

.checkout-iban-copy-btn:hover {
    background: #0056b3;
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.checkout-bank-note {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    padding: 12px;
    margin-top: 15px;
    position: relative;
}

.checkout-bank-note::before {
    content: "💡";
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff3cd;
    padding: 4px;
    border-radius: 50%;
    font-size: 12px;
}

.checkout-bank-note p {
    margin: 0;
    color: #856404;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

/* Credit Card Styles */
.checkout-credit-card-provider {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.checkout-provider-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin-bottom: 8px;
    color: #666;
    font-size: 14px;
}

.checkout-credit-card-info {
    margin-top: 20px;
}

.checkout-credit-card-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-card-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.checkout-card-icons img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Cash on Delivery Styles */
.checkout-cash-on-info {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages,
.checkout-cash-on-process,
.checkout-cash-on-important {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages h6,
.checkout-cash-on-process h6,
.checkout-cash-on-important h6 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-cash-on-advantages-list,
.checkout-cash-on-steps,
.checkout-cash-on-important-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-advantages-list li,
.checkout-cash-on-steps li,
.checkout-cash-on-important-list li {
    padding: 6px 0;
    font-size: 14px;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-cash-on-advantages-list li::before {
    content: '✅';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-steps li::before {
    content: '📋';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-important-list li::before {
    content: '⚠️';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-steps {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-steps li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.checkout-cash-on-steps li:before {
    content: counter(step-counter);
    counter-increment: step-counter;
    position: absolute;
    left: 0;
    top: 8px;
    background: #007bff;
    color: #ffffff !important;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
}

.checkout-cash-on-steps {
    counter-reset: step-counter;
}

.checkout-cash-on-fee {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
}

.checkout-cash-on-fee-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-cash-on-fee-header span {
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-fee-amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-cash-on-fee-label {
    color: #666;
    font-size: 14px;
}

.checkout-cash-on-fee-value {
    font-weight: 600;
    color: #dc3545;
    font-size: 16px;
}

.checkout-cash-on-fee-free {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 2px solid #dc3545;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #155724;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
}

.checkout-cash-on-fee-free span {
    font-size: 16px;
    font-weight: 600;
}

.checkout-cash-on-fee-free small {
    font-size: 12px;
    color: #0f5132;
    opacity: 0.8;
}

.checkout-cash-on-fee-note {
    margin-top: 10px;
    padding: 8px 12px;
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    text-align: center;
}

.checkout-cash-on-fee-note small {
    color: #856404;
    font-size: 12px;
}

/* Order Summary Styles */
.checkout-order-summary {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: sticky;
    top: 20px;
    margin-top: 0;
}

.checkout-order-summary h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-items-count {
    font-size: 14px;
    color: #6c757d;
    font-weight: 300;
}

.checkout-order-items {
    margin-bottom: 25px;
}

.checkout-order-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-order-item:last-child {
    border-bottom: none;
}

.checkout-order-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.checkout-order-item-details {
    flex: 1;
}

.checkout-order-item-details p {
    margin: 0 0 5px 0;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

.checkout-cart-product__variant {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.checkout-order-item-price {
    text-align: right;
    flex-shrink: 0;
}

.checkout-price-info {
    margin-bottom: 5px;
}

.checkout-old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
    display: block;
}

.checkout-discount-badge {
    background: #dc3545;
    color: #ffffff !important;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 5px;
}

.checkout-current-price {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    display: block;
}

.checkout-savings-info {
    margin-top: 5px;
}

.checkout-savings-text {
    font-size: 12px;
    color: #dc3545;
    font-weight: 500;
}

/* Summary Section Styles */
.checkout-summary-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.checkout-summary-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-summary-header svg {
    color: #dc3545;
}

.checkout-summary-main {
    margin-bottom: 20px;
}

.checkout-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-summary-row:last-child {
    border-bottom: none;
}

.checkout-summary-row span:first-child {
    color: #666;
    font-size: 14px;
}

.checkout-summary-row span:last-child {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

/* İndirimler satırı için özel stil */
.checkout-discounts-row {
    color: #dc3545;
    font-weight: 500;
}

.checkout-discounts-row span:last-child {
    color: #dc3545;
    font-weight: 600;
}

/* Sipariş detayı için sabit genişlik */
.col-lg-5.col-xl-4 {
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (min-width: 992px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 41.666667% !important;
        max-width: 41.666667% !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

/* Checkout sayfasındaki sipariş detayı için özel stil */
.checkout-summary-section {
    position: sticky !important;
    top: 0 !important;
    height: fit-content !important;
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    z-index: 100 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Sipariş Notu Bölümü */
.checkout-order-note-section {
    margin-bottom: 2rem;
}

.checkout-order-note-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Kargo Seçimi Bölümü */
.checkout-cargo-selection-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Sipariş Notu */
.checkout-section {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.checkout-section h2 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

.checkout-form-group {
    margin-bottom: 1rem;
}

.checkout-form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--minimal-text);
    font-size: 0.875rem;
}

.checkout-form-group textarea {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
    resize: vertical;
    min-height: 80px;
    background: white;
    color: var(--minimal-text);
}

.checkout-form-group textarea:focus {
    outline: none;
    border-color: var(--minimal-primary);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

/* Sözleşme Onayları */
.checkout-agreements-section {
    margin: 1.5rem 0;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.checkout-agreements-section h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

.checkout-agreement-item {
    margin-bottom: 1rem;
}

.checkout-agreement-item:last-child {
    margin-bottom: 0;
}

.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.5;
}

.checkout-checkbox-input {
    margin: 0;
    width: 1rem;
    height: 1rem;
    accent-color: var(--minimal-primary);
}

.checkout-checkbox-text {
    flex: 1;
    color: var(--minimal-text);
}

.checkout-checkbox-text a {
    color: var(--minimal-primary);
}

/* Address Modal Kurumsal Alanları */
#companyFields {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    margin-top: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

#companyFields.show {
    display: block;
    opacity: 1;
    visibility: visible;
}

#companyFields .form-group {
    margin-bottom: 1rem;
}

#companyFields .form-group:last-child {
    margin-bottom: 0;
}

#companyFields label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--minimal-text);
    font-size: 0.875rem;
}

#companyFields input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.875rem;
    background: white;
    color: var(--minimal-text);
    transition: all 0.2s ease;
}

#companyFields input:focus {
    outline: none;
    border-color: var(--minimal-primary);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

#companyFields input:disabled {
    background: #f1f5f9;
    color: #64748b;
    cursor: not-allowed;
}

#companyFields .invalid-feedback {
    display: block;
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* Address Modal Genel Stiller */
.minimal-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.minimal-modal-content {
    position: relative;
    max-width: 700px;
    width: 95%;
    max-height: 90vh;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.minimal-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
    flex-shrink: 0;
}

.minimal-modal-header h3 {
    margin: 0;
    color: #111827;
    font-weight: 600;
    font-size: 1.125rem;
}

.minimal-modal-close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.minimal-modal-close:hover {
    background: #f3f4f6;
    color: #374151;
}

.minimal-modal-body {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.minimal-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    flex-shrink: 0;
}

.minimal-btn {
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.minimal-btn-primary {
    background: #c32929;
    color: #ffffff !important;
    border-color: #c32929;
}

.minimal-btn-primary:hover {
    background: #5a67d8;
    border-color: #5a67d8;
}

.minimal-btn-secondary {
    background: #f3f4f6;
    color: #374151;
    border-color: #d1d5db;
}

.minimal-btn-secondary:hover {
    background: #e5e7eb;
    border-color: #9ca3af;
}

.checkout-checkbox-text a:hover {
    text-decoration: underline;
}

.checkout-order-summary {
    position: relative !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    padding: 1.5rem !important;
    border: 1px solid #e5e7eb !important;
}

@media (min-width: 992px) {
    .checkout-summary-section {
        width: 41.666667% !important;
        max-width: 41.666667% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

@media (min-width: 1200px) {
    .checkout-summary-section {
        width: 33.333333% !important;
        max-width: 33.333333% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Mobilde sticky özelliğini kapat */

.checkout-cash-on-delivery {
    color: #dc3545;
}

.checkout-cash-on-delivery span:last-child {
    color: #dc3545;
}

/* Discounts Section Styles */
.checkout-discounts-section {
    margin-bottom: 20px;
}

.checkout-discounts-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-discounts-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-discounts-header svg {
    color: #dc3545;
}

.checkout-discounts-list {
    display: grid;
    gap: 10px;
}

.checkout-discount-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 4px solid #dc3545;
}

.checkout-discount-info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-discount-info svg {
    color: #dc3545;
}

.checkout-discount-info span {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.checkout-discount-value {
    font-weight: 600;
    color: #dc3545;
    font-size: 14px;
}

.checkout-cart-discount {
    border-left-color: #007bff;
}

.checkout-cart-discount .checkout-discount-info svg,
.checkout-cart-discount .checkout-discount-value {
    color: #007bff;
}

.checkout-websale {
    border-left-color: #ffc107;
}

.checkout-websale .checkout-discount-info svg,
.checkout-websale .checkout-discount-value {
    color: #ffc107;
}

.checkout-campaign {
    border-left-color: #17a2b8;
}

.checkout-campaign .checkout-discount-info svg,
.checkout-campaign .checkout-discount-value {
    color: #17a2b8;
}

.checkout-coupon {
    border-left-color: #6f42c1;
}

.checkout-coupon .checkout-discount-info svg,
.checkout-coupon .checkout-discount-value {
    color: #6f42c1;
}

.checkout-transaction-discount {
    border-left-color: #e11d48;
}

.checkout-transaction-discount .checkout-discount-info svg,
.checkout-transaction-discount .checkout-discount-value {
    color: #e11d48;
}

/* Total Section Styles */
.checkout-total-section {
    border-top: 2px solid #e9ecef;
    padding-top: 20px;
    margin-top: 20px;
}

.checkout-total-row {
    font-size: 18px;
    font-weight: 300;
    color: #333;
}

.checkout-total-row span:first-child {
    color: #333;
    font-size: 18px;
}

.checkout-total-row span:last-child {
    color: #dc3545;
    font-size: 20px;
}

/* Submit Section Styles */
.checkout-submit-section {
    margin-top: 25px;
}

.checkout-submit-btn {
    width: 100%;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 8px;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.checkout-submit-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-submit-btn:disabled {
    background: #6c757d;
    color: #ffffff !important;
    cursor: not-allowed;
}

.checkout-btn-loading {
    display: none;
}

/* Payment Methods Section Styles */
.checkout-payment-methods {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e9ecef;
}

.checkout-payment-methods-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-payment-methods-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-payment-methods-header svg {
    color: #dc3545;
}

.checkout-payment-methods-content {
    text-align: center;
}

.checkout-payment-methods-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.checkout-payment-methods-info p {
    font-size: 12px;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

/* Continue Shopping Styles */
.checkout-continue-shopping {
    margin-top: 20px;
    text-align: center;
}

.checkout-continue-link {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s;
}

.checkout-continue-link:hover {
    color: #0056b3;
    text-decoration: none;
}

/* Form Field Styles */
.checkout-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}


.checkout-form-group {
    margin-bottom: 20px;
}

.checkout-form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
    font-size: 14px;
}

.checkout-form-group input,
.checkout-form-group select,
.checkout-form-group textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background: white;
}

.checkout-form-group input:focus,
.checkout-form-group select:focus,
.checkout-form-group textarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-form-group input.error,
.checkout-form-group select.error,
.checkout-form-group textarea.error {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.checkout-field-note {
    font-size: 12px;
    color: #6c757d;
    margin-top: 5px;
    line-height: 1.4;
}

.required-f {
    color: #dc3545;
    font-weight: 300;
}

/* Checkbox Styles */
.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.checkout-checkbox-label input[type="checkbox"] {
    width: auto;
    margin: 0;
    margin-top: 2px;
}

.checkout-checkbox-label a {
    color: #007bff;
    text-decoration: none;
}

.checkout-checkbox-label a:hover {
    text-decoration: underline;
}

/* Error Message Styles */
.checkout-error-message {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
    color: #721c24;
}

.checkout-error-message h6 {
    margin: 0 0 10px 0;
    font-weight: 600;
}

.checkout-error-list {
    margin: 0;
    padding-left: 20px;
}

.checkout-error-list li {
    margin-bottom: 5px;
}

/* Breadcrumb Styles - Global, sade ve mobil uyumlu */
.checkout-breadcrumb,
.blog-breadcrumb,
.search-breadcrumb {
    background: #f8f9fa;
    border-bottom: 1px solid #e5e7eb;
    padding: 8px 0;
    margin-bottom: 16px;
}

.breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 4px;
    font-size: 13px;
    color: #4b5563;
}

.breadcrumb-item {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.breadcrumb-item span {
    display: inline-block;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb-item:not(:last-child)::after {
    content: "›";
    display: inline-block;
    margin-left: 8px;
    color: #9ca3af;
}

.breadcrumb-item a {
    color: #4b5563;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.breadcrumb-item a:hover {
    color: #111827;
    text-decoration: none;
}

.breadcrumb-item.active span {
    color: #111827;
    font-weight: 600;
    font-size: 13px;
}

@media (max-width: 576px) {
    /* Küçük mobil ürün badge'leri - daha da küçük */
    .top-product-image-badge.product-badge_text {
        padding: 2px 4px !important;
        font-size: 8px !important;
        max-width: 60px !important;
        border-radius: 3px !important;
    }
    
    .top-product-image-badge img {
        max-width: 50px !important;
        max-height: 20px !important;
    }
    
    .product-badge-wrapper {
        gap: 3px !important;
        left: 3px !important;
        top: 3px !important;
    }
    
    .product_collection_badge.product-badge_text {
        padding: 3px 5px !important;
        font-size: 8px !important;
        max-width: 60px !important;
    }
    
    .product_collection_badge img {
        max-width: 50px !important;
        max-height: 18px !important;
    }
    
    .checkout-breadcrumb,
    .blog-breadcrumb,
    .search-breadcrumb {
        padding: 6px 0;
        margin-bottom: 12px;
    }

    .breadcrumb-list {
        font-size: 12px;
        row-gap: 2px;
    }

    .breadcrumb-item span {
        max-width: 180px;
    }
}

/* Skip to Content Link */
.skip-to-content {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #007bff;
    color: #ffffff !important;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    z-index: 1000;
    transition: top 0.3s;
}

.skip-to-content:focus {
    top: 6px;
}

/* Responsive Styles */




/* Checkout Modal Fixes - Critical for clickable elements */
#addressModal {
    pointer-events: auto !important;
    z-index: 10050 !important;
}

#addressModal .modal-dialog {
    pointer-events: auto !important;
    z-index: 10051 !important;
}

#addressModal .modal-content {
    pointer-events: auto !important;
    z-index: 10052 !important;
}

#addressModal .modal-backdrop {
    pointer-events: none !important;
    z-index: 10049 !important;
}

#addressModal .modal .btn,
#addressModal .modal button,
#addressModal .modal .btn-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10053 !important;
    position: relative !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    user-select: auto !important;
}

#addressModal .modal-header,
#addressModal .modal-body,
#addressModal .modal-footer {
    pointer-events: auto !important;
    z-index: 10058 !important;
}

/* Force all address modal elements to be clickable */
#addressModal * {
    pointer-events: auto !important;
}

#addressModal button,
#addressModal .btn,
#addressModal a,
#addressModal select,
#addressModal input {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10000 !important;
}

#addressModal input {
    cursor: auto !important;
}

.uw-checkout-container .modal {
    pointer-events: auto !important;
    z-index: 10050 !important;
}

.uw-checkout-container .modal-dialog {
    pointer-events: auto !important;
    z-index: 10051 !important;
}

.uw-checkout-container .modal-content {
    pointer-events: auto !important;
    z-index: 10052 !important;
}

.uw-checkout-container .modal-backdrop {
    pointer-events: none !important;
    z-index: 10049 !important;
}

.uw-checkout-container .modal .btn,
.uw-checkout-container .modal button,
.uw-checkout-container .modal .btn-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10053 !important;
    position: relative !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    user-select: auto !important;
}

.uw-checkout-container .modal-header,
.uw-checkout-container .modal-body,
.uw-checkout-container .modal-footer {
    pointer-events: auto !important;
    z-index: 10058 !important;
}

/* Force all checkout page elements to be clickable */
.uw-checkout-container * {
    pointer-events: auto !important;
}

.uw-checkout-container button,
.uw-checkout-container .btn,
.uw-checkout-container a,
.uw-checkout-container select,
.uw-checkout-container input {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10000 !important;
}

.uw-checkout-container input {
    cursor: auto !important;
}

/* ===== PRODUCT GALLERY STYLES - UNIQUE CLASSES ===== */
/* Product Gallery - Swiper.js Integration with Unique Classes */
.product-gallery-simple {
    position: relative;
    width: 100%;
    max-width: 100%;
}

/* CSS Çakışmalarını Önlemek İçin Benzersiz Prefix */
.product-gallery-simple * {
    box-sizing: border-box;
}

.product-gallery-simple .swiper-container {
    position: relative;
    width: 100%;
    height: auto;
}

/* Product Gallery Container - Benzersiz */
.product-gallery-container {
    position: relative !important;
    width: 100% !important;
    background: #fafafa !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

/* Product Gallery Main - Benzersiz */
.product-gallery-main {
    position: relative !important;
    width: 100% !important;
    background: #fafafa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Counter - Benzersiz */
.product-gallery-counter {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0,0,0,0.9);
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Product Gallery Buttons - Benzersiz */
.product-gallery-zoom-btn,
.product-gallery-close-btn {
    position: absolute;
    top: 15px;
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px 12px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-zoom-btn {
    right: 50px;
}

.product-gallery-close-btn {
    right: 15px;
}

.product-gallery-zoom-btn:hover,
.product-gallery-close-btn:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

/* Product Gallery Navigation - Benzersiz */
.product-gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 15px 12px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-nav:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

.product-gallery-nav.product-gallery-prev {
    left: 20px;
}

.product-gallery-nav.product-gallery-next {
    right: 20px;
}

/* Swiper Elementleri İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-wrapper {
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.product-gallery-simple .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

/* Product Gallery Main Swiper - Benzersiz */
.product-gallery-main-swiper {
    width: 100% !important;
    height: 100% !important;
}

.product-gallery-main-swiper .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fafafa !important;
    min-height: 500px !important;
}

/* Product Gallery Image Link - Benzersiz */
.product-gallery-image-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
}

.product-gallery-image-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Video Link - Benzersiz */
.product-gallery-video-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    position: relative !important;
}

.product-gallery-video-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Play Button - Benzersiz */
.product-gallery-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 20px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-play-btn:hover {
    background: rgba(255,255,255,0.2);
    transform: translate(-50%, -50%) scale(1.1);
}

.product-gallery-play-btn svg {
    width: 30px;
    height: 30px;
}

/* Swiper Navigation ve Pagination İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-button-next,
.product-gallery-simple .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    background: none;
    color: #333;
}

.product-gallery-simple .swiper-pagination {
    position: relative;
    text-align: center;
    margin-top: 20px;
}

/* Swiper Bullet'lar İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #ccc;
    opacity: 0.5;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-simple .swiper-pagination-bullet-active {
    background: #dc2626;
    opacity: 1;
    transform: scale(1.2);
}

/* Swiper Thumbs İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs {
    margin-top: 20px;
}

.product-gallery-simple .swiper-thumbs .swiper-slide {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.product-gallery-simple .swiper-thumbs .swiper-slide:hover {
    border-color: #dc2626;
    transform: scale(1.05);
}

/* Swiper Thumbs Active State İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs .swiper-slide-thumb-active {
    border-color: #dc2626;
    border-width: 2px;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}

/* Swiper Thumbs Image İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* Product Gallery Thumbs - Benzersiz */
.product-gallery-thumbs {
    background: #fafafa !important;
    padding: 12px 0 !important;
    border-top: none !important;
    margin-top: 20px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    min-height: 100px !important;
    align-items: center !important;
}

/* Product Gallery Thumbnail Swiper - Benzersiz */
.product-gallery-thumbnail-swiper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 80px !important;
}

.product-gallery-thumbnail-swiper .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    background: #fff !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
    position: relative !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-gallery-thumbnail-swiper .swiper-slide:hover {
    border-color: #dc2626 !important;
    transform: scale(1.02) !important;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.15) !important;
}

.product-gallery-thumbnail-swiper .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

/* Product Gallery Thumbnail Active - Benzersiz */
.product-gallery-thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #dc2626 !important;
    border-width: 2px !important;
    transform: scale(1.02) !important;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.2) !important;
    z-index: 2 !important;
}

/* Product Gallery Thumbnail - Benzersiz */
.product-gallery-thumbnail {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
    background: #f8f9fa !important;
    border: 1px solid #e5e7eb !important;
    box-sizing: border-box !important;
}

/* Product Gallery Thumbnail Swiper Wrapper - Benzersiz */
.product-gallery-thumbnail-swiper .swiper-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 20px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
    align-content: center !important;
    flex-direction: row !important;
    min-height: 80px !important;
    height: auto !important;
    flex-shrink: 0 !important;
    flex-grow: 1 !important;
    flex-basis: auto !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
    perspective: none !important;
    transform-style: flat !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* Product Gallery Video Play Button Small - Benzersiz */
.product-gallery-video-play-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    z-index: 10;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.product-gallery-video-play-small svg {
    width: 14px;
    height: 14px;
}

/* Product Gallery Thumbnail Navigation - Benzersiz */
.product-gallery-swiper-next-thumbs,
.product-gallery-swiper-prev-thumbs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.product-gallery-swiper-next-thumbs {
    right: 5px;
    z-index: 15;
}

.product-gallery-swiper-prev-thumbs {
    left: 5px;
    z-index: 15;
}

.product-gallery-swiper-next-thumbs:hover,
.product-gallery-swiper-prev-thumbs:hover {
    background: rgba(220, 38, 38, 0.8);
    transform: translateY(-50%) scale(1.02);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
    z-index: 15;
}

/* Product Gallery Responsive - Benzersiz */


/* Main Gallery Swiper - Unique */
.product-gallery-main-swiper {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.product-gallery-main-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
}

.product-gallery-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-main-image {
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.product-gallery-main-image:hover {
    transform: scale(1.02);
}

/* Video Play Button - Unique */
.product-gallery-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-video-play:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Thumbnail Swiper - Unique */
.product-gallery-thumbnail-swiper {
    width: 100%;
    height: auto;
}

.product-gallery-thumbnail-swiper .swiper-slide {
    width: auto;
    height: auto;
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.product-gallery-thumbnail-swiper .swiper-slide:hover {
    border-color: #dc2626;
    transform: translateY(-2px);
}

.product-gallery-thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #dc2626;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

.product-gallery-thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

/* Video Play Button Small - Unique */
.product-gallery-video-play-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-video-play-small:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Swiper Navigation - Unique */
.product-gallery-swiper-next,
.product-gallery-swiper-prev {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    color: #333;
    transition: all 0.3s ease;
}

.product-gallery-swiper-next:hover,
.product-gallery-swiper-prev:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
}

.product-gallery-swiper-next::after,
.product-gallery-swiper-prev::after {
    font-size: 18px;
    font-weight: 300;
}

/* Swiper Pagination - Unique */
.product-gallery-swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.product-gallery-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.product-gallery-swiper-pagination .swiper-pagination-bullet-active {
    background: #dc2626;
    opacity: 1;
    transform: scale(1.2);
}

/* Simple Gallery Modal - Unique */
.product-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    background: white;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

.product-gallery-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
    z-index: 1;
}

.product-gallery-modal-image {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: 4px;
}

.product-gallery-modal-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
}

.product-gallery-modal-nav button {
    background: #dc2626;
    color: #ffffff !important;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.product-gallery-modal-nav button:hover {
    background: #b91c1c;
}

.product-gallery-modal-counter {
    font-weight: 300;
    color: #333;
}

/* Responsive Design - Unique */


.user-account-container {
    background-color: #f8f9fa;
    min-height: 100vh;
    padding: 2rem 0;
}

.user-account-layout {
    display: flex;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    min-height: 80vh;
    border: 1px solid #f0f0f0;
}

.user-sidebar {
    width: 280px;
    background: white;
    color: #333;
    position: relative;
    flex-shrink: 0;
    border-right: 1px solid #f0f0f0;
}

.user-content {
    flex: 1;
    padding: 2rem;
    background-color: #fafbfc;
    overflow-y: auto;
}

.sidebar {
    padding: 2rem 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.sidebar h1 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 1;
}

.sidebar li {
    margin-bottom: 0.5rem;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    overflow: hidden;
}

.sidebar li:hover {
    background-color: #f8f9fa;
    transform: translateX(5px);
}

.sidebar li.active {
    background: #f8f9fa;
    border-left: 3px solid #dc3545;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.sidebar li a {
    display: flex;
    align-items: center;
    padding: 0.875rem 1rem;
    color: #555;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    width: 100%;
    justify-content: flex-start;
    gap: 0.75rem;
}

.sidebar li.active a {
    color: #dc3545;
    font-weight: 600;
}

.sidebar li:hover a {
    color: #333;
    transform: translateX(3px);
}

.sidebar li a i {
    width: 20px;
    height: 20px;
    font-size: 16px;
    opacity: 0.7;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar li.active a i {
    opacity: 1;
    color: #dc3545;
}

.sidebar li:hover a i {
    opacity: 0.9;
    color: #333;
}

.sidebar li a span {
    flex: 1;
    text-align: left;
}

/* Responsive Design */


/* Minimal Design Components */
.minimal-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-bottom: 1.5rem;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    border: 1px solid #f0f0f0;
}

.minimal-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.minimal-card-header {
    padding: 1.25rem;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
}

.minimal-card-body {
    padding: 1.25rem;
}

.minimal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.8rem;
    gap: 0.4rem;
    letter-spacing: 0.025em;
    min-height: 36px;
}

.minimal-btn-primary {
    background: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff !important;
}

.minimal-btn-primary:hover {
    background-color: #c82333;
    border-color: #c82333;
    color: #ffffff !important;
    transform: translateY(-1px);
}

.minimal-btn-secondary {
    background: #6c757d;
    border: 1px solid #6c757d;
    color: #ffffff !important;
}

.minimal-btn-secondary:hover {
    background-color: #5a6268;
    border-color: #5a6268;
    color: #ffffff !important;
}

.minimal-btn-danger {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff !important;
}

.minimal-btn-danger:hover {
    background-color: #c82333;
    border-color: #c82333;
    color: #ffffff !important;
}

.minimal-btn-success {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff !important;
}

.minimal-btn-success:hover {
    background-color: #218838;
    border-color: #218838;
    color: #ffffff !important;
}

.minimal-btn-sm {
    padding: 0.375rem 0.75rem;
    font-size: 0.7rem;
    min-height: 32px;
}

.minimal-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.minimal-icon-sm {
    width: 1rem;
    height: 1rem;
}

.minimal-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    gap: 0.25rem;
}

.minimal-badge-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.minimal-badge-warning {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.minimal-badge-danger {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.minimal-grid {
    display: grid;
    gap: 1.5rem;
}

.minimal-grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.minimal-grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.minimal-form-group {
    margin-bottom: 1rem;
}

.minimal-form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #333;
}

.minimal-form-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: border-color 0.3s ease;
    background: #ffffff;
}

.minimal-form-input:focus {
    outline: none;
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgba(220,53,69,0.1);
}

.minimal-form-textarea {
    min-height: 100px;
    resize: vertical;
}

.minimal-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
}

.minimal-table th,
.minimal-table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.minimal-table th {
    background: #fafafa;
    font-weight: 600;
    color: #333;
}

.minimal-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.minimal-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.minimal-modal-content {
    background: white;
    border-radius: 12px;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    border: 1px solid #f0f0f0;
}

.minimal-modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fafafa;
}

.minimal-modal-header h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.minimal-modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #999;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.minimal-modal-close:hover {
    background-color: #f8f9fa;
    color: #333;
}

.minimal-modal-body {
    padding: 1.5rem;
}

.minimal-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

/* CSS Variables for consistent theming */ 

/* ===== NOTIFICATIONS PAGE STYLES ===== */

.notifications-page-header {
    margin-bottom: 2rem;
}

.notifications-header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
}

.notifications-header-actions {
    flex-shrink: 0;
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.notifications-page-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: #333;
}

.notifications-page-description {
    color: #666;
    margin: 0;
    font-size: 1rem;
}

.notifications-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notification-item {
    border-left: 4px solid;
    transition: all 0.3s ease;
}

.notification-item.read {
    border-left-color: #e5e7eb;
    opacity: 0.8;
}

.notification-item.unread {
    border-left-color: #3b82f6;
    background-color: #f8fafc;
}

.notification-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f0f0f0;
}

.notification-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.notification-icon {
    width: 40px;
    height: 40px;
    color: #ffffff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-icon.read {
    background: #6b7280;
}

.notification-icon.unread {
    background: #3b82f6;
}

.notification-title {
    margin: 0;
    font-weight: 600;
    color: #333;
    font-size: 1rem;
}

.notification-date {
    color: #666;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.notification-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}



/* Gruplu Ürün Tasarımı */
.grouped-product {
    background: #fff;
    border-radius: 0;
    padding: 20px;
    box-shadow: none;
    border: 1px solid #e5e7eb;
}

.grouped-product-header {
    margin-bottom: 20px;
}

.grouped-product-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.grouped-product-title .product-name {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.2;
    flex: 1;
}

.customization-icon {
    background: #10b981;
    color: #ffffff !important;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
    transition: background-color 0.2s;
    flex-shrink: 0;
}

.customization-icon:hover {
    background: #059669;
}

.grouped-product-price {
    margin-bottom: 12px;
}

.grouped-product-price .total-price {
    font-size: 24px;
    font-weight: 300;
    color: #dc2626;
    line-height: 1.2;
}

/* Takım İçeriği Bölümü */
.set-content-section {
    margin-bottom: 20px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
}

.set-content-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.set-content-description {
    font-size: 13px;
    color: #666;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

.grouped-products-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.grouped-product-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    background: white;
    border-radius: 3px;
    border: 1px solid #e5e7eb;
}

.grouped-product-info {
    flex: 1;
}

.grouped-product-name {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 2px;
}

.grouped-product-price {
    font-size: 13px;
    color: #dc2626;
    font-weight: 600;
}

.grouped-product-quantity {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #666;
}

.quantity-label {
    font-weight: 500;
}

.quantity-value {
    background: #f3f4f6;
    padding: 1px 6px;
    border-radius: 10px;
    font-weight: 600;
    color: #1a1a1a;
    font-size: 12px;
}

/* Gruplu Ürün Aksiyon Bölümü */
.grouped-action-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

.grouped-action-section .quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
    margin-bottom: 12px;
}

.grouped-action-section .qty-btn {
    width: 28px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.grouped-action-section .qty-btn:hover {
    background: #e9ecef;
}

.grouped-action-section .qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 6px;
}

.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.add-to-cart-btn {
    background: #374151;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.add-to-cart-btn:hover {
    background: #1f2937;
}

.add-to-cart-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

.buy-now-btn {
    background: #6b7280;
    color: #ffffff !important;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.buy-now-btn:hover {
    background: #4b5563;
}

.buy-now-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

/* Ürün Özellikleri */
.product-features {
    display: flex;
    gap: 12px;
    margin-top: 12px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #f3f4f6;
    border-radius: 3px;
    font-size: 13px;
    color: #374151;
    font-weight: 500;
}

.feature-item i {
    color: #10b981;
    font-size: 14px;
}

/* Responsive Tasarım */

/* Normal Ürün Tasarımı */
.product-variant-selector {
    max-width: 100%;
    background: #fff;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

/* Ürün Başlığı */
.product-title {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px 0;
    line-height: 1.3;
}

/* Ürün Bilgileri */
.product-info {
    margin-bottom: 12px;
}

.product-info .price {
    font-size: 24px;
    font-weight: 300;
    color: #dc2626;
    margin-bottom: 8px;
    line-height: 1.2;
}

.product-info .status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.product-info .status svg {
    width: 16px;
    height: 16px;
}

.product-info .status.in-stock .status-text {
    color: #059669;
    font-weight: 500;
}

.product-info .status.out-of-stock .status-text {
    color: #dc2626;
    font-weight: 500;
}

/* Ürün Alt Başlığı */
.product-subtitle {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Varyant Bölümü */
.variants-section {
    margin-bottom: 20px;
}

.variant-group {
    margin-bottom: 16px;
}

.variant-group:last-child {
    margin-bottom: 0;
}

.variant-header {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: normal;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    border: 2px solid #e5e5e5;
}

/* Seçili Varyant Göstergesi */
.variant-selection-indicator {
    background: #4a5568;
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-bottom: 8px;
    display: inline-block;
    position: relative;
}

.variant-selection-indicator::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #4a5568;
}

/* Text Label */
.text-label {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 40px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.text-label:hover {
    border-color: #d4af37;
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #d4af37;
    background: #fff;
    color: #333;
}

/* Color Label */
.color-label {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #e5e5e5;
}

.color-label:hover {
    transform: scale(1.05);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #d4af37;
    transform: scale(1.05);
}

/* Image Label */
.image-label {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border: 1px solid #e5e5e5;
}

.image-label:hover {
    transform: scale(1.02);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #d4af37;
    transform: scale(1.02);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

.variant-option input[type="radio"]:disabled + .text-label {
    text-decoration: line-through;
}

/* Miktar Bölümü */
.quantity-section {
    margin-bottom: 20px;
}

.quantity-control {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    width: 100px;
    height: 36px;
}

.qty-btn {
    width: 32px;
    height: 100%;
    border: none;
    background: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    transition: background 0.2s ease;
}

.qty-btn:hover {
    background: #e9ecef;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Aksiyon Butonları */
.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.btn {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
}

.btn-add-cart {
    background: #f8f9fa;
    color: #333;
    border-color: #e5e5e5;
}

.btn-add-cart:hover {
    background: #e9ecef;
}

.btn-buy-now {
    background: #000;
    color: #fff;
    border-color: #000;
}

.btn-buy-now:hover {
    background: #333;
}

.btn-restock-alert {
    background: #fff;
    color: #dc2626;
    border-color: #dc2626;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-restock-alert:hover {
    background: #dc2626;
    color: #fff;
}

.btn-restock-alert svg {
    width: 16px;
    height: 16px;
}

/* Stok yokken butonları devre dışı bırak */
.btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Quantity input stok yokken devre dışı */
.quantity-control.disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Mesajlar */
.messages {
    margin-bottom: 20px;
}

.message {
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* Varyant Yok */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-size: 14px;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-section input[type="radio"] {
    display: none;
}

/* Loading States */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Fiyat Bölümü */
.price-section {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f1f5f9;
}

.price-section .current-price {
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    display: block;
    margin-bottom: 8px;
    line-height: 1.2;
}

.price-section .credit-card-price {
    font-size: 16px;
    color: #64748b;
    display: block;
    margin-bottom: 4px;
}

.price-section .credit-card-price .label {
    font-weight: 500;
}

.price-section .credit-card-price .amount {
    font-weight: 600;
    color: #475569;
}

.price-section .old-price {
    font-size: 18px;
    color: #94a3b8;
    text-decoration: line-through;
    display: block;
}

.price-section .old-price .amount {
    font-weight: 500;
}

/* Seçili Varyant Bilgisi */
.selected-variant-info {
    background: linear-gradient(135deg, #f8fafc, #f1f5f9);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 32px;
}

.info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.info-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-item .label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-item .value {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

/* Varyant Seçimi */
.variant-form {
    margin-bottom: 32px;
}

.variants-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.variant-section {
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.variant-header {
    background: #f8fafc;
    padding: 16px 20px;
    font-weight: 300;
    font-size: 14px;
    color: #0f172a;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #e2e8f0;
}

.variant-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 20px;
}

.variant-option {
    position: relative;
}

.variant-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Varyant Label Stilleri */
.variant-label {
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Text Label */
.text-label {
    padding: 12px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    min-width: 60px;
    text-align: center;
}

.text-label:hover {
    border-color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.variant-option input[type="radio"]:checked + .text-label {
    border-color: #3b82f6;
    background: #3b82f6;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

/* Color Label */
.color-label {
    width: 48px;
    height: 48px;
    border: 3px solid #e2e8f0;
    border-radius: 50%;
    position: relative;
}

.color-label::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
}

.color-label:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .color-label {
    border-color: #3b82f6;
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .color-label::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

/* Image Label */
.image-label {
    width: 70px;
    height: 70px;
    border: 3px solid #e2e8f0;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.image-label::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #3b82f6;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}

.image-label::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 3;
}

.image-label:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

.variant-option input[type="radio"]:checked + .image-label {
    border-color: #3b82f6;
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.25);
}

.variant-option input[type="radio"]:checked + .image-label::before,
.variant-option input[type="radio"]:checked + .image-label::after {
    transform: scale(1);
}

/* Disabled States */
.variant-option input[type="radio"]:disabled + .variant-label {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Action Section */
.action-section {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

/* Quantity Control */
.quantity-control {
    display: flex;
    align-items: center;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    width: 140px;
    height: 52px;
}

.qty-btn {
    width: 44px;
    height: 100%;
    border: none;
    background: #f8fafc;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 300;
    color: #475569;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.qty-btn:hover {
    background: #3b82f6;
    color: #fff;
}

.qty-input {
    flex: 1;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #0f172a;
    background: transparent;
    outline: none;
    padding: 0 8px;
}

/* Add to Cart Button */
.add-to-cart-btn {
    flex: 1;
    height: 52px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: #fff;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.25);
    cursor: pointer;
}

.add-to-cart-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.35);
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.add-to-cart-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Secondary Actions */
.secondary-actions {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.secondary-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 20px;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #fff;
    cursor: pointer;
}

.secondary-btn:hover {
    border-color: #3b82f6;
    color: #3b82f6;
    background: #eff6ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15);
}

.secondary-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    border: 1px solid;
}

.message.success {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.message.error {
    background: #fef2f2;
    color: #dc2626;
    border-color: #fecaca;
}

/* No Variants */
.no-variants {
    text-align: center;
    padding: 40px 20px;
    color: #64748b;
    font-size: 16px;
    font-weight: 500;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.variants-container input[type="radio"] {
    display: none;
}

/* ===== TAKIM ÜRÜNLERİ TABLOSU STİLLERİ ===== */
.pdp-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    margin: 20px 0;
}

.pdp-table th {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    color: #475569;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.8px;
    padding: 20px 16px;
    border-bottom: 2px solid #e2e8f0;
    text-align: left;
    position: sticky;
    top: 0;
    z-index: 10;
}

.pdp-table td {
    padding: 20px 16px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.pdp-table tbody tr:hover {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pdp-table tbody tr:last-child td {
    border-bottom: none;
}

/* Takım ürünleri miktar seçici */
.pdp-table .pdp-qty {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 120px;
}

.pdp-table .pdp-qty .qty-btn {
    width: 50px;
    height: 50px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-btn:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    border-color: #3b82f6;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.pdp-table .pdp-qty .qty-btn:active {
    transform: translateY(0) scale(0.95);
}

.pdp-table .pdp-qty .qty-input {
    width: 70px;
    height: 50px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
    background: #fff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table .pdp-qty .qty-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 12px rgba(59, 130, 246, 0.15);
    transform: translateY(-1px);
}

/* Takım ürünleri bilgi alanı */
.child-product-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.child-product-info strong {
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
}

.child-product-info small {
    color: #6b7280;
    font-size: 12px;
    line-height: 1.4;
}

/* Tablo responsive wrapper */
.table-responsive {
    overflow-x: auto;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Mobilde tablo sütunlarını gizle */

/* Modern Takım Ürünleri Checkbox */
.pdp-table input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: #3b82f6;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pdp-table input[type="checkbox"]:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}

/* Modern Takım Ürünleri Fiyat Sütunları */
.pdp-table .price-column {
    font-weight: 700;
    color: #059669;
    text-align: right;
    font-size: 15px;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.pdp-table .quantity-column {
    text-align: center;
}

.pdp-table .include-column {
    text-align: center;
}

/* Modern Takım Toplam Fiyat */
.team-total {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 24px 32px;
    border-radius: 16px;
    margin-top: 32px;
    text-align: right;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.team-total::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #3b82f6, #1d4ed8);
}

.team-total p {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    color: #1e293b;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.team-total span {
    color: #059669;
    font-size: 24px;
    font-weight: 700;
    background: linear-gradient(135deg, #059669, #047857);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Responsive tablo */

/* Takım ürünleri başlık */
.pdp-section h3 {
    color: #1f2937;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #e5e7eb;
}

/* Takım ürünleri açıklama */
.team-description {
    background: #f8fafc;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    border-left: 4px solid #10b981;
}

.team-description p {
    margin: 0;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.5;
}

/* Takım ürünleri özellikler */
.team-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin: 20px 0;
}

.team-feature {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    text-align: center;
}

.team-feature-icon {
    width: 40px;
    height: 40px;
    background: #10b981;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 18px;
}

.team-feature h4 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
}

.team-feature p {
    margin: 0;
    font-size: 12px;
    color: #6b7280;
}

/* Loading States */
.add-to-cart-btn.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for variant selection */
@keyframes variantPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.variant-label.selected {
    animation: variantPulse 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Fiyat Bölümü */
.product-single__price {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #f5f5f5;
}

.product-single__price .current-price {
    font-size: 28px;
    font-weight: 300;
    color: #1a1a1a;
    display: block;
    margin-bottom: 8px;
}

.product-single__price .credit-card-price {
    font-size: 16px;
    color: #666;
    display: block;
    margin-bottom: 4px;
}

.product-single__price .old-price {
    font-size: 18px;
    color: #999;
    text-decoration: line-through;
    display: block;
}

/* Swatch Container Styles */
.product-single__swatches {
    margin-bottom: 32px;
}

.product-swatch {
    margin-bottom: 24px;
}

.product-swatch label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.swatch-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

/* Text Swatch Styles */
.text-swatches .swatch {
    padding: 12px 20px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    background: #fff;
    min-width: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.text-swatches .swatch:hover {
    border-color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.text-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    background: #007bff;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.text-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f5f5f5;
    border-color: #ddd;
    transform: none;
    box-shadow: none;
}

/* Color Swatch Styles */
.color-swatches .swatch {
    width: 48px;
    height: 48px;
    border: 3px solid #e8e8e8;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.color-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    opacity: 0;
}

.color-swatches .swatch:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.color-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.color-swatches input[type="radio"]:checked + .swatch::before {
    width: 12px;
    height: 12px;
    opacity: 1;
}

.color-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Image Swatch Styles */
.image-swatches .swatch {
    width: 70px;
    height: 70px;
    border: 3px solid #e8e8e8;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-swatches .swatch::before {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: #007bff;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 2;
}

.image-swatches .swatch::after {
    content: '✓';
    position: absolute;
    top: 8px;
    right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 3;
}

.image-swatches .swatch:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.image-swatches input[type="radio"]:checked + .swatch {
    border-color: #007bff;
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.25);
}

.image-swatches input[type="radio"]:checked + .swatch::before,
.image-swatches input[type="radio"]:checked + .swatch::after {
    transform: scale(1);
}

.image-swatches input[type="radio"]:disabled + .swatch {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Quantity Control Styles */
.product-single__addtocart {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-bottom: 24px;
}

.qty-control {
    position: relative;
    width: 120px;
    height: 48px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.qty-control__number {
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    background: transparent;
    outline: none;
}

.qty-control__reduce,
.qty-control__increase {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: #f8f9fa;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 300;
    color: #666;
    transition: all 0.3s ease;
}

.qty-control__reduce {
    left: 4px;
    border-radius: 6px;
}

.qty-control__increase {
    right: 4px;
    border-radius: 6px;
}

.qty-control__reduce:hover,
.qty-control__increase:hover {
    background: #007bff;
    color: #fff;
}

/* Add to Cart Button */
.btn-addtocart {
    flex: 1;
    height: 48px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}

.btn-addtocart:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.35);
    background: linear-gradient(135deg, #0056b3, #004085);
}

.btn-addtocart:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Additional Links */
.product-single__addtolinks {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}

.product-single__addtolinks .menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border: 2px solid #e8e8e8;
    border-radius: 8px;
    text-decoration: none;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
}

.product-single__addtolinks .menu-link:hover {
    border-color: #007bff;
    color: #007bff;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

/* Selected Variant Info */
.selected-variant-info {
    background: linear-gradient(135deg, #f8f9ff, #e8f2ff);
    border: 1px solid #d1e7ff;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
}

.variant-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.variant-sku {
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.variant-stock {
    font-size: 14px;
    font-weight: 600;
    color: #dc3545;
}

/* Messages */
.messages {
    margin-bottom: 24px;
}

.message {
    padding: 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.message.success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.message.error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Responsive Design */

/* Hidden Radio Inputs */
.product-single__swatches input[type="radio"] {
    display: none;
}

/* Loading States */
.btn-addtocart.loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Animation for swatch selection */
@keyframes swatchPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.swatch.selected {
    animation: swatchPulse 0.3s ease;
}

/* ===== VARYANT GENEL STİLLERİ ===== */
.product__options {
    margin: 20px 0;
}

.variant-option {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

.variant-option:last-child {
    border-bottom: none;
}

.variant-label {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.variant-required {
    color: #dc3545;
    font-weight: 300;
}

.variant-selection-info {
    background: #f8f9fa;
    padding: 8px 12px;
    border-radius: 6px;
    border-left: 3px solid #007bff;
}

/* Text Variant Styles */
.variant-text-wrapper {
    margin-top: 10px;
}

.text-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.text-option {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    min-width: 60px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.text-option:hover:not(:disabled) {
    border-color: #c32929;
    background: #f8f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.text-option--active {
    border-color: #c32929;
    background: #c32929;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.text-option--active:hover {
    background: #004040;
    border-color: #004040;
}

.text-option--unavailable {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
    box-shadow: none;
}

.text-option--unavailable:hover {
    border-color: #dc3545;
    background: #f8d7da;
    color: #721c24;
    transform: none;
    box-shadow: none;
}

.text-option__text {
    display: block;
}

.text-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.text-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Color Variant Styles */
.variant-color-wrapper {
    margin-top: 10px;
}

.color-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.color-option {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: relative;
}

.color-option:hover:not(:disabled) {
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.color-option--active {
    border-color: #c32929;
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.color-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.color-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.color-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 6px;
}

.color-name {
    font-size: 12px;
    color: #6c757d;
    text-align: center;
    font-weight: 500;
}

.color-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.color-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Image Variant Styles */
.variant-image-wrapper {
    margin-top: 10px;
}

.image-options {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.image-option {
    position: relative;
    width: 70px;
    height: 70px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.image-option:hover:not(:disabled) {
    border-color: #c32929;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.image-option--active {
    border-color: #c32929;
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
    transform: translateY(-2px);
}

.image-option--unavailable {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.image-option--unavailable:hover {
    transform: none;
    box-shadow: none;
}

.image-option__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-option__text {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #333;
    background: #f8f9fa;
}

.image-option__check {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.image-option__unavailable {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #dc3545;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Select Variant Styles */
.variant-select-wrapper {
    margin-top: 10px;
}

.variant-select {
    padding: 12px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.variant-select:hover {
    border-color: #c32929;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.variant-select:focus {
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(0, 88, 80, 0.1);
    outline: none;
}

.variant-select--has-selection {
    border-color: #c32929;
    background: #f8f9ff;
}

.variant-select option:disabled {
    color: #6c757d;
    background: #f8f9fa;
}

/* Stock Alert Styles */
.stock-alert {
    margin: 15px 0;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid;
    animation: fadeIn 0.3s ease-in-out;
}

.stock-alert-message {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
}

.stock-alert--low {
    background-color: #fff3cd;
    border-color: #ffeaa7;
    color: #856404;
}

.stock-alert--low i {
    color: #f39c12;
}

.stock-alert--critical {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
    animation: pulse 2s infinite;
}

.stock-alert--critical i {
    color: #dc3545;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}

/* Form Validation Styles */
.checkout-form input.error,
.checkout-form select.error,
.checkout-form textarea.error {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error:focus,
.checkout-form select.error:focus,
.checkout-form textarea.error:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

.checkout-form input.error-focused,
.checkout-form select.error-focused,
.checkout-form textarea.error-focused {
    animation: shake 0.5s ease-in-out;
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* Loading Animation */
.animate-spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Coupon Section Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #dc3545;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #dc3545;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #dc3545;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #dc3545;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Flash Flasher Styles */
.fl-flasher {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
}

.fl-flasher.fl-show {
    transform: translateX(0);
}

.fl-flasher.fl-success {
    border-left: 4px solid #dc3545;
}

.fl-flasher.fl-error {
    border-left: 4px solid #dc3545;
}

.fl-flasher.fl-warning {
    border-left: 4px solid #ffc107;
}

.fl-flasher.fl-info {
    border-left: 4px solid #17a2b8;
}

.fl-container {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
}

.fl-content {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.fl-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 300;
}

.fl-flasher.fl-success .fl-icon {
    background: #dc3545;
}

.fl-flasher.fl-success .fl-icon::before {
    content: "✓";
}

.fl-flasher.fl-error .fl-icon {
    background: #dc3545;
}

.fl-flasher.fl-error .fl-icon::before {
    content: "✕";
}

.fl-flasher.fl-warning .fl-icon {
    background: #ffc107;
}

.fl-flasher.fl-warning .fl-icon::before {
    content: "⚠";
}

.fl-flasher.fl-info .fl-icon {
    background: #17a2b8;
}

.fl-flasher.fl-info .fl-icon::before {
    content: "ℹ";
}

.fl-title {
    font-weight: 600;
    color: #1a1a1a;
    margin: 0;
    font-size: 14px;
}

.fl-message {
    color: #ffffff !important;
    font-size: 13px;
    margin: 0;
}

.fl-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #e5e7eb;
}

.fl-progress {
    height: 100%;
    background: #dc3545;
    transition: width 0.1s linear;
}

.fl-flasher.fl-success .fl-progress {
    background: #dc3545;
}

.fl-flasher.fl-error .fl-progress {
    background: #dc3545;
}

.fl-flasher.fl-warning .fl-progress {
    background: #ffc107;
}

.fl-flasher.fl-info .fl-progress {
    background: #17a2b8;
}

/* Loading State Styles */
.checkout-coupon-apply-btn.loading,
.checkout-coupon-remove-btn.loading {
    pointer-events: none;
    opacity: 0.8;
    cursor: not-allowed !important;
    position: relative;
}

.checkout-coupon-apply-btn.loading::after,
.checkout-coupon-remove-btn.loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid transparent;
    border-top: 2px solid currentColor;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Coupon Area Styles */
.checkout-coupon-area {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e9ecef;
}

.checkout-coupon-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-coupon-header h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-coupon-header svg {
    color: #dc3545;
}

.checkout-coupon-form {
    margin-bottom: 15px;
}

.checkout-coupon-input-group {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-input-field {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
}

.checkout-coupon-input-field:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-coupon-apply-btn {
    padding: 10px 20px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s;
}

.checkout-coupon-apply-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-coupon-apply-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.checkout-coupon-help {
    margin: 0;
    font-size: 12px;
    color: #6c757d;
}

.checkout-coupon-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}

.checkout-coupon-success-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-coupon-success-header svg {
    color: #dc3545;
}

.checkout-coupon-success-text {
    font-weight: 600;
    color: #155724;
    margin: 0;
}

.checkout-coupon-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-coupon-name {
    font-weight: 500;
    color: #155724;
}

.checkout-coupon-value {
    font-weight: 600;
    color: #dc3545;
}

.checkout-coupon-remove-btn {
    padding: 8px 16px;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s;
}

.checkout-coupon-remove-btn:hover:not(:disabled) {
    background: #c82333;
}

.checkout-coupon-remove-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* Toast Notification Styles */
.toast-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    max-width: 400px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #ffffff !important;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    align-items: center;
    gap: 10px;
}

.toast-notification.show {
    transform: translateX(0);
}

.toast-notification.success {
    background: #dc3545;
}

.toast-notification.error {
    background: #dc3545;
}

.toast-notification.warning {
    background: #ffc107;
    color: #212529;
}

.toast-notification.info {
    background: #17a2b8;
}

.toast-notification-icon {
    flex-shrink: 0;
}

.toast-notification-content {
    flex: 1;
}

.toast-notification-title {
    font-weight: 600;
    margin-bottom: 2px;
}

.toast-notification-message {
    font-size: 14px;
    opacity: 0.9;
}

.toast-notification-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 0;
    font-size: 18px;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.toast-notification-close:hover {
    opacity: 1;
}

/* Agreement Section Styles */
.checkout-agreements-section {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkout-agreements-section h3 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-agreements-section h3::before {
    content: '📋';
    font-size: 14px;
}

.checkout-agreement-item {
    margin-bottom: 12px;
}

.checkout-agreement-item:last-child {
    margin-bottom: 0;
}

.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.checkout-checkbox-input {
    margin: 0;
    width: 16px;
    height: 16px;
    accent-color: #007bff;
    flex-shrink: 0;
    margin-top: 2px;
}

.checkout-checkbox-text {
    flex: 1;
}

.checkout-checkbox-text a {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

.checkout-checkbox-text a:hover {
    text-decoration: underline;
}

/* Shipping Details Styles */
.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Shipping Section Styles */
.checkout-shipping-section {
    margin-bottom: 30px;
}

.checkout-shipping-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-shipping-list {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-shipping-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.checkout-shipping-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-shipping-item.selected {
    border-color: #dc3545;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-shipping-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.checkout-shipping-name {
    font-weight: 600;
    color: #333;
    font-size: 16px;
}

.checkout-shipping-status {
    color: #dc3545;
}

.checkout-shipping-price {
    font-weight: 600;
    color: #dc3545;
    font-size: 14px;
    margin-bottom: 8px;
}

.checkout-shipping-details {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    padding: 12px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.checkout-shipping-details div {
    margin-bottom: 4px;
}

.checkout-shipping-details div:last-child {
    margin-bottom: 0;
}

/* Section Note Styles */
.checkout-section-note {
    font-size: 14px;
    color: #6c757d;
    margin-top: 10px;
    line-height: 1.5;
}

/* Address Section Styles */
.checkout-address-section {
    margin-bottom: 30px;
}

.checkout-address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.checkout-address-header h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.checkout-add-address-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.checkout-add-address-btn:hover {
    background: #0056b3;
    text-decoration: none;
    color: #ffffff !important;
}

.checkout-empty-addresses {
    text-align: center;
    padding: 40px 20px;
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    margin-bottom: 20px;
}

.checkout-empty-addresses-icon {
    font-size: 48px;
    color: #6c757d;
    margin-bottom: 15px;
}

.checkout-empty-addresses h5 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.checkout-empty-addresses p {
    color: #6c757d;
    margin-bottom: 20px;
}

.checkout-address-list {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-address-item {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.checkout-address-item:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-address-item.selected {
    border-color: #dc3545;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-address-title {
    font-weight: 600;
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}

.checkout-address-details {
    margin-bottom: 15px;
}

.checkout-address-name {
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}

.checkout-address-text {
    color: #666;
    margin-bottom: 5px;
    line-height: 1.4;
}

.checkout-address-location {
    color: #666;
    margin-bottom: 5px;
}

.checkout-address-phone {
    color: #666;
    margin-bottom: 5px;
}

.checkout-company-info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.checkout-company-info div {
    color: #666;
    font-size: 14px;
    margin-bottom: 3px;
}

.checkout-address-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.checkout-edit-btn,
.checkout-delete-btn {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.checkout-edit-btn {
    background: #007bff;
    color: #ffffff !important;
}

.checkout-edit-btn:hover {
    background: #0056b3;
}

.checkout-delete-btn {
    background: #dc3545;
    color: #ffffff !important;
}

.checkout-delete-btn:hover {
    background: #c82333;
}

/* Payment Section Styles */
.checkout-payment-section {
    margin-bottom: 30px;
}

.checkout-payment-section h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.checkout-payment-options {
    display: grid;
    gap: 15px;
    margin-bottom: 20px;
}

.checkout-payment-option {
    background: white;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.checkout-payment-option:hover {
    border-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);
}

.checkout-payment-option.selected {
    border-color: #dc3545;
    background: #f8fff9;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.checkout-payment-option img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.checkout-payment-option span {
    font-weight: 500;
    color: #333;
    font-size: 16px;
}

.checkout-payment-radio {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.checkout-payment-details {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border: 2px solid #007bff;
    border-radius: 12px;
    padding: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.1);
    position: relative;
    overflow: hidden;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.checkout-payment-details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #007bff, #dc3545, #ffc107, #dc3545);
}

.checkout-payment-details-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-payment-details-header h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: #007bff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Kredi Kartı Sağlayıcı Stilleri */
.checkout-credit-card-provider-info {
    margin-top: 20px;
}

.checkout-provider-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    color: #666;
}

.spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.checkout-credit-card-provider {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.checkout-credit-card-provider.active {
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.15);
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 60px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
}

.checkout-provider-info h5 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.checkout-provider-status {
    margin-left: auto;
}

.status-badge {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.status-badge.active {
    background: #dc3545;
    color: #ffffff !important;
}

.checkout-provider-details {
    display: grid;
    gap: 15px;
}

.checkout-provider-section h6 {
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-supported-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.card-badge {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 12px;
    color: #666;
}

.checkout-provider-features,
.checkout-security-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-provider-features li,
.checkout-security-features li {
    padding: 4px 0;
    font-size: 13px;
    color: #666;
    position: relative;
    padding-left: 15px;
}

.checkout-provider-features li::before,
.checkout-security-features li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #dc3545;
    font-weight: 300;
}

.checkout-provider-note {
    margin-top: 20px;
    padding: 15px;
    background: #e8f4fd;
    border: 1px solid #bee5eb;
    border-radius: 6px;
}

.checkout-provider-note p {
    margin: 0;
    font-size: 14px;
    color: #0c5460;
}

.checkout-payment-details-header svg {
    color: #dc3545;
}

/* Bank Transfer Styles */
.checkout-bank-info-header {
    margin-bottom: 20px;
}

.checkout-bank-info-header p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-bank-advantages {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-bank-advantages li {
    padding: 5px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-bank-advantages li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #dc3545;
    font-weight: 300;
}

.checkout-banks-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 20px;
}




.checkout-bank-info {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    height: fit-content;
}

.checkout-bank-info:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.checkout-bank-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-bank-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.checkout-bank-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
    flex: 1;
}

.checkout-bank-details {
    margin-bottom: 15px;
}

.checkout-bank-detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.checkout-bank-detail-row:hover {
    background-color: #f8f9fa;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
}

.checkout-bank-detail-row:last-child {
    border-bottom: none;
}

.checkout-bank-label {
    font-weight: 500;
    color: #555;
    font-size: 14px;
}

.checkout-bank-value {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    text-align: right;
    word-break: break-all;
}

.checkout-iban-container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}


.checkout-iban {
    font-family: monospace;
    font-size: 14px;
    letter-spacing: 1px;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.checkout-iban-copy-btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
}

.checkout-iban-copy-btn:hover {
    background: #0056b3;
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.checkout-bank-note {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    padding: 12px;
    margin-top: 15px;
    position: relative;
}

.checkout-bank-note::before {
    content: "💡";
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff3cd;
    padding: 4px;
    border-radius: 50%;
    font-size: 12px;
}

.checkout-bank-note p {
    margin: 0;
    color: #856404;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

/* Credit Card Styles */
.checkout-credit-card-provider {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
}

.checkout-provider-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.checkout-provider-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.checkout-provider-header h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-provider-info p {
    margin-bottom: 8px;
    color: #666;
    font-size: 14px;
}

.checkout-credit-card-info {
    margin-top: 20px;
}

.checkout-credit-card-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-card-icons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.checkout-card-icons img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Cash on Delivery Styles */
.checkout-cash-on-info {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages,
.checkout-cash-on-process,
.checkout-cash-on-important {
    margin-bottom: 20px;
}

.checkout-cash-on-advantages h6,
.checkout-cash-on-process h6,
.checkout-cash-on-important h6 {
    margin: 0 0 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.checkout-cash-on-advantages-list,
.checkout-cash-on-steps,
.checkout-cash-on-important-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-advantages-list li,
.checkout-cash-on-steps li,
.checkout-cash-on-important-list li {
    padding: 6px 0;
    font-size: 14px;
    color: #666;
    position: relative;
    padding-left: 20px;
}

.checkout-cash-on-advantages-list li::before {
    content: '✅';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-steps li::before {
    content: '📋';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-important-list li::before {
    content: '⚠️';
    position: absolute;
    left: 0;
    font-size: 12px;
}

.checkout-cash-on-info p {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-steps {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkout-cash-on-steps li {
    padding: 8px 0;
    color: #666;
    position: relative;
    padding-left: 25px;
}

.checkout-cash-on-steps li:before {
    content: counter(step-counter);
    counter-increment: step-counter;
    position: absolute;
    left: 0;
    top: 8px;
    background: #007bff;
    color: #ffffff !important;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 300;
}

.checkout-cash-on-steps {
    counter-reset: step-counter;
}

.checkout-cash-on-fee {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 15px;
    margin-top: 15px;
}

.checkout-cash-on-fee-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.checkout-cash-on-fee-header span {
    font-weight: 500;
    color: #333;
}

.checkout-cash-on-fee-amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout-cash-on-fee-label {
    color: #666;
    font-size: 14px;
}

.checkout-cash-on-fee-value {
    font-weight: 600;
    color: #dc3545;
    font-size: 16px;
}

.checkout-cash-on-fee-free {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    border: 2px solid #dc3545;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    color: #155724;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.15);
}

.checkout-cash-on-fee-free span {
    font-size: 16px;
    font-weight: 600;
}

.checkout-cash-on-fee-free small {
    font-size: 12px;
    color: #0f5132;
    opacity: 0.8;
}

.checkout-cash-on-fee-note {
    margin-top: 10px;
    padding: 8px 12px;
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 6px;
    text-align: center;
}

.checkout-cash-on-fee-note small {
    color: #856404;
    font-size: 12px;
}

/* Order Summary Styles */
.checkout-order-summary {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 30px;
    position: sticky;
    top: 20px;
    margin-top: 0;
}

.checkout-order-summary h2 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkout-items-count {
    font-size: 14px;
    color: #6c757d;
    font-weight: 300;
}

.checkout-order-items {
    margin-bottom: 25px;
}

.checkout-order-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-order-item:last-child {
    border-bottom: none;
}

.checkout-order-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
}

.checkout-order-item-details {
    flex: 1;
}

.checkout-order-item-details p {
    margin: 0 0 5px 0;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

.checkout-cart-product__variant {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.checkout-order-item-price {
    text-align: right;
    flex-shrink: 0;
}

.checkout-price-info {
    margin-bottom: 5px;
}

.checkout-old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
    display: block;
}

.checkout-discount-badge {
    background: #dc3545;
    color: #ffffff !important;
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 5px;
}

.checkout-current-price {
    font-weight: 600;
    color: #333;
    font-size: 14px;
    display: block;
}

.checkout-savings-info {
    margin-top: 5px;
}

.checkout-savings-text {
    font-size: 12px;
    color: #dc3545;
    font-weight: 500;
}

/* Summary Section Styles */
.checkout-summary-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.checkout-summary-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.checkout-summary-header svg {
    color: #dc3545;
}

.checkout-summary-main {
    margin-bottom: 20px;
}

.checkout-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.checkout-summary-row:last-child {
    border-bottom: none;
}

.checkout-summary-row span:first-child {
    color: #666;
    font-size: 14px;
}

.checkout-summary-row span:last-child {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

/* İndirimler satırı için özel stil */
.checkout-discounts-row {
    color: #dc3545;
    font-weight: 500;
}

.checkout-discounts-row span:last-child {
    color: #dc3545;
    font-weight: 600;
}

/* Sipariş detayı için sabit genişlik */
.col-lg-5.col-xl-4 {
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (min-width: 992px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 41.666667% !important;
        max-width: 41.666667% !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-5.col-xl-4 {
        flex: 0 0 auto !important;
        width: 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

/* Checkout sayfasındaki sipariş detayı için özel stil */
.checkout-summary-section {
    position: sticky !important;
    top: 0 !important;
    height: fit-content !important;
    flex: 0 0 auto !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    z-index: 100 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Sipariş Notu Bölümü */
.checkout-order-note-section {
    margin-bottom: 2rem;
}

.checkout-order-note-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Kargo Seçimi Bölümü */
.checkout-cargo-selection-section h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

/* Sipariş Notu */
.checkout-section {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.checkout-section h2 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

.checkout-form-group {
    margin-bottom: 1rem;
}

.checkout-form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--minimal-text);
    font-size: 0.875rem;
}

.checkout-form-group textarea {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
    resize: vertical;
    min-height: 80px;
    background: white;
    color: var(--minimal-text);
}

.checkout-form-group textarea:focus {
    outline: none;
    border-color: var(--minimal-primary);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

/* Sözleşme Onayları */
.checkout-agreements-section {
    margin: 1.5rem 0;
    padding: 1.5rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}

.checkout-agreements-section h3 {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--minimal-text);
}

.checkout-agreement-item {
    margin-bottom: 1rem;
}

.checkout-agreement-item:last-child {
    margin-bottom: 0;
}

.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1.5;
}

.checkout-checkbox-input {
    margin: 0;
    width: 1rem;
    height: 1rem;
    accent-color: var(--minimal-primary);
}

.checkout-checkbox-text {
    flex: 1;
    color: var(--minimal-text);
}

.checkout-checkbox-text a {
    color: var(--minimal-primary);
}

/* Address Modal Kurumsal Alanları */
#companyFields {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    margin-top: 1rem;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

#companyFields.show {
    display: block;
    opacity: 1;
    visibility: visible;
}

#companyFields .form-group {
    margin-bottom: 1rem;
}

#companyFields .form-group:last-child {
    margin-bottom: 0;
}

#companyFields label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: var(--minimal-text);
    font-size: 0.875rem;
}

#companyFields input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.875rem;
    background: white;
    color: var(--minimal-text);
    transition: all 0.2s ease;
}

#companyFields input:focus {
    outline: none;
    border-color: var(--minimal-primary);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

#companyFields input:disabled {
    background: #f1f5f9;
    color: #64748b;
    cursor: not-allowed;
}

#companyFields .invalid-feedback {
    display: block;
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

/* Address Modal Genel Stiller */
.minimal-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.minimal-modal-content {
    position: relative;
    max-width: 700px;
    width: 95%;
    max-height: 90vh;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.minimal-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    background: #f9fafb;
    flex-shrink: 0;
}

.minimal-modal-header h3 {
    margin: 0;
    color: #111827;
    font-weight: 600;
    font-size: 1.125rem;
}

.minimal-modal-close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.minimal-modal-close:hover {
    background: #f3f4f6;
    color: #374151;
}

.minimal-modal-body {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.minimal-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    flex-shrink: 0;
}

.minimal-btn {
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.minimal-btn-primary {
    background: #c32929;
    color: #ffffff !important;
    border-color: #c32929;
}

.minimal-btn-primary:hover {
    background: #5a67d8;
    border-color: #5a67d8;
}

.minimal-btn-secondary {
    background: #f3f4f6;
    color: #374151;
    border-color: #d1d5db;
}

.minimal-btn-secondary:hover {
    background: #e5e7eb;
    border-color: #9ca3af;
}

.checkout-checkbox-text a:hover {
    text-decoration: underline;
}

.checkout-order-summary {
    position: relative !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    padding: 1.5rem !important;
    border: 1px solid #e5e7eb !important;
}

@media (min-width: 992px) {
    .checkout-summary-section {
        width: 41.666667% !important;
        max-width: 41.666667% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

@media (min-width: 1200px) {
    .checkout-summary-section {
        width: 33.333333% !important;
        max-width: 33.333333% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Mobilde sticky özelliğini kapat */

.checkout-cash-on-delivery {
    color: #dc3545;
}

.checkout-cash-on-delivery span:last-child {
    color: #dc3545;
}

/* Discounts Section Styles */
.checkout-discounts-section {
    margin-bottom: 20px;
}

.checkout-discounts-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-discounts-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-discounts-header svg {
    color: #dc3545;
}

.checkout-discounts-list {
    display: grid;
    gap: 10px;
}

.checkout-discount-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 6px;
    border-left: 4px solid #dc3545;
}

.checkout-discount-info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-discount-info svg {
    color: #dc3545;
}

.checkout-discount-info span {
    font-size: 14px;
    color: #333;
    font-weight: 500;
}

.checkout-discount-value {
    font-weight: 600;
    color: #dc3545;
    font-size: 14px;
}

.checkout-cart-discount {
    border-left-color: #007bff;
}

.checkout-cart-discount .checkout-discount-info svg,
.checkout-cart-discount .checkout-discount-value {
    color: #007bff;
}

.checkout-websale {
    border-left-color: #ffc107;
}

.checkout-websale .checkout-discount-info svg,
.checkout-websale .checkout-discount-value {
    color: #ffc107;
}

.checkout-campaign {
    border-left-color: #17a2b8;
}

.checkout-campaign .checkout-discount-info svg,
.checkout-campaign .checkout-discount-value {
    color: #17a2b8;
}

.checkout-coupon {
    border-left-color: #6f42c1;
}

.checkout-coupon .checkout-discount-info svg,
.checkout-coupon .checkout-discount-value {
    color: #6f42c1;
}

.checkout-transaction-discount {
    border-left-color: #e11d48;
}

.checkout-transaction-discount .checkout-discount-info svg,
.checkout-transaction-discount .checkout-discount-value {
    color: #e11d48;
}

/* Total Section Styles */
.checkout-total-section {
    border-top: 2px solid #e9ecef;
    padding-top: 20px;
    margin-top: 20px;
}

.checkout-total-row {
    font-size: 18px;
    font-weight: 300;
    color: #333;
}

.checkout-total-row span:first-child {
    color: #333;
    font-size: 18px;
}

.checkout-total-row span:last-child {
    color: #dc3545;
    font-size: 20px;
}

/* Submit Section Styles */
.checkout-submit-section {
    margin-top: 25px;
}

.checkout-submit-btn {
    width: 100%;
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    border-radius: 8px;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.checkout-submit-btn:hover:not(:disabled) {
    background: #218838;
}

.checkout-submit-btn:disabled {
    background: #6c757d;
    color: #ffffff !important;
    cursor: not-allowed;
}

.checkout-btn-loading {
    display: none;
}

/* Payment Methods Section Styles */
.checkout-payment-methods {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #e9ecef;
}

.checkout-payment-methods-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.checkout-payment-methods-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.checkout-payment-methods-header svg {
    color: #dc3545;
}

.checkout-payment-methods-content {
    text-align: center;
}

.checkout-payment-methods-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.checkout-payment-methods-info p {
    font-size: 12px;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

/* Continue Shopping Styles */
.checkout-continue-shopping {
    margin-top: 20px;
    text-align: center;
}

.checkout-continue-link {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s;
}

.checkout-continue-link:hover {
    color: #0056b3;
    text-decoration: none;
}

/* Form Field Styles */
.checkout-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}


.checkout-form-group {
    margin-bottom: 20px;
}

.checkout-form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #333;
    font-size: 14px;
}

.checkout-form-group input,
.checkout-form-group select,
.checkout-form-group textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background: white;
}

.checkout-form-group input:focus,
.checkout-form-group select:focus,
.checkout-form-group textarea:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.checkout-form-group input.error,
.checkout-form-group select.error,
.checkout-form-group textarea.error {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.checkout-field-note {
    font-size: 12px;
    color: #6c757d;
    margin-top: 5px;
    line-height: 1.4;
}

.required-f {
    color: #dc3545;
    font-weight: 300;
}

/* Checkbox Styles */
.checkout-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 15px;
}

.checkout-checkbox-label input[type="checkbox"] {
    width: auto;
    margin: 0;
    margin-top: 2px;
}

.checkout-checkbox-label a {
    color: #007bff;
    text-decoration: none;
}

.checkout-checkbox-label a:hover {
    text-decoration: underline;
}

/* Error Message Styles */
.checkout-error-message {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
    color: #721c24;
}

.checkout-error-message h6 {
    margin: 0 0 10px 0;
    font-weight: 600;
}

.checkout-error-list {
    margin: 0;
    padding-left: 20px;
}

.checkout-error-list li {
    margin-bottom: 5px;
}

/* Breadcrumb Styles */
.checkout-breadcrumb {
    background: white;
    border-bottom: 1px solid #e9ecef;
    padding: 15px 0;
    margin-bottom: 30px;
}

.breadcrumb-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item:not(:last-child)::after {
    content: "/";
    margin-left: 10px;
    color: #6c757d;
}

.breadcrumb-item a {
    color: #007bff;
    text-decoration: none;
    font-size: 14px;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item.active span {
    color: #6c757d;
    font-weight: 500;
    font-size: 14px;
}

/* Skip to Content Link */
.skip-to-content {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #007bff;
    color: #ffffff !important;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    z-index: 1000;
    transition: top 0.3s;
}

.skip-to-content:focus {
    top: 6px;
}

/* Responsive Styles */




/* Checkout Modal Fixes - Critical for clickable elements */
#addressModal {
    pointer-events: auto !important;
    z-index: 10050 !important;
}

#addressModal .modal-dialog {
    pointer-events: auto !important;
    z-index: 10051 !important;
}

#addressModal .modal-content {
    pointer-events: auto !important;
    z-index: 10052 !important;
}

#addressModal .modal-backdrop {
    pointer-events: none !important;
    z-index: 10049 !important;
}

#addressModal .modal .btn,
#addressModal .modal button,
#addressModal .modal .btn-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10053 !important;
    position: relative !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    user-select: auto !important;
}

#addressModal .modal-header,
#addressModal .modal-body,
#addressModal .modal-footer {
    pointer-events: auto !important;
    z-index: 10058 !important;
}

/* Force all address modal elements to be clickable */
#addressModal * {
    pointer-events: auto !important;
}

#addressModal button,
#addressModal .btn,
#addressModal a,
#addressModal select,
#addressModal input {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10000 !important;
}

#addressModal input {
    cursor: auto !important;
}

.uw-checkout-container .modal {
    pointer-events: auto !important;
    z-index: 10050 !important;
}

.uw-checkout-container .modal-dialog {
    pointer-events: auto !important;
    z-index: 10051 !important;
}

.uw-checkout-container .modal-content {
    pointer-events: auto !important;
    z-index: 10052 !important;
}

.uw-checkout-container .modal-backdrop {
    pointer-events: none !important;
    z-index: 10049 !important;
}

.uw-checkout-container .modal .btn,
.uw-checkout-container .modal button,
.uw-checkout-container .modal .btn-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10053 !important;
    position: relative !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    user-select: auto !important;
}

.uw-checkout-container .modal-header,
.uw-checkout-container .modal-body,
.uw-checkout-container .modal-footer {
    pointer-events: auto !important;
    z-index: 10058 !important;
}

/* Force all checkout page elements to be clickable */
.uw-checkout-container * {
    pointer-events: auto !important;
}

.uw-checkout-container button,
.uw-checkout-container .btn,
.uw-checkout-container a,
.uw-checkout-container select,
.uw-checkout-container input {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 10000 !important;
}

.uw-checkout-container input {
    cursor: auto !important;
}

/* ===== PRODUCT GALLERY STYLES - UNIQUE CLASSES ===== */
/* Product Gallery - Swiper.js Integration with Unique Classes */
.product-gallery-simple {
    position: relative;
    width: 100%;
    max-width: 100%;
}

/* CSS Çakışmalarını Önlemek İçin Benzersiz Prefix */
.product-gallery-simple * {
    box-sizing: border-box;
}

.product-gallery-simple .swiper-container {
    position: relative;
    width: 100%;
    height: auto;
}

/* Product Gallery Container - Benzersiz */
.product-gallery-container {
    position: relative !important;
    width: 100% !important;
    background: #fafafa !important;
    border-radius: 0 !important;
    overflow: visible !important;
    box-shadow: none !important;
}

/* Product Gallery Main - Benzersiz */
.product-gallery-main {
    position: relative !important;
    width: 100% !important;
    background: #fafafa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Counter - Benzersiz */
.product-gallery-counter {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0,0,0,0.9);
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Product Gallery Buttons - Benzersiz */
.product-gallery-zoom-btn,
.product-gallery-close-btn {
    position: absolute;
    top: 15px;
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px 12px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-zoom-btn {
    right: 50px;
}

.product-gallery-close-btn {
    right: 15px;
}

.product-gallery-zoom-btn:hover,
.product-gallery-close-btn:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

/* Product Gallery Navigation - Benzersiz */
.product-gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 15px 12px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-nav:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

.product-gallery-nav.product-gallery-prev {
    left: 20px;
}

.product-gallery-nav.product-gallery-next {
    right: 20px;
}

/* Swiper Elementleri İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-wrapper {
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.product-gallery-simple .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

/* Product Gallery Main Swiper - Benzersiz */
.product-gallery-main-swiper {
    width: 100% !important;
    height: 100% !important;
}

.product-gallery-main-swiper .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fafafa !important;
    min-height: 500px !important;
}

/* Product Gallery Image Link - Benzersiz */
.product-gallery-image-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
}

.product-gallery-image-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Video Link - Benzersiz */
.product-gallery-video-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    position: relative !important;
}

.product-gallery-video-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-height: 500px !important;
    border-radius: 0 !important;
}

/* Product Gallery Play Button - Benzersiz */
.product-gallery-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 20px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-play-btn:hover {
    background: rgba(255,255,255,0.2);
    transform: translate(-50%, -50%) scale(1.1);
}

.product-gallery-play-btn svg {
    width: 30px;
    height: 30px;
}

/* Swiper Navigation ve Pagination İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-button-next,
.product-gallery-simple .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    z-index: 10;
    cursor: pointer;
    background: none;
    color: #333;
}

.product-gallery-simple .swiper-pagination {
    position: relative;
    text-align: center;
    margin-top: 20px;
}

/* Swiper Bullet'lar İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #ccc;
    opacity: 0.5;
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-simple .swiper-pagination-bullet-active {
    background: #dc2626;
    opacity: 1;
    transform: scale(1.2);
}

/* Swiper Thumbs İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs {
    margin-top: 20px;
}

.product-gallery-simple .swiper-thumbs .swiper-slide {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.product-gallery-simple .swiper-thumbs .swiper-slide:hover {
    border-color: #dc2626;
    transform: scale(1.05);
}

/* Swiper Thumbs Active State İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs .swiper-slide-thumb-active {
    border-color: #dc2626;
    border-width: 2px;
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}

/* Swiper Thumbs Image İçin Benzersiz Class'lar */
.product-gallery-simple .swiper-thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* Product Gallery Thumbs - Benzersiz */
.product-gallery-thumbs {
    background: #fafafa !important;
    padding: 12px 0 !important;
    border-top: none !important;
    margin-top: 20px !important;
    overflow: visible !important;
    border-radius: 0 !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    min-height: 100px !important;
    align-items: center !important;
}

/* Product Gallery Thumbnail Swiper - Benzersiz */
.product-gallery-thumbnail-swiper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    height: auto !important;
    min-height: 80px !important;
}

.product-gallery-thumbnail-swiper .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    margin-right: 10px !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    background: #fff !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
    position: relative !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.product-gallery-thumbnail-swiper .swiper-slide:hover {
    border-color: #dc2626 !important;
    transform: scale(1.02) !important;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.15) !important;
}

.product-gallery-thumbnail-swiper .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

/* Product Gallery Thumbnail Active - Benzersiz */
.product-gallery-thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #dc2626 !important;
    border-width: 2px !important;
    transform: scale(1.02) !important;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.2) !important;
    z-index: 2 !important;
}

/* Product Gallery Thumbnail - Benzersiz */
.product-gallery-thumbnail {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
    background: #f8f9fa !important;
    border: 1px solid #e5e7eb !important;
    box-sizing: border-box !important;
}

/* Product Gallery Thumbnail Swiper Wrapper - Benzersiz */
.product-gallery-thumbnail-swiper .swiper-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 20px !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
    margin: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
    align-content: center !important;
    flex-direction: row !important;
    min-height: 80px !important;
    height: auto !important;
    flex-shrink: 0 !important;
    flex-grow: 1 !important;
    flex-basis: auto !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
    perspective: none !important;
    transform-style: flat !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* Product Gallery Video Play Button Small - Benzersiz */
.product-gallery-video-play-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    z-index: 10;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.product-gallery-video-play-small svg {
    width: 14px;
    height: 14px;
}

/* Product Gallery Thumbnail Navigation - Benzersiz */
.product-gallery-swiper-next-thumbs,
.product-gallery-swiper-prev-thumbs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.product-gallery-swiper-next-thumbs {
    right: 5px;
    z-index: 15;
}

.product-gallery-swiper-prev-thumbs {
    left: 5px;
    z-index: 15;
}

.product-gallery-swiper-next-thumbs:hover,
.product-gallery-swiper-prev-thumbs:hover {
    background: rgba(220, 38, 38, 0.8);
    transform: translateY(-50%) scale(1.02);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
    z-index: 15;
}

/* Product Gallery Responsive - Benzersiz */


/* Main Gallery Swiper - Unique */
.product-gallery-main-swiper {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.product-gallery-main-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
}

.product-gallery-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-main-image {
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: contain;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.product-gallery-main-image:hover {
    transform: scale(1.02);
}

/* Video Play Button - Unique */
.product-gallery-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-video-play:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Thumbnail Swiper - Unique */
.product-gallery-thumbnail-swiper {
    width: 100%;
    height: auto;
}

.product-gallery-thumbnail-swiper .swiper-slide {
    width: auto;
    height: auto;
    cursor: pointer;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.product-gallery-thumbnail-swiper .swiper-slide:hover {
    border-color: #dc2626;
    transform: translateY(-2px);
}

.product-gallery-thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #dc2626;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}

.product-gallery-thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}

/* Video Play Button Small - Unique */
.product-gallery-video-play-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-gallery-video-play-small:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Swiper Navigation - Unique */
.product-gallery-swiper-next,
.product-gallery-swiper-prev {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    color: #333;
    transition: all 0.3s ease;
}

.product-gallery-swiper-next:hover,
.product-gallery-swiper-prev:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
}

.product-gallery-swiper-next::after,
.product-gallery-swiper-prev::after {
    font-size: 18px;
    font-weight: 300;
}

/* Swiper Pagination - Unique */
.product-gallery-swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.product-gallery-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ccc;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.product-gallery-swiper-pagination .swiper-pagination-bullet-active {
    background: #dc2626;
    opacity: 1;
    transform: scale(1.2);
}

/* Simple Gallery Modal - Unique */
.product-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-gallery-modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    background: white;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

.product-gallery-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
    z-index: 1;
}

.product-gallery-modal-image {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: 4px;
}

.product-gallery-modal-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
}

.product-gallery-modal-nav button {
    background: #dc2626;
    color: #ffffff !important;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.product-gallery-modal-nav button:hover {
    background: #b91c1c;
}

.product-gallery-modal-counter {
    font-weight: 300;
    color: #333;
}

/* Responsive Design - Unique */


.user-account-container {
    background-color: #f8f9fa;
    min-height: 100vh;
    padding: 2rem 0;
}

.user-account-layout {
    display: flex;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    overflow: hidden;
    min-height: 80vh;
    gap: 2rem;
    border: 1px solid #f0f0f0;
}

.user-sidebar {
    width: 280px;
    background: white;
    color: #333;
    position: relative;
    flex-shrink: 0;
    border-right: 1px solid #f0f0f0;
}

.user-content {
    flex: 1;
    padding: 2rem;
    background-color: #fafbfc;
    overflow-y: auto;
}

.sidebar {
    padding: 2rem 1.5rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.sidebar h1 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f0f0f0;
    text-align: center;
}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 1;
}

.sidebar li {
    margin-bottom: 0.5rem;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    overflow: hidden;
}

.sidebar li:hover {
    background-color: #f8f9fa;
    transform: translateX(5px);
}

.sidebar li.active {
    background: #f8f9fa;
    border-left: 3px solid #dc3545;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.sidebar li a {
    display: flex;
    align-items: center;
    padding: 0.875rem 1rem;
    color: #555;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    width: 100%;
    justify-content: flex-start;
    gap: 0.75rem;
}

.sidebar li.active a {
    color: #dc3545;
    font-weight: 600;
}

.sidebar li:hover a {
    color: #333;
    transform: translateX(3px);
}

.sidebar li a i {
    width: 20px;
    height: 20px;
    font-size: 16px;
    opacity: 0.7;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar li.active a i {
    opacity: 1;
    color: #dc3545;
}

.sidebar li:hover a i {
    opacity: 0.9;
    color: #333;
}

.sidebar li a span {
    flex: 1;
    text-align: left;
}

/* Responsive Design */


/* Minimal Design Components */
.minimal-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    margin-bottom: 1.5rem;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    border: 1px solid #f0f0f0;
}

.minimal-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transform: translateY(-2px);
}

.minimal-card-header {
    padding: 1.25rem;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
}

.minimal-card-body {
    padding: 1.25rem;
}

.minimal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.8rem;
    gap: 0.4rem;
    letter-spacing: 0.025em;
    min-height: 36px;
}

.minimal-btn-primary {
    background: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff !important;
}

.minimal-btn-primary:hover {
    background-color: #c82333;
    border-color: #c82333;
    color: #ffffff !important;
    transform: translateY(-1px);
}

.minimal-btn-secondary {
    background: #6c757d;
    border: 1px solid #6c757d;
    color: #ffffff !important;
}

.minimal-btn-secondary:hover {
    background-color: #5a6268;
    border-color: #5a6268;
    color: #ffffff !important;
}

.minimal-btn-danger {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff !important;
}

.minimal-btn-danger:hover {
    background-color: #c82333;
    border-color: #c82333;
    color: #ffffff !important;
}

.minimal-btn-success {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: #ffffff !important;
}

.minimal-btn-success:hover {
    background-color: #218838;
    border-color: #218838;
    color: #ffffff !important;
}

.minimal-btn-sm {
    padding: 0.375rem 0.75rem;
    font-size: 0.7rem;
    min-height: 32px;
}

.minimal-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.minimal-icon-sm {
    width: 1rem;
    height: 1rem;
}

.minimal-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    gap: 0.25rem;
}

.minimal-badge-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.minimal-badge-warning {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.minimal-badge-danger {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.minimal-grid {
    display: grid;
    gap: 1.5rem;
}

.minimal-grid-2 {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
}

.minimal-grid-4 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.minimal-form-group {
    margin-bottom: 1rem;
}

.minimal-form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #333;
}

.minimal-form-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: border-color 0.3s ease;
    background: #ffffff;
}

.minimal-form-input:focus {
    outline: none;
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgba(220,53,69,0.1);
}

.minimal-form-textarea {
    min-height: 100px;
    resize: vertical;
}

.minimal-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    overflow: hidden;
}

.minimal-table th,
.minimal-table td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.minimal-table th {
    background: #fafafa;
    font-weight: 600;
    color: #333;
}

.minimal-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.minimal-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.minimal-modal-content {
    background: white;
    border-radius: 12px;
    max-width: 500px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    border: 1px solid #f0f0f0;
}

.minimal-modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fafafa;
}

.minimal-modal-header h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.minimal-modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #999;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.minimal-modal-close:hover {
    background-color: #f8f9fa;
    color: #333;
}

.minimal-modal-body {
    padding: 1.5rem;
}

.minimal-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

/* CSS Variables for consistent theming */ 

/* ===== NOTIFICATIONS PAGE STYLES ===== */

.notifications-page-header {
    margin-bottom: 2rem;
}

.notifications-header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
}

.notifications-header-actions {
    flex-shrink: 0;
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.notifications-page-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: #333;
}

.notifications-page-description {
    color: #666;
    margin: 0;
    font-size: 1rem;
}

.notifications-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notification-item {
    border-left: 4px solid;
    transition: all 0.3s ease;
}

.notification-item.read {
    border-left-color: #e5e7eb;
    opacity: 0.8;
}

.notification-item.unread {
    border-left-color: #3b82f6;
    background-color: #f8fafc;
}

.notification-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f0f0f0;
}

.notification-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.notification-icon {
    width: 40px;
    height: 40px;
    color: #ffffff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-icon.read {
    background: #6b7280;
}

.notification-icon.unread {
    background: #3b82f6;
}

.notification-title {
    margin: 0;
    font-weight: 600;
    color: #333;
    font-size: 1rem;
}

.notification-date {
    color: #666;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.notification-actions {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.notification-btn {
    font-size: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    text-decoration: none;
    font-weight: 500;
}

.notification-delete-btn {
    background: #fee2e2;
    color: #dc2626;
}

.notification-delete-btn:hover {
    background: #fecaca;
    color: #b91c1c;
}

.minimal-btn-secondary {
    background: #545a66;
    color: #374151;
}

.minimal-btn-secondary:hover {
    background: #545a66;
    color: #1f2937;
}

.minimal-btn-primary {
    background: #3b82f6;
    color: #ffffff !important;
}

.minimal-btn-primary:hover {
    background: #2563eb;
}

.notification-btn-icon {
    width: 14px;
    height: 14px;
}

.notification-content {
    margin: 0;
    color: #666;
    line-height: 1.6;
    padding: 1rem 1.5rem;
}

.notification-action-link {
    margin-top: 1rem;
    padding: 0 1.5rem 1rem;
}

.notification-action-btn {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    font-weight: 500;
}

.notification-action-btn-icon {
    width: 16px;
    height: 16px;
}

.notifications-pagination {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.notifications-empty {
    text-align: center;
    padding: 3rem 1rem;
}

.notifications-empty-icon {
    width: 4rem;
    height: 4rem;
    color: #9ca3af;
    margin: 0 auto 1rem;
}

.notifications-empty-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.5rem 0;
}

.notifications-empty-text {
    color: #666;
    margin: 0;
}

/* Responsive Design */

/* Animation for fade-in effect */
.minimal-fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Alert Components */
.minimal-alert {
    padding: 1rem 1.5rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid;
}

.minimal-alert-error {
    background-color: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
}

.minimal-alert-success {
    background-color: #f0fdf4;
    border-color: #bbf7d0;
    color: #16a34a;
}

.minimal-alert-warning {
    background-color: #fffbeb;
    border-color: #fed7aa;
    color: #d97706;
}

.minimal-alert-info {
    background-color: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

.minimal-alert-content {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.minimal-alert .minimal-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

/* Dashboard Empty Card Styles */
.dashboard-empty-card {
    text-align: center;
    padding: 2rem 1rem;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dashboard-empty-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #374151;
    margin: 0 0 0.5rem 0;
}

.dashboard-empty-text {
    color: #6b7280;
    margin: 0 0 1.5rem 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.dashboard-empty-icon {
    width: 1.5rem;
    height: 1.5rem;
    color: #9ca3af;
    margin-bottom: 0.75rem;
    max-width: 100px;
    max-height: 100px;
}

/* Dashboard Order Buttons */
.dashboard-order-btn {
    padding: 0.4rem 0.8rem;
    font-size: 0.75rem;
    min-height: 32px;
}

/* Responsive Dashboard */


/* ===== FAVORITES PAGE SPECIFIC STYLES ===== */

.favorites-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.favorites-page-header {
    margin-bottom: 2rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--minimal-border);
}

.favorites-header-content {
    text-align: center;
}

.favorites-page-title {
    font-size: 2.5rem;
    font-weight: 300;
    color: var(--minimal-text);
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.favorites-page-icon {
    color: #e74c3c;
    font-size: 2rem;
}

.favorites-page-description {
    color: var(--minimal-text-light);
    font-size: 1.125rem;
    margin: 0;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

.favorites-loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.favorites-loading {
    text-align: center;
    padding: 3rem 1rem;
}

.loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid var(--minimal-border);
    border-top: 3px solid var(--minimal-primary);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.favorites-loading-text {
    color: var(--minimal-text-light);
    margin: 1rem 0 0 0;
    font-size: 1rem;
}

.favorites-content {
    margin-bottom: 2rem;
}

.favorites-stats {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: var(--minimal-bg);
    border: 1px solid var(--minimal-border);
    border-radius: 8px;
}

.favorites-count {
    font-size: 1rem;
    font-weight: 600;
    color: var(--minimal-text);
}

.favorites-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.favorite-card {
    background: var(--minimal-bg);
    border: 1px solid var(--minimal-border);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.favorite-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-4px);
}

/* Yatak (yatay) format - 4:3 aspect ratio - proje ürün listesi ile uyumlu */
.favorite-card-image {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorite-card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.favorite-card:hover .favorite-card-image img {
    transform: scale(1.03);
}

.favorite-remove-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(255, 255, 255, 0.95);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e74c3c;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.favorite-remove-btn:hover {
    background: #e74c3c;
    color: #ffffff !important;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

.favorite-remove-btn i {
    font-size: 16px;
}

.discount-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: linear-gradient(135deg, #e74c3c, #c0392b);
    color: #ffffff !important;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 300;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(231, 76, 60, 0.3);
}

.favorite-card-content {
    padding: 1.25rem;
}

.product-title {
    margin: 0 0 0.75rem 0;
    font-size: 1.25rem; /* Masaüstü için büyütüldü (1.125rem'den 1.25rem'e) */
    font-weight: 600;
    line-height: 1.4;
}

.product-title a {
    color: var(--minimal-text);
    text-decoration: none;
    transition: color 0.3s ease;
}

.product-title a:hover {
    color: var(--minimal-primary);
}

.product-price {
    margin-bottom: 1.25rem;
}

.price-container {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.current-price {
    font-size: 1.25rem;
    font-weight: 300;
    color: var(--minimal-primary);
}

.old-price {
    font-size: 1rem;
    color: var(--minimal-text-light);
    text-decoration: line-through;
}

.product-actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.add-to-cart-btn {
    background: #dc3545;
    color: #ffffff !important;
    border: none;
    padding: 0.875rem 1.25rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    text-decoration: none;
    flex: 1;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.add-to-cart-btn:hover {
    background: #218838;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(40, 167, 69, 0.4);
}

.add-to-cart-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3);
}

.view-product-btn {
    background: #007bff;
    color: #ffffff !important;
    border: 1px solid #007bff;
    padding: 0.875rem 1.25rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    text-decoration: none;
    flex: 1;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

.view-product-btn:hover {
    background: #0056b3;
    border-color: #0056b3;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 123, 255, 0.4);
}

.view-product-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}

.favorites-action-btn-icon {
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
}

.add-to-cart-btn .favorites-action-btn-icon {
    color: #ffffff !important;
}

.favorites-empty-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 500px;
}

.favorites-empty {
    text-align: center;
    padding: 3rem 2rem;
    max-width: 500px;
}

.favorites-empty-icon {
    width: 80px;
    height: 80px;
    color: #e74c3c;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(231, 76, 60, 0.1);
    border-radius: 50%;
    margin: 0 auto 1.5rem;
}

.favorites-empty-icon i {
    font-size: 2.5rem;
}

.favorites-empty-title {
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--minimal-text);
    margin: 0 0 1rem 0;
}

.favorites-empty-text {
    color: var(--minimal-text-light);
    margin: 0 0 2rem 0;
    line-height: 1.6;
    font-size: 1rem;
}

.favorites-empty-actions {
    display: flex;
    justify-content: center;
}

.start-shopping-btn {
    background: var(--minimal-primary);
    color: #ffffff !important;
    border: none;
    padding: 1rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.start-shopping-btn:hover {
    background: var(--minimal-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* Responsive Design for Favorites */


/* ===== SUPPORT PAGE STYLES ===== */

/* Support Page Modal Styles */
.supportpage .minimal-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    backdrop-filter: blur(2px);
}

.supportpage .minimal-modal-content {
    background: #ffffff;
    border-radius: 0.5rem;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    max-width: 700px;
    width: 95%;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transform: scale(0.95);
    transition: transform 0.2s ease-in-out;
    border: 1px solid #e5e7eb;
}

.supportpage .minimal-modal.show .minimal-modal-content {
    transform: scale(1);
}

.supportpage .minimal-modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f9fafb;
}

.supportpage .minimal-modal-header h3 {
    margin: 0;
    color: #111827;
    font-weight: 600;
    font-size: 1.25rem;
}

.supportpage .minimal-modal-close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.supportpage .minimal-modal-close:hover {
    background: #f3f4f6;
    color: #374151;
}

.supportpage .minimal-modal-body {
    padding: 1.5rem;
    overflow-y: auto;
    flex-grow: 1;
}

.supportpage .minimal-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    background: #f9fafb;
}

/* Support Page Form Styles */
.supportpage .minimal-form-group {
    margin-bottom: 1.5rem;
}

.supportpage .minimal-form-label {
    display: block;
    margin-bottom: 0.5rem;
    color: #374151;
    font-weight: 500;
    font-size: 0.875rem;
}

.supportpage .minimal-form-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    background: #ffffff;
    color: #374151;
    transition: border-color 0.2s, box-shadow 0.2s;
    font-size: 0.875rem;
}

.supportpage .minimal-form-input:focus {
    outline: none;
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.supportpage .minimal-form-textarea {
    resize: vertical;
    min-height: 120px;
    font-family: inherit;
}

/* Support Page Button Styles */
.supportpage .minimal-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    border-radius: 0.375rem;
    font-weight: 500;
    font-size: 0.875rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    gap: 0.5rem;
}

.supportpage .minimal-btn-primary {
    background: #c32929;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}

.supportpage .minimal-btn-primary:hover {
    background: #5a67d8;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
}

.supportpage .minimal-btn-secondary {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

.supportpage .minimal-btn-secondary:hover {
    background: #e5e7eb;
    color: #1f2937;
}

/* Support Page Badge Styles */
.supportpage .minimal-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    border: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    gap: 0.5rem;
}

/* Support Page Responsive Design */


/* Notification Styles */
.alert {
    border: none;
    border-radius: 8px;
    padding: 15px 20px;
    margin-bottom: 20px;
    font-weight: 500;
    position: relative;
    animation: slideInRight 0.3s ease-out;
}

.alert-success {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.alert-danger {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

.alert-warning {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
}

.alert-info {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.alert-dismissible {
    padding-right: 50px;
}

.btn-close {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-50%) scale(1.1);
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Position fixed notification */
.position-fixed {
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    z-index: 9999 !important;
    min-width: 300px !important;
    max-width: 500px !important;
    word-wrap: break-word !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Mobile responsive */

/* Müşteri Yorumları - Testimonial Carousel Styles */
.testimonial-carousel {
    padding: 60px 0;
}

.testimonial-carousel .testimonial-card {
    background: white;
    border-radius: 10px !important;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    display: flex
;
    flex-direction: column;
    border: 1px solid #dfdcdcdd;
}

.testimonial-carousel .testimonial-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.testimonial-carousel .testimonial-card h3 {
    color: #333;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 15px;
    min-height: 30px;
}

.testimonial-carousel .testimonial-card p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.testimonial-carousel .user-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: auto;
}

.testimonial-carousel .user-avatar {
    flex-shrink: 0;
}

.testimonial-carousel .user-avatar img,
.testimonial-carousel .avatar-placeholder {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-carousel .avatar-placeholder {
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6c757d;
    font-size: 1.2rem;
}

.testimonial-carousel .user-detail {
    text-align: left;
}

.testimonial-carousel .user-detail h4 {
    margin: 0 0 5px 0;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.testimonial-carousel .user-detail p {
    margin: 0 0 8px 0;
    font-size: 0.9rem;
    color: #666;
}

.testimonial-carousel .rating-stars {
    display: flex;
    gap: 2px;
}

.testimonial-carousel .rating-stars i {
    font-size: 0.8rem;
}

.testimonial-carousel .section-title {
    color: #333;
    margin-bottom: 0;
}

.testimonial-carousel .theme-color {
    color: #007bff;
}

/* Pagination pozisyonu düzeltmesi */
.testimonial-carousel .slideshow-pagination {
    position: relative !important;
    z-index: 10 !important;
    margin-top: 30px !important;
}

.testimonial-carousel .swiper-pagination-bullets {
    position: relative !important;
    bottom: auto !important;
    top: auto !important;
}

.testimonial-carousel .swiper-pagination-bullet {
    background: #007bff !important;
    opacity: 0.3 !important;
    transition: opacity 0.3s ease !important;
}

.testimonial-carousel .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #007bff !important;
}

/* Testimonial slider container styles */
.testimonial-carousel .swiper-container {
    overflow: hidden;
    position: relative;
}

.testimonial-carousel .swiper-wrapper {
    display: flex;
    transition-property: transform;
}

.testimonial-carousel .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

/* Ensure proper spacing between slides */
.testimonial-carousel .swiper-slide:not(:last-child) {
    margin-right: 30px;
}



/* Addresses Page - Clean and Simple Design */
.addresses-page {
    background-color: #f8f9fa;
    min-height: 100vh;
    padding: 2rem 0;
}

.addresses-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.addresses-header {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border: 1px solid #f0f0f0;
}

.addresses-header-content {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.addresses-header-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background: #2d2d2d;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.addresses-header-icon svg {
    width: 30px;
    height: 30px;
    color: #ffffff !important;
}

.addresses-header-text h1 {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: #2d2d2d;
}

.addresses-header-text p {
    color: #666;
    margin: 0;
    font-size: 1rem;
}

.add-address-button {
    background: #2d2d2d;
    color: #ffffff !important;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: background-color 0.3s ease;
    margin-bottom: 2rem;
    text-decoration: none;
}

.add-address-button:hover {
    background: #555;
    text-decoration: none;
    color: #ffffff !important;
}

.add-address-button svg {
    width: 18px;
    height: 18px;
}

.addresses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

/* Instagram Feed Styles */
.instagram-feed {
    padding: 60px 0;
    background: #fff;
}

.instagram-feed .section-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #333;
}

.instagram-grid {
    margin-top: 2rem;
}

.instagram-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.instagram-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.instagram-image {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 1:1 aspect ratio */
}

.instagram-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.instagram-item:hover .instagram-image img {
    transform: scale(1.1);
}

.instagram-overlay {
    background: rgba(0,0,0,0.6) !important;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

.instagram-item:hover .instagram-overlay {
    opacity: 1;
}

.instagram-overlay i {
    font-size: 2rem;
    color: #fff;
}

.btn-link {
    text-decoration: none;
    color: #007bff;
    font-weight: 500;
    transition: color 0.3s ease;
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
}


.default-underline:hover {
    text-decoration: none;
}

/* Responsive adjustments */

.address-card {
    background: white;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

.address-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.address-card-header {
    padding: 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.address-card-title {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.address-card-name {
    font-weight: 600;
    color: #2d2d2d;
    font-size: 1.1rem;
}

.address-card-badge {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    border: none;
}

.address-card-badge.default {
    background: #dc3545;
    color: #ffffff !important;
}

.address-card-badge.personal {
    background: #6c757d;
    color: #ffffff !important;
}

.address-card-badge.company {
    background: #17a2b8;
    color: #ffffff !important;
}

.address-card-body {
    padding: 1.5rem;
}

.address-info {
    margin-bottom: 1rem;
}

.address-info-item {
    margin-bottom: 0.75rem;
    color: #666;
    font-size: 0.9rem;
}

.address-info-item strong {
    color: #2d2d2d;
    font-weight: 600;
}

.address-info-name {
    font-weight: 600;
    color: #2d2d2d;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.address-info-phone {
    color: #666;
    margin-bottom: 0.75rem;
}

.address-info-address {
    color: #666;
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

.address-info-location {
    color: #666;
    font-size: 0.9rem;
}

.address-company-info {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f0f0f0;
}

.address-company-info h4 {
    color: #2d2d2d;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 0.75rem 0;
}

.address-company-item {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.address-company-item strong {
    color: #2d2d2d;
    font-weight: 600;
}

.address-card-actions {
    padding: 1rem 1.5rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.address-action-btn {
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.address-action-btn.edit {
    background: #2d2d2d;
    color: #ffffff !important;
}

.address-action-btn.edit:hover {
    background: #555;
    color: #ffffff !important;
    text-decoration: none;
}

.address-action-btn.delete {
    background: #dc3545;
    color: #ffffff !important;
}

.address-action-btn.delete:hover {
    background: #c82333;
    color: #ffffff !important;
    text-decoration: none;
}

.address-action-btn.default {
    background: #dc3545;
    color: #ffffff !important;
}

.address-action-btn.default:hover {
    background: #218838;
    color: #ffffff !important;
    text-decoration: none;
}

.address-action-btn svg {
    width: 14px;
    height: 14px;
}

.empty-addresses {
    background: white;
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    border: 1px solid #f0f0f0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.empty-addresses-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.empty-addresses-icon svg {
    width: 40px;
    height: 40px;
    color: #6c757d;
}

.empty-addresses h5 {
    color: #2d2d2d;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.empty-addresses p {
    color: #666;
    margin: 0 0 1.5rem 0;
    font-size: 1rem;
}

/* Address Modal - Clean Design */
.address-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}

.address-modal-dialog {
    background: white;
    border-radius: 12px;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.address-modal-header {
    padding: 1.5rem;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.address-modal-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #2d2d2d;
}

.address-modal-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.address-modal-close:hover {
    background: #f8f9fa;
    color: #2d2d2d;
}

.address-modal-body {
    padding: 1.5rem;
}

.address-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.address-form-field {
    margin-bottom: 1rem;
}

.address-form-field.full-width {
    grid-column: 1 / -1;
}

.address-form-label {
    display: block;
    margin-bottom: 0.5rem;
    color: #2d2d2d;
    font-weight: 500;
    font-size: 0.9rem;
}

.address-form-input,
.address-form-select,
.address-form-textarea {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: white;
    color: #2d2d2d;
    font-size: 0.9rem;
    transition: border-color 0.3s ease;
}

.address-form-input:focus,
.address-form-select:focus,
.address-form-textarea:focus {
    outline: none;
    border-color: #2d2d2d;
}

.address-form-textarea {
    resize: vertical;
    min-height: 80px;
}

.address-form-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #2d2d2d;
    font-size: 0.9rem;
}

.address-form-checkbox input[type="checkbox"] {
    margin: 0;
}

.address-modal-footer {
    padding: 1.5rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
}

.address-modal-btn {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.address-modal-btn.cancel {
    background: #6c757d;
    color: #ffffff !important;
}

.address-modal-btn.cancel:hover {
    background: #5a6268;
}

.address-modal-btn.save {
    background: #2d2d2d;
    color: #ffffff !important;
}

.address-modal-btn.save:hover {
    background: #555;
}

/* Responsive Design */

/* Modal Fix - Prevent auto-opening */
#addressModal {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Modal açık olduğunda */
#addressModal.show {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Alpine.js x-show directive için */
#addressModal[x-cloak] {
    display: none !important;
}

/* Kurumsal Alanlar CSS - Son Eklenen */
#companyFields {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Sekmeler: global z-index verme — ürün galerisi lightbox (.product-new-gallery-lightbox)
   ile çakışıp modalın üstüne çıkıyordu. Görsel hiyerarşi için yalnızca relative yeterli. */
.product-single__details-tab > .nav-tabs {
    position: relative;
}

.product-single__details-tab > .nav-tabs .nav-link {
    position: relative;
}

.product-single__details-tab {
    position: relative;
}

/* Galeri z-index düzeltmesi - Unique */
.new-gallery-container {
    position: relative;
    z-index: 1;
    min-height: 600px;
    background: #fafafa;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
}

.new-gallery-main {
    position: relative;
    z-index: 1;
    min-height: 500px;
    background: #fafafa;
    border-radius: 0;
}

/* Modal Fix - Prevent auto-opening */
#addressModal {
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: none;
    opacity: 0;
    visibility: hidden;
}

#companyFields::before {
    content: "🏢 Kurumsal Bilgiler";
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #007bff;
}

#companyFields .form-group {
    margin-bottom: 20px;
    position: relative;
}

#companyFields .form-group:last-child {
    margin-bottom: 0;
}

#companyFields label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

#companyFields .required {
    color: #dc3545;
    font-weight: 300;
    margin-left: 2px;
}

#companyFields input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    background-color: #fff;
}

#companyFields input:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    background-color: #fff;
}

#companyFields input:hover:not(:disabled) {
    border-color: #007bff;
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, 0.15);
}

#companyFields input:disabled {
    background-color: #f8f9fa;
    color: #6c757d;
    cursor: not-allowed;
}

#companyFields input.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    background-color: #fff5f5;
}

#companyFields input.is-valid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    background-color: #f8fff9;
}

#companyFields .invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    color: #dc3545;
    font-weight: 500;
}

#companyFields .text-danger {
    color: #dc3545 !important;
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
    display: block;
}

#companyFields input::placeholder {
    color: #6c757d;
    opacity: 0.7;
    font-style: italic;
}

/* Kurumsal alanlar için animasyon */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
}

@keyframes slideUp {
    from {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }
}

#companyFields.slide-down {
    animation: slideDown 0.3s ease-out;
}

#companyFields.slide-up {
    animation: slideUp 0.3s ease-in;
}

/* Kurumsal alanlar için responsive tasarım */

/* Kurumsal alanlar için animasyon */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }
    to {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
}

@keyframes slideUp {
    from {
        opacity: 1;
        transform: translateY(0);
        max-height: 500px;
    }
    to {
        opacity: 0;
        transform: translateY(-10px);
        max-height: 0;
    }
}

#companyFields.slide-down {
    animation: slideDown 0.3s ease-out;
}

#companyFields.slide-up {
    animation: slideUp 0.3s ease-in;
}

/* Modal Show State */
#addressModal.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
}

/* Modal Backdrop */
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.modal-backdrop.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.modal-backdrop.show {
    opacity: 1;
}

/* Modal Body Scroll Fix */
.modal-open {
    overflow: hidden;
}

/* Company Fields Animation */
#companyFields {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

#companyFields.show {
    display: block !important;
    animation: slideDown 0.3s ease-in-out;
}

@keyframes slideDown {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        max-height: 500px;
        transform: translateY(0);
    }
}

/* Form Validation Styles */
.form-control.is-invalid {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.invalid-feedback {
    display: block;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.text-danger {
    color: #dc3545 !important;
}

/* Required Field Indicator */
.required {
    color: #dc3545;
    font-weight: 300;
}

/* Input Group Styles */
.input-group {
    display: flex;
    align-items: stretch;
}

.input-group .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Custom Radio Styles */
.customRadio {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.customRadio input[type="radio"] {
    margin: 0;
}

.customRadio label {
    margin: 0;
    cursor: pointer;
}

/* Text Gray Helper */
.text-gray {
    color: #6c757d;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Gallery Thumbs Swiper Styles */
.new-gallery-thumbs-swiper .swiper-slide {
    margin-top: 15px;
}

/* ===== YENİ GALERİ TASARIMI - EKRANDAKİ GİBİ ===== */

/* Ana Galeri Container */
.new-gallery-container {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
}

/* Ana Galeri Alanı */
.new-gallery-main {
    position: relative;
    width: 100%;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    border-radius: 0;
}

/* Sayaç (1/13) */
.new-gallery-counter {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0,0,0,0.9);
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    z-index: 10;
      font-family: "Urbanist", sans-serif !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

/* Zoom Butonu */
.new-gallery-zoom-btn {
    position: absolute;
    top: 15px;
    right: 50px;
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px 12px;
    border-radius: 50%;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-gallery-zoom-btn:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

/* Kapatma Butonu */
.new-gallery-close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px 12px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-gallery-close-btn:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

/* Navigasyon Okları */
.new-gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 15px 12px;
    border-radius: 50%;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-gallery-nav:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4);
}

.new-gallery-nav.new-gallery-prev {
    left: 20px;
}

.new-gallery-nav.new-gallery-next {
    right: 20px;
}

/* Ana Swiper */
.new-gallery-main-swiper {
    width: 100%;
    height: 100%;
}

.new-gallery-main-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    min-height: 500px;
}

/* Galeri Resim Linki */
.new-gallery-image-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.new-gallery-image-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    min-height: 500px;
    border-radius: 0;
}

/* Video Linki */
.new-gallery-video-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
}

.new-gallery-video-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
    min-height: 500px;
    border-radius: 0;
}

/* Play Butonu */
.new-gallery-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 20px;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-gallery-play-btn:hover {
    background: rgba(255,255,255,0.2);
    transform: translate(-50%, -50%) scale(1.1);
}

.new-gallery-play-btn svg {
    width: 30px;
    height: 30px;
}

/* Thumbnail Alanı */
.new-gallery-thumbs {
    background: #fafafa;
    padding: 12px 0;
    border-top: none;
    margin-top: 20px;
    overflow: hidden;
    border-radius: 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.new-gallery-thumbs-swiper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

.new-gallery-thumbs-swiper .swiper-slide {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
    box-shadow: none;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 0;
}

.new-gallery-thumbs-swiper .swiper-slide:hover {
    border-color: #dc2626;
    transform: scale(1.02);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.15);
}

.new-gallery-thumbs-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: block;
}

/* Aktif Thumbnail */
.new-gallery-thumbs-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #dc2626;
    border-width: 2px;
    transform: scale(1.02);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.2);
    z-index: 2;
}

/* Küçük Play Butonu (Thumbnail'da) */
.new-gallery-play-btn-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
    z-index: 10;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.new-gallery-play-btn-small svg {
    width: 14px;
    height: 14px;
}

/* Thumbnail Navigation Buttons */
.swiper-button-next-thumbs,
.swiper-button-prev-thumbs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.6);
    color: #ffffff !important;
    border: none;
    padding: 8px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

/* Thumbnail container için ek stiller */
.new-gallery-thumbs .swiper-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 0 20px;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    align-content: center;
    flex-direction: row;
    min-height: 80px;
    height: auto;
    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: auto;
    transform: none;
    transition: none;
    will-change: auto;
    backface-visibility: hidden;
    perspective: none;
    transform-style: flat;
    filter: none;
    mix-blend-mode: normal;
}

.swiper-button-next-thumbs {
    right: 5px;
    z-index: 15;
}

.swiper-button-prev-thumbs {
    left: 5px;
    z-index: 15;
}

.swiper-button-next-thumbs:hover,
.swiper-button-prev-thumbs:hover {
    background: rgba(220, 38, 38, 0.8);
    transform: translateY(-50%) scale(1.02);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
    z-index: 15;
}

/* Responsive Tasarım */


/* ===== YENİ VARYANT BİLEŞENLERİ STİLLERİ ===== */

/* Ürün Varyantları Bölümü */
.product-variants-section {
    margin: 20px 0;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

.variants-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #c32929;
}

/* Varyant Seçici Component */
.product-single__swatches {
    margin: 15px 0;
}

.product-swatch {
    margin-bottom: 20px;
    padding: 15px;
    background: white;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
}

.product-swatch:hover {
    border-color: #c32929;
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.1);
}

.product-swatch h6 {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.swatch-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.swatch-item {
    position: relative;
    cursor: pointer;
}

.swatch-item input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.swatch-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    background: white;
    color: #333;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 60px;
    text-align: center;
}

.swatch-item input[type="radio"]:checked + .swatch-label {
    border-color: #c32929;
    background: #c32929;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 88, 80, 0.3);
}

.swatch-item input[type="radio"]:disabled + .swatch-label {
    opacity: 0.5;
    cursor: not-allowed;
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #6c757d;
}

.swatch-item:hover:not(:has(input[type="radio"]:disabled)) .swatch-label {
    border-color: #c32929;
    background: #f8f9ff;
}

/* Seçili Varyant Bilgisi */
.selected-variant-info {
    margin: 15px 0;
    padding: 15px;
    background: #e8f5e8;
    border-radius: 8px;
    border-left: 4px solid #c32929;
}

.selected-variant-info h5 {
    font-size: 1rem;
    font-weight: 600;
    color: #c32929;
    margin-bottom: 8px;
}

.selected-variant-info p {
    margin: 5px 0;
    font-size: 0.9rem;
    color: #666;
}

/* Fiyat Bilgisi */
.product-price-info {
    margin: 15px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.current-price,
.credit-card-price,
.old-price {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0;
}

.price-label {
    font-weight: 500;
    color: #666;
    min-width: 80px;
}

.price-value {
    font-weight: 600;
    color: #c32929;
    font-size: 1.1rem;
}

.currency {
    font-weight: 500;
    color: #c32929;
}

.old-price .price-value {
    text-decoration: line-through;
    color: #dc3545;
}

/* Miktar Seçici */
.quantity-selector {
    margin: 15px 0;
}

.quantity-selector label {
    display: block;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.quantity-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 150px;
}

.quantity-controls button {
    width: 36px;
    height: 36px;
    border: 1px solid #c32929;
    background: white;
    color: #c32929;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.quantity-controls button:hover:not(:disabled) {
    background: #c32929;
    color: #ffffff !important;
}

.quantity-controls button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.quantity-controls input {
    flex: 1;
    height: 36px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    text-align: center;
    font-weight: 500;
}

/* Sepete Ekleme Bölümü */
.add-to-cart-section {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.add-to-cart-btn,
.quick-order-btn {
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.add-to-cart-btn {
    background: #c32929;
    color: #ffffff !important;
}

.add-to-cart-btn:hover:not(:disabled) {
    background: #004040;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.quick-order-btn {
    background: #6c757d;
    color: #ffffff !important;
}

.quick-order-btn:hover:not(:disabled) {
    background: #5a6268;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
}

.add-to-cart-btn:disabled,
.quick-order-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Mesajlar */
.messages {
    margin: 15px 0;
}

.messages .alert {
    padding: 12px 16px;
    border-radius: 6px;
    font-weight: 500;
    margin: 8px 0;
}

.messages .alert-success {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.messages .alert-danger {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* ===== GRUPLU ÜRÜNLER BÖLÜMÜ ===== */
.grouped-products-section {
    margin: 20px 0;
}

.grouped-products-header {
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid #c32929;
}

.grouped-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.grouped-description {
    color: #666;
    font-size: 0.9rem;
    margin: 0;
}

.grouped-products-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.grouped-product-item {
    padding: 15px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    transition: all 0.3s ease;
}

.grouped-product-item:hover {
    border-color: #c32929;
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.1);
}

.grouped-product-item--selected {
    border-color: #c32929;
    background: #f8f9ff;
}

.grouped-product-info {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.grouped-product-image {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}

.grouped-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grouped-product-details {
    flex: 1;
}

.grouped-product-name {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.grouped-product-price {
    margin-bottom: 8px;
}

.price-current {
    font-weight: 600;
    color: #c32929;
    font-size: 1.1rem;
}

.price-credit {
    font-size: 0.9rem;
    color: #666;
    margin-left: 8px;
}

.grouped-product-stock {
    font-size: 0.9rem;
    color: #666;
}

.grouped-product-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.quantity-selector {
    display: flex;
    align-items: center;
    gap: 10px;
}

.quantity-label {
    font-weight: 500;
    color: #333;
    white-space: nowrap;
}

.qty-control {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
}

.qty-control__number {
    width: 60px;
    height: 36px;
    border: none;
    text-align: center;
    font-weight: 500;
}

.qty-control__reduce,
.qty-control__increase {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border: none;
    cursor: pointer;
    font-weight: 600;
    color: #c32929;
    transition: all 0.2s ease;
}

.qty-control__reduce:hover,
.qty-control__increase:hover {
    background: #c32929;
    color: #ffffff !important;
}

.grouped-product-total {
    text-align: right;
}

.total-label {
    font-weight: 500;
    color: #666;
    margin-right: 8px;
}

.total-value {
    font-weight: 600;
    color: #c32929;
    font-size: 1.1rem;
}

/* Gruplu Ürün Toplam Özeti */
.grouped-total-summary {
    margin: 20px 0;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.total-summary-header {
    margin-bottom: 15px;
}

.summary-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.total-summary-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e9ecef;
}

.summary-row:last-child {
    border-bottom: none;
}

.summary-label {
    font-weight: 500;
    color: #666;
}

.summary-value {
    font-weight: 600;
    color: #c32929;
}

.summary-total {
    font-size: 1.1rem;
    border-top: 2px solid #c32929;
    padding-top: 12px;
    margin-top: 8px;
}

.summary-total .summary-label,
.summary-total .summary-value {
    font-size: 1.1rem;
    font-weight: 300;
}

/* Seçili Ürünler Listesi */
.selected-products-list {
    margin: 15px 0;
    padding: 15px;
    background: #e8f5e8;
    border-radius: 8px;
    border-left: 4px solid #c32929;
}

.selected-title {
    font-size: 1rem;
    font-weight: 600;
    color: #c32929;
    margin-bottom: 12px;
}

.selected-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.selected-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: white;
    border-radius: 6px;
    border: 1px solid #d4edda;
}

.selected-name {
    font-weight: 500;
    color: #333;
}

.selected-quantity {
    font-weight: 600;
    color: #c32929;
}

.btn-remove {
    width: 24px;
    height: 24px;
    border: 1px solid #dc3545;
    background: white;
    color: #dc3545;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 0.8rem;
}

.btn-remove:hover {
    background: #dc3545;
    color: #ffffff !important;
    transform: scale(1.1);
}

/* ===== TEK ÜRÜNLER BÖLÜMÜ ===== */
.simple-product-section {
    margin: 20px 0;
}

.simple-product-form {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #e9ecef;
}

.product-single__addtocart {
    margin-bottom: 20px;
}

.quantity-section {
    margin-bottom: 20px;
}

.quantity-label {
    display: block;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.stock-status {
    margin: 15px 0;
    padding: 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.stock-available {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.stock-unavailable {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.add-to-cart-section,
.quick-order-section {
    margin: 15px 0;
}

.btn-addtocart,
.btn-quick-order {
    width: 100%;
    padding: 12px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-addtocart {
    background: #c32929;
    color: #ffffff !important;
}

.btn-addtocart:hover:not(:disabled) {
    background: #004040;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 88, 80, 0.3);
}

.btn-quick-order {
    background: #6c757d;
    color: #ffffff !important;
}

.btn-quick-order:hover:not(:disabled) {
    background: #5a6268;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.3);
}

.btn-addtocart:disabled,
.btn-quick-order:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Ürün Bilgileri Özeti */
.product-info-summary {
    margin: 20px 0;
    padding: 15px;
    background: white;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0;
}

.info-row:last-child {
    border-bottom: none;
}

.info-label {
    font-weight: 500;
    color: #666;
}

.info-value {
    font-weight: 600;
    color: #333;
}

/* Teslimat Bilgileri */
.delivery-info {
    margin: 20px 0;
}

.delivery-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    color: #666;
    font-size: 0.9rem;
}

.delivery-item i {
    color: #c32929;
    width: 16px;
}

/* ===== MOBİL UYUMLULUK ===== */

/* ===== BASİT VARYANT SİSTEMİ ===== */
.pdp-details {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.pdp-header {
    margin-bottom: 20px;
}

.pdp-title {
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 10px;
}

.pdp-sub {
    color: #666;
    margin-bottom: 10px;
}

.pdp-short-desc {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.pdp-price-section {
    margin-bottom: 20px;
}

.pdp-price {
    font-size: 24px;
    font-weight: 300;
}

.price {
    color: #e74c3c;
}

.credit-card-price {
    font-size: 16px;
    color: #666;
    margin-left: 10px;
}

/* Stock Warning */
.stock-warning {
    margin-bottom: 20px;
}

.warning-box {
    padding: 10px 15px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 300;
}

.warning-low {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.warning-medium {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.warning-high {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Restock Alert */
.notifyBox {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.notify-content h4 {
    margin-bottom: 15px;
    color: #333;
}

.notify-content input[type="email"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
}

.notify-content .btn {
    background: #007bff;
    color: #ffffff !important;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
}

.notify-content .btn:hover {
    background: #0056b3;
}

/* Selected Variant Info */
.selected-variant-info {
    background: #e9ecef;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-weight: 300;
}

/* =========================================================
   Cartnova Cart Page
   ========================================================= */
/* Cartnova: container içinde kullanılır, Bootstrap container max-width ve gutter sağlar */
.cartnova {
    margin: 0;
    padding: 0 0 24px;
    color: #0f172a;
    font-family: "Nunito", var(--uomo-font-primary, "Nunito", sans-serif);
    overflow-x: hidden;
}

.cartnova__layout {
    display: grid;
    gap: 12px;
}

@media (min-width: 992px) {
    .cartnova__layout {
        grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
        align-items: flex-start;
    }
}

.cartnova__panel {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.cartnova__panel-head {
    padding: 12px 16px 8px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cartnova__panel-body {
    padding: 0 16px 16px;
}

.cartnova__panel-foot {
    padding: 12px 16px 16px;
    border-top: 1px solid #edf1f7;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cartnova__title {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -0.01em;
}

.cartnova__subtitle {
    margin: 4px 0 0;
    font-size: 14px;
    color: #6b7280;
}

.cartnova-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cartnova-item {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 12px;
    padding: 12px;
    border: 1px solid #e3e8f1;
    border-radius: 16px;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cartnova-item:hover {
    border-color: #cbd4e6;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.09);
}

.cartnova-item__media {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartnova-item__image {
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e4e9f2;
    background: #f8fafc;
    cursor: pointer;
    position: relative;
    z-index: 1;
    text-decoration: none;
}

.cartnova-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cartnova-item__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cartnova-item__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.cartnova-item__heading {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cartnova-item__title {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
    color: #0f172a;
}

.cartnova-item__title a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.cartnova-item__title a:hover {
    color: #1d4ed8;
}

.cartnova-item__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 13px;
    color: #64748b;
}

.cartnova-item__meta:empty {
    display: none;
}

.cartnova-item__meta li {
    position: relative;
}

.cartnova-item__remove {
    border: 1px solid #f5b5c0;
    background: #ffffff;
    color: #e11d48;
    border-radius: 10px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.cartnova-item__remove:hover {
    background: #e11d48;
    color: #ffffff;
    border-color: #e11d48;
}

.cartnova-item__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
}

.cartnova-qty {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.cartnova-qty__label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #94a3b8;
    text-transform: uppercase;
}

.cartnova-qty__control {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    min-width: 120px;
}

.cartnova-qty__btn {
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cartnova-qty__btn:hover:not(:disabled) {
    background: #f1f5f9;
    color: #1e293b;
}

.cartnova-qty__btn:disabled {
    color: #cbd5f5;
    cursor: not-allowed;
}

.cartnova-qty__input {
    width: 46px;
    height: 40px;
    border: none;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    background: transparent;
    color: #0f172a;
}

.cartnova-qty__input:focus {
    outline: none;
}

.cartnova-item__total {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.cartnova-item__price-old {
    font-size: 13px;
    color: #94a3b8;
    text-decoration: line-through;
}

.cartnova-item__price-current {
    font-size: 18px;
    font-weight: 700;
    color: #dc2626;
}

.cartnova-form__actions {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

.cartnova-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    font-size: 15px;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
}

.cartnova-button i {
    font-size: 14px;
}

.cartnova-button--primary {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #ffffff;
}

.cartnova-button--primary:hover {
    background: #163fae;
    border-color: #163fae;
}

.cartnova-button--secondary {
    background: #0f172a;
    border-color: #0f172a;
    color: #ffffff;
}

.cartnova-button--secondary:hover {
    background: #152036;
    border-color: #152036;
}

.cartnova-button--danger {
    background: #dc2626;
    border-color: #dc2626;
    color: #ffffff;
}

.cartnova-button--danger:hover {
    background: #b91c1c;
    border-color: #b91c1c;
}

.cartnova-button--ghost {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #475569;
}

.cartnova-button--ghost:hover {
    border-color: #cbd5f5;
    color: #1e293b;
}

.cartnova-button--compact {
    padding: 10px 16px;
    font-size: 13px;
    border-radius: 10px;
}

.cartnova-button--block {
    width: 100%;
    justify-content: center;
}

.cartnova-empty {
    text-align: center;
    padding: 28px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    color: #64748b;
}

.cartnova-empty__icon {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    background: #f4f7fc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #1d4ed8;
}

.cartnova-empty__title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #0f172a;
}

.cartnova-empty__text {
    margin: 0;
    font-size: 15px;
}

.cartnova-hidden {
    display: none !important;
}

.cartnova-summary {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 18px 20px;
    background: #f8fafc;
    margin-bottom: 16px;
}

.cartnova-summary--coupon {
    background: #f3f6fd;
    border-color: #d6def3;
}

.cartnova-summary--campaign {
    display: flex;
    gap: 14px;
    align-items: center;
    background: #fff7ed;
    border-color: #fed7aa;
    color: #c2410c;
}

.cartnova-summary__title {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 600;
    color: #0f172a;
}

.cartnova-summary__form {
    display: flex;
    gap: 12px;
}

.cartnova-input {
    flex: 1;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 15px;
    background: #ffffff;
    color: #0f172a;
}

.cartnova-input:focus {
    outline: none;
    border-color: #1d4ed8;
    box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.15);
}

.cartnova-summary__active {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: #dcfce7;
    border: 1px solid #bbf7d0;
    border-radius: 12px;
    padding: 14px 16px;
    color: #166534;
}

.cartnova-summary__active-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #bbf7d0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartnova-summary__active-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-weight: 600;
}

.cartnova-summary__active-code {
    font-size: 14px;
}

.cartnova-summary__active-discount {
    font-size: 13px;
}

.cartnova-summary__campaign-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #fed7aa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.cartnova-summary__campaign-label {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.cartnova-summary__campaign-name,
.cartnova-summary__campaign-desc {
    margin: 2px 0 0;
    font-size: 13px;
}

.cartnova-summary__divider {
    height: 1px;
    background: #e5e9f2;
    margin: 20px 0;
}

.cartnova-summary__rows {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cartnova-summary__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    color: #475569;
}

.cartnova-summary__row--discount {
    color: #dc2626;
}

.cartnova-summary__row--divider {
    border-top: 1px dashed #e2e8f0;
    padding-top: 14px;
    color: #0f766e;
    font-weight: 600;
}

.cartnova-summary__row--total {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.cartnova-summary__label {
    font-weight: 500;
}

.cartnova-summary__value {
    font-weight: 600;
}

.cartnova-summary__value--total {
    font-size: 20px;
}

.cartpage-campaign {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid #dbe2f3;
    border-radius: 16px;
    background: #f8fbff;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.cartpage-campaign__header {
    display: flex;
    align-items: center;
    gap: 14px;
}

.cartpage-campaign__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #0f172a;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.cartpage-campaign__titles {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cartpage-campaign__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #e0e7ff;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cartpage-campaign__name {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}

.cartpage-campaign__body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cartpage-campaign__item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.cartpage-campaign__label {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.cartpage-campaign__value {
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
    text-align: right;
}

.cartpage-campaign__value--highlight {
    color: #16a34a;
}

.cartpage-campaign__footer {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 12px;
    background: #edf2ff;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 600;
}

.cartpage-checkout-button {
    width: 100%;
    padding: 18px 20px;
    border-radius: 16px;
    background: #c32929 !important;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    position: relative;
    z-index: 1;
}

.cartpage-checkout-button:hover {
    background: #c32929 !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.32);
}

.cartpage-checkout-button__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    flex-shrink: 0;
}

.cartpage-checkout-button__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    align-items: flex-start;
}

.cartpage-checkout-button__title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.cartpage-checkout-button__subtitle {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    line-height: 1.4;
}

.cartpage-checkout-button__arrow {
    font-size: 18px;
    color: #ffffff;
    flex-shrink: 0;
}

.cartnova-footnote {
    margin: 0;
    font-size: 13px;
    color: #64748b;
    text-align: center;
}



/* Variants Section */
.pdp-variants {
    margin-bottom: 30px;
}

.pdp-row {
    margin-bottom: 20px;
}

.pdp-field {
    margin-bottom: 15px;
}

.pdp-iv-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.pdp-iv {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    border: 2px solid #ddd;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    transition: all 0.3s ease;
    min-height: 80px;
    justify-content: center;
}

.pdp-iv:hover {
    border-color: #007bff;
}

.pdp-iv[aria-checked="true"] {
    border-color: #dc3545;
    background: #f8f9fa;
}

.pdp-iv .ph {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pdp-iv .ph img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pdp-iv .label {
    font-size: 12px;
    text-align: center;
    font-weight: 500;
}

/* Tooltip */
.has-tip {
    position: relative;
}

.has-tip[data-tip]::after {
    content: attr(data-tip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #ffffff !important;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 9999;
    margin-bottom: 5px;
}

.has-tip[data-tip]:hover::after {
    opacity: 1;
    visibility: visible;
}

/* Quantity and Actions */
.pdp-actions {
    margin-top: 30px;
}

.quantity-selector {
    margin-bottom: 20px;
}

.quantity-selector label {
    display: block;
    margin-bottom: 10px;
    font-weight: 300;
}

.quantity-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 150px;
}

.quantity-controls button {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    background: white;
    border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 300;
}

.quantity-controls button:hover {
    background: #f8f9fa;
}

.quantity-controls input {
    flex: 1;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
}

.action-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.btn {
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease;
}

.btn-primary {
    background: #007bff;
    color: #ffffff !important;
}

.btn-primary:hover {
    background: #0056b3;
}

.btn-success {
    background: #dc3545;
    color: #ffffff !important;
}

.btn-success:hover {
    background: #1e7e34;
}

/* Tabs */
.pdp-tabs {
    margin-top: 40px;
}

.tab-buttons {
    display: flex;
    border-bottom: 2px solid #dee2e6;
    margin-bottom: 20px;
}

.tab-btn {
    padding: 15px 30px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}

.tab-btn:hover {
    color: #333;
}

.tab-btn.active {
    color: #007bff;
    border-bottom-color: #007bff;
}

.tab-content {
    min-height: 200px;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

/* Responsive */

/* Ürün kısa açıklaması */
.pdp-short-description {
    margin: 15px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border-left: 4px solid var(--primary);
}

.pdp-short-description p {
    margin: 0;
    color: #495057;
    line-height: 1.6;
    font-size: 14px;
}

/* Seçili varyant bilgisi */

.selected-variant-content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.selected-label {
    font-weight: 600;
    color: var(--primary);
    font-size: 14px;
}

.selected-variant-text {
    font-weight: 300;
    color: #2c3e50;
    font-size: 16px;
    background: #f4f1f1;
    padding: 6px 12px;
    border-radius: 6px !important;
    border: 1px solid var(--primary);
}

.selected-variant-price {
    font-weight: 600;
    color: var(--primary);
    font-size: 16px;
    background: white;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--primary);
}

.selected-variant-stock {
    font-weight: 600;
    color: var(--ok);
    font-size: 14px;
    background: white;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--ok);
}

/* Varyant stok uyarısı */
.pdp-notify {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 8px;
    padding: 12px 16px;
    margin: 15px 0;
    text-align: center;
}

.pdp-notify h4 {
    margin: 0;
    color: #721c24;
    font-size: 14px;
    font-weight: 600;
}

.pdp-notify.hidden {
    display: none;
}



.pdp-login-required p {
    margin: 0 0 15px 0;
    color: #856404;
    font-size: 14px;
}

.pdp-login-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

.pdp-login-buttons .pdp-btn {
    min-width: 120px;
    text-decoration: none;
    text-align: center;
}

.pdp-form-group small {
    display: block;
    margin-top: 5px;
    color: #6c757d;
    font-size: 12px;
}

.pdp-form-group input[readonly] {
    background-color: #e9ecef;
    cursor: not-allowed;
}
    
    .grouped-product-info {
        flex-direction: column;
        gap: 10px;
    }
    
    .grouped-product-image {
        width: 60px;
        height: 60px;
    }
    
    .grouped-product-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    
    .quantity-controls {
        max-width: 120px;
    }
    
    .quantity-controls button {
        width: 32px;
        height: 32px;
    }
    
    .quantity-controls input {
        height: 32px;
    }
    
    .add-to-cart-btn,
    .quick-order-btn,
    .btn-addtocart,
    .btn-quick-order {
        padding: 10px 20px;
        font-size: 0.9rem;
    }
    
    .selected-item {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }
    
    .selected-item .btn-remove {
        align-self: flex-end;
    }
}

/* ===== EK STİLLER ===== */

/* Varyant Bölüm Başlığı */
.variants-section-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #c32929;
}

/* Varyant Bulunamadı Mesajı */
.no-variants-message {
    text-align: center;
    padding: 30px 20px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    color: #666;
}

.no-variants-message i {
    font-size: 2rem;
    color: #c32929;
    margin-bottom: 15px;
    display: block;
}

.no-variants-message p {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}

/* Varyant Seçici İyileştirmeleri */
.product-swatch h6 {
    position: relative;
    padding-left: 20px;
}

.product-swatch h6::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: #c32929;
            border-radius: 2px;
        }

/* Swatch Hover Efektleri */
.swatch-item {
    position: relative;
    overflow: hidden;
}

.swatch-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 88, 80, 0.1), transparent);
    transition: left 0.3s ease;
}

.swatch-item:hover::before {
    left: 100%;
}

/* Seçili Varyant Animasyonu */
.selected-variant-info {
    animation: slideInFromTop 0.3s ease-out;
}

@keyframes slideInFromTop {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fiyat Değişimi Animasyonu */
.price-value {
    transition: all 0.3s ease;
}

.price-value.changed {
    animation: priceChange 0.5s ease;
}

@keyframes priceChange {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
        color: #dc3545;
    }
    100% {
        transform: scale(1);
    }
}

/* Loading Spinner */
.loading-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #c32929;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Gruplu Ürün Seçimi Animasyonu */
.grouped-product-item--selected {
    animation: selectPulse 0.3s ease;
}

@keyframes selectPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
    100% {
        transform: scale(1);
    }
}

/* Toplam Fiyat Güncelleme */
.grouped-total-summary {
    transition: all 0.3s ease;
}

.grouped-total-summary.updated {
    animation: totalUpdate 0.5s ease;
}

@keyframes totalUpdate {
    0% {
        background: #f8f9fa;
    }
    50% {
        background: #e8f5e8;
    }
    100% {
        background: #f8f9fa;
    }
}

/* Responsive İyileştirmeler */

/* Print Styles */
@media print {
    .product-variants-section,
    .grouped-products-section,
    .simple-product-section {
        background: white !important;
        border: 1px solid #000 !important;
        box-shadow: none !important;
    }
    
    .add-to-cart-btn,
    .quick-order-btn,
    .btn-addtocart,
    .btn-quick-order {
        display: none !important;
    }
    
    .product-swatch,
    .grouped-product-item {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

/* Alpine.js x-cloak directive */
[x-cloak] {
    display: none !important;
}

/* Yeni Ürün Detay Sayfası Stilleri */
:root{
  --bg:#fff; --text:#111827; --muted:#6b7280; --line:#e5e7eb;
  --brand:#111; --brand-contrast:#fff; --chip:#f3f4f6;
  --chip-active:#111; --chip-active-text:#fff; --radius:16px;
  --shadow:0 10px 25px rgba(0,0,0,.06); --danger:#b91c1c; --ok:#065f46;
  --tab-bg:#fafafa; --tab-active:#fff;
}

/* Toast */
.pdp-toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:12px 16px;border-radius:999px;z-index:60;opacity:0;pointer-events:none;transition:.25s}
.pdp-toast[data-show="true"]{opacity:1;pointer-events:auto}

/* Breadcrumb - Ürün Detay */
.pdp-breadcrumb{
    margin:8px auto 0;
    padding:8px 0;
    font-size:13px;
    color:#4b5563;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
}

.pdp-breadcrumb a{
    color:#4b5563;
    text-decoration:none;
    font-weight:500;
}

.pdp-breadcrumb a:hover{
    color:#111827;
    text-decoration:none;
}

.pdp-breadcrumb .sep{
    margin:0 4px;
    color:#9ca3af;
}

/* Breadcrumb (Yeni yapı: ol/li) */
.pdp-breadcrumb__list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
}

.pdp-breadcrumb__item{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#4b5563;
    min-width:0;
}

.pdp-breadcrumb__item + .pdp-breadcrumb__item::before{
    content:"›";
    color:#9ca3af;
    margin:0 2px 0 0;
}

.pdp-breadcrumb__link{
    color:#4b5563;
    text-decoration:none;
    font-weight:500;
    max-width: 42ch;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.pdp-breadcrumb__link:hover{
    color:#111827;
    text-decoration:none;
}

.pdp-breadcrumb__current{
    color:#111827;
    font-weight:600;
    max-width: 56ch;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

@media (max-width:576px){
    .pdp-breadcrumb{
        padding:6px 0;
        font-size:12px;
        gap:4px;
    }
}

/* Layout */
.pdp-wrap {
    margin: auto;
    padding: 3px 0px 5px;
}

.pdp-wrap .container-fluid {
    padding: 0;
}

.pdp-wrap .row {
    margin: 0;
}



.pdp-gallery{background:#fafafa;padding:0}



.pdp-gallery-wrapper .new-gallery-container {
    width: 100%;
    background: #fafafa;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.pdp-gallery-wrapper .new-gallery-main {
    width: 100%;
    min-height: 500px;
    background: #fafafa;
    border-radius: 0;
    padding: 0;
}

.pdp-gallery-wrapper .new-gallery-thumbs {
    margin-top: 20px;
}
.pdp-media{aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:zoom-in}
.pdp-media img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}
.pdp-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.pdp-thumb{background:#f3f4f6;border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;transition:.2s}
.pdp-thumb:hover{transform:translateY(-2px)}
.pdp-thumb img{width:100%;height:100%;object-fit:contain;aspect-ratio:1/1;display:block;max-width:100%;max-height:100%}

/* Tooltip */
.has-tip{position:relative}
.has-tip[data-tip]::after{
  content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);
  background:#111;color:#fff;font-size:12px;padding:6px 8px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s;z-index:9999
}
/* Out-of-stock için tooltip'i override et - sadece hover'da görünsün */
.pdp-chip.out-of-stock.has-tip[data-tip]:not(:hover)::after {
  content: '/' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 1.5em !important;
  font-weight: 400 !important;
  color: #999 !important;
  z-index: 10000 !important;
  pointer-events: none !important;
  line-height: 1 !important;
  font-family: Arial, sans-serif !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
  bottom: auto !important;
}

/* Hover'da tooltip görünsün */
.pdp-chip.out-of-stock.has-tip[data-tip]:hover::after {
  content: attr(data-tip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 8px) !important;
  transform: translateX(-50%) !important;
  background: #111 !important;
  color: #fff !important;
  font-size: 12px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transition: .15s !important;
  z-index: 10001 !important;
  top: auto !important;
  line-height: normal !important;
  font-weight: normal !important;
  visibility: visible !important;
}
.has-tip[data-tip]::before{
  content:"";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);
  border:6px solid transparent;border-top-color:#111;opacity:0;transition:.15s
}
.has-tip:hover::after,.has-tip:hover::before{opacity:1}

/* Right panel */
.pdp-panel{border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}

/* Panel Responsive Stilleri */

.pdp-title{font-size:22px;line-height:1.2;margin:0 0 8px;font-weight:700}
.pdp-sub{color:var(--muted);font-size:14px;margin:0 0 18px}
.pdp-tags{display:flex;align-items:center;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.pdp-tags-label{color:var(--muted);font-size:14px;font-weight:500}
.pdp-tags-list{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.pdp-tag-item{color:var(--text);font-size:14px;text-decoration:none}
.pdp-price-wrap{display:flex !important;flex-direction:column !important;gap:8px !important;margin:12px 0 !important}
.pdp-price-container{display:flex !important;flex-direction:column !important;gap:8px !important}
.pdp-price-main{display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;flex-direction:row !important}
.pdp-price-with-badge{display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important}
.pdp-price-old{color:#999;text-decoration:line-through;font-size:18px;font-weight:500;display:inline-block !important}
.pdp-price-new{font-size:28px;font-weight:700;color:#dc2626;display:inline-block !important;line-height:1.2;margin:0 !important}
.pdp-discount-badge-modern{display:inline-flex !important;align-items:center !important;border-radius:6px !important;padding:6px 10px !important;font-weight:600 !important;border:1px solid !important;transition:all 0.2s ease !important;white-space:nowrap !important;vertical-align:middle !important}
.pdp-discount-badge-modern:hover{transform:translateY(-1px) !important;box-shadow:0 2px 6px rgba(0,0,0,0.1) !important}
.discount-badge-content{display:flex !important;align-items:center !important;gap:6px !important}
.discount-icon{font-size:12px !important;opacity:0.85}
.discount-text{display:flex !important;flex-direction:column !important;gap:1px !important;line-height:1.1}
.discount-amount{font-size:14px !important;font-weight:700 !important;letter-spacing:-0.2px}
.discount-label{font-size:10px !important;font-weight:600 !important;opacity:0.9;text-transform:uppercase;letter-spacing:0.3px}
.discount-price-label{font-size:13px !important;color:#666 !important;margin-top:4px !important;font-weight:400}
.pdp-discount-badge{font-size:12px;background:#dc2626;color:#fff;border-radius:999px;padding:4px 8px;font-weight:600;display:inline-block}

/* Sepette İndirim Badge - Benzersiz Tasarım */
.pdp-discount-badge-cart {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-weight: 600 !important;
    border: 2px solid #9333ea !important;
    background: #faf5ff !important;
    color: #9333ea !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    box-shadow: 0 2px 4px rgba(147, 51, 234, 0.15) !important;
    position: relative !important;
    overflow: hidden !important;
}

.pdp-discount-badge-cart::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(255, 255, 255, 0.3) !important;
    transition: left 0.5s ease !important;
}

.pdp-discount-badge-cart:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(147, 51, 234, 0.25) !important;
    border-color: #7e22ce !important;
    background: #f3e8ff !important;
}

.pdp-discount-badge-cart:hover::before {
    left: 100% !important;
}

.pdp-discount-badge-cart .discount-icon {
    color: #9333ea !important;
    font-size: 13px !important;
}

.pdp-discount-badge-cart .discount-amount {
    color: #7e22ce !important;
    font-weight: 700 !important;
}

.pdp-discount-badge-cart .discount-label {
    color: #9333ea !important;
    opacity: 0.95 !important;
}

/* Normal İndirim Badge - Benzersiz Tasarım */
.pdp-discount-badge-sale {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 6px !important;
    padding: 7px 11px !important;
    font-weight: 600 !important;
    border: 1.5px solid #dc2626 !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    box-shadow: 0 2px 6px rgba(220, 38, 38, 0.2) !important;
    position: relative !important;
}

.pdp-discount-badge-sale::after {
    content: '' !important;
    position: absolute !important;
    top: -2px !important;
    right: -2px !important;
    width: 12px !important;
    height: 12px !important;
    background: #dc2626 !important;
    border-radius: 50% !important;
    animation: sale-pulse 2s infinite !important;
}

@keyframes sale-pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        opacity: 0.7;
    }
}

.pdp-discount-badge-sale:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 4px 10px rgba(220, 38, 38, 0.3) !important;
    border-color: #b91c1c !important;
    background: #fee2e2 !important;
}

.pdp-discount-badge-sale .discount-icon {
    color: #dc2626 !important;
    font-size: 12px !important;
}

.pdp-discount-badge-sale .discount-amount {
    color: #b91c1c !important;
    font-weight: 700 !important;
}

.pdp-discount-badge-sale .discount-label {
    color: #dc2626 !important;
    opacity: 0.95 !important;
}

/* Web'e Özel İndirim Badge - Benzersiz Tasarım */
.pdp-discount-badge-web {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    font-weight: 600 !important;
    border: 2px dashed #16a34a !important;
    background: #f0fdf4 !important;
    color: #16a34a !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    box-shadow: 0 2px 8px rgba(22, 163, 74, 0.15) !important;
    position: relative !important;
}

.pdp-discount-badge-web::before {
    content: '✨' !important;
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    font-size: 14px !important;
    animation: web-sparkle 1.5s infinite !important;
}

@keyframes web-sparkle {
    0%, 100% {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
    50% {
        transform: scale(1.2) rotate(180deg);
        opacity: 0.8;
    }
}

.pdp-discount-badge-web:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px rgba(22, 163, 74, 0.25) !important;
    border-color: #15803d !important;
    background: #dcfce7 !important;
    border-style: solid !important;
}

.pdp-discount-badge-web .discount-icon {
    color: #16a34a !important;
    font-size: 13px !important;
}

.pdp-discount-badge-web .discount-amount {
    color: #15803d !important;
    font-weight: 700 !important;
}

.pdp-discount-badge-web .discount-label {
    color: #16a34a !important;
    opacity: 0.95 !important;
}

/* Mobil Görünüm - Sepet İndirim Rozetleri Küçültme */
@media (max-width: 768px) {
    /* Mobil ürün badge'leri - küçültülmüş boyutlar */
    .top-product-image-badge.product-badge_text {
        padding: 3px 5px !important;
        font-size: 9px !important;
        max-width: 70px !important;
        border-radius: 4px !important;
    }
    
    .top-product-image-badge img {
        max-width: 60px !important;
        max-height: 24px !important;
    }
    
    .product-badge-wrapper {
        gap: 4px !important;
        left: 4px !important;
        top: 4px !important;
    }
    
    .product_collection_badge.product-badge_text {
        padding: 4px 6px !important;
        font-size: 9px !important;
        max-width: 70px !important;
    }
    
    .product_collection_badge img {
        max-width: 60px !important;
        max-height: 20px !important;
    }
    
    /* Sepette İndirim Badge - Mobil */
    .pdp-discount-badge-cart {
        padding: 4px 6px !important;
        font-size: 9px !important;
        border-width: 1px !important;
        border-radius: 4px !important;
    }
    
    .pdp-discount-badge-cart .discount-icon {
        font-size: 9px !important;
    }
    
    .pdp-discount-badge-cart .discount-amount {
        font-size: 9px !important;
    }
    
    .pdp-discount-badge-cart .discount-label {
        font-size: 8px !important;
    }
    
    /* Normal İndirim Badge - Mobil */
    .pdp-discount-badge-sale {
        padding: 4px 6px !important;
        font-size: 9px !important;
        border-width: 1px !important;
        border-radius: 4px !important;
    }
    
    .pdp-discount-badge-sale::after {
        width: 8px !important;
        height: 8px !important;
        top: -1px !important;
        right: -1px !important;
    }
    
    .pdp-discount-badge-sale .discount-icon {
        font-size: 9px !important;
    }
    
    .pdp-discount-badge-sale .discount-amount {
        font-size: 9px !important;
    }
    
    .pdp-discount-badge-sale .discount-label {
        font-size: 8px !important;
    }
    
    /* Web'e Özel İndirim Badge - Mobil */
    .pdp-discount-badge-web {
        padding: 4px 6px !important;
        font-size: 9px !important;
        border-width: 1px !important;
        border-radius: 4px !important;
    }
    
    .pdp-discount-badge-web::before {
        font-size: 10px !important;
        top: -4px !important;
        right: -4px !important;
    }
    
    .pdp-discount-badge-web .discount-icon {
        font-size: 9px !important;
    }
    
    .pdp-discount-badge-web .discount-amount {
        font-size: 9px !important;
    }
    
    .pdp-discount-badge-web .discount-label {
        font-size: 8px !important;
    }
    
    /* Sepet Drawer İndirim Rozetleri - Mobil */
    .cart-item-discount-badge {
        font-size: 8px !important;
        padding: 2px 4px !important;
        border-radius: 3px !important;
        letter-spacing: 0.2px !important;
    }
    
    /* Ürün Kartı İndirim Rozetleri - Mobil */
    .discount-type-indicator {
        padding: 5px 8px !important;
        font-size: 11px !important;
        border-radius: 5px !important;
        min-width: 60px !important;
        right: 6px !important;
        top: 6px !important;
        justify-content: flex-end !important;
    }
    
    .discount-type-indicator .discount-amount {
        font-size: 11px !important;
        margin-bottom: 0 !important;
    }
    
    .discount-type-indicator .discount-type-label {
        font-size: 9px !important;
        margin-top: 1px !important;
    }
}

/* Sections */
.pdp-section{border:1px solid var(--line);border-radius:14px;padding:16px;margin:22px 0}
.pdp-section h3{margin:0 0 12px;font-size:16px}
.pdp-row{display:flex;gap:18px;align-items:flex-start;margin:14px 0}

/* Fields */
.pdp-field{width:100%}
.pdp-select {
    width: 100%;
    height: 46px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0 12px;
    font-weight: 300;
    background: #fff;
}

/* Chips (metin varyant) */
.pdp-chips{display:flex;gap:10px;flex-wrap:wrap;width:100%}
.pdp-chip{padding:10px 14px;border-radius:12px;background:var(--chip);font-size:14px;cursor:pointer;border:1px solid var(--line);transition:.15s}
.pdp-chip[data-active="true"]{background:var(--chip-active);color:var(--chip-active-text);border-color:#000}
/* Out-of-stock için data-active override */
.pdp-chip.out-of-stock[data-active="true"],
.product-variant-selector .pdp-chip.out-of-stock[data-active="true"],
#variant-selector .pdp-chip.out-of-stock[data-active="true"],
.pdp-section .pdp-chip.out-of-stock[data-active="true"] {
    background: #f5f5f5 !important;
    color: #999 !important;
    border-color: #e0e0e0 !important;
}
.pdp-chip[aria-disabled="true"]{opacity:.45;cursor:not-allowed;text-decoration:line-through}

/* Görselli varyant - Yeni Stil */
.pdp-iv-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}


.pdp-iv {
    border: 2px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    transition: .15s;
    position: relative;
    padding: 0;
}

.pdp-iv[aria-checked="true"] {
    border-color: var(--danger);
    outline-offset: 2px;
}

.pdp-iv:hover {
    border-color: var(--danger);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.pdp-iv .ph {
    aspect-ratio: 1/1;
    background: #f5f5f5;
    padding: 0;
}

.pdp-iv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 6px;
}

.pdp-iv .label {
    padding: 4px 6px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    color: #333;
    background: #f8f9fa;
    border-top: 1px solid var(--line);
}

.pdp-iv[data-stock="out"]::after {
    content: "Tükendi";
    position: absolute;
    top: 4px;
    left: 4px;
    background: var(--danger);
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 600;
}

.pdp-iv[data-stock="out"] {
    opacity: .55;
}

/* Color swatch */
.pdp-swatches{display:flex;gap:12px;flex-wrap:wrap;width:100%}
.pdp-swatch{width:38px;height:38px;border-radius:999px;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}
.pdp-swatch[aria-checked="true"]{box-shadow:0 0 0 2px #111, inset 0 0 0 2px #fff}

/* Qty & CTA (orantılı) */
.pdp-buybar{display:grid;grid-template-columns:0.8fr 1fr 1fr;gap:12px;width:100%}
.pdp-buybar > div{display:contents}
@media (max-width: 768px) {
    .pdp-buybar > div {
        display: flex !important;
    }
}
.pdp-qty button{width:50px;height:50px;border:0;background:#f9fafb;cursor:pointer;font-weight:700}
.pdp-qty input{width:50px;height:50px;border:0;text-align:center;font-weight:600}
.pdp-qty.disabled{opacity:.5;pointer-events:none}
.pdp-qty.disabled button{cursor:not-allowed}
.pdp-qty.disabled input{cursor:not-allowed}
.pdp-btn {
    appearance: none;
    border: 1px solid var(--text);
    background: transparent;
    color: var(--text);
    border-radius: 10px;
    padding: 5px 8px;
    font-weight: 500;
    cursor: pointer;
    transition: .2s;
}
.pdp-btn--primary{background:var(--brand);font-size:14px;border-color:var(--brand);color:var(--brand-contrast)}
.pdp-btn:hover{transform:translateY(-1px)} .pdp-btn:active{transform:none}



/* Sepeti Güncelle butonu için küçük font */
.pdp-btn[data-text*="SEPETİ GÜNCELLE"] {
    font-size: 12px;
    padding: 14px 12px;
}

/* Mobilde pdp-buybar ve butonlar için tam genişlik */
@media (max-width: 768px) {
    /* Mobilde thumbnail'ları göster - show-thumbnails-mobile class'ı varsa */
    .show-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .show-thumbnails-mobile .uomo-thumbs-swiper,
    .simple-swiper-gallery.show-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .simple-swiper-gallery.show-thumbnails-mobile .uomo-thumbs-swiper,
    .uomo-unique-gallery-container.show-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .uomo-unique-gallery-container.show-thumbnails-mobile .uomo-thumbs-swiper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: 80px !important;
    }
    
    .show-thumbnails-mobile .uomo-thumbs-swiper .swiper-wrapper,
    .simple-swiper-gallery.show-thumbnails-mobile .uomo-thumbs-swiper .swiper-wrapper,
    .uomo-unique-gallery-container.show-thumbnails-mobile .uomo-thumbs-swiper .swiper-wrapper {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .show-thumbnails-mobile .uomo-thumbs-swiper .swiper-slide,
    .simple-swiper-gallery.show-thumbnails-mobile .uomo-thumbs-swiper .swiper-slide,
    .uomo-unique-gallery-container.show-thumbnails-mobile .uomo-thumbs-swiper .swiper-slide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .show-thumbnails-mobile .product-page-gallery-thumbs,
    .simple-swiper-gallery.show-thumbnails-mobile .product-page-gallery-thumbs,
    .uomo-unique-gallery-container.show-thumbnails-mobile .product-page-gallery-thumbs {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .show-thumbnails-mobile .product-page-gallery-thumb,
    .simple-swiper-gallery.show-thumbnails-mobile .product-page-gallery-thumb,
    .uomo-unique-gallery-container.show-thumbnails-mobile .product-page-gallery-thumb {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Mobilde thumbnail'ları gizle - hide-thumbnails-mobile class'ı varsa */
    .hide-thumbnails-mobile .uomo-thumbs-swiper.product-page-thumbnail-swiper,
    .hide-thumbnails-mobile .uomo-thumbs-swiper {
        display: none !important;
    }
    
    .pdp-buybar {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    .pdp-buybar > div {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .pdp-buybar > div:last-child {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }
    
    .pdp-buybar .pdp-qty {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    
    .pdp-buybar .pdp-btn {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 5px 8px !important;
        font-size: 13px !important;
        width: auto !important;
        max-width: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* Action section içindeki butonlar için */
    .action-section {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .action-section .pdp-buybar {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .action-section .pdp-buybar > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .action-section .pdp-buybar .pdp-btn {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 5px 8px !important;
        font-size: 13px !important;
        width: auto !important;
        max-width: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* Grouped product butonları için */
    .grouped-product-actions .pdp-buybar {
        width: 100% !important;
    }
    
    .grouped-product-actions .pdp-buybar > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .grouped-product-actions .pdp-buybar .pdp-btn {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 5px 8px !important;
        font-size: 13px !important;
        width: auto !important;
        max-width: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    /* Normal ürünler için */
    .product-single__addtocart .pdp-buybar > div:last-child {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .product-single__addtocart .pdp-buybar .pdp-btn {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 5px 8px !important;
        font-size: 13px !important;
        width: auto !important;
        max-width: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* Toast mesajları */
.pdp-toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:12px 16px;border-radius:999px;z-index:60;opacity:0;pointer-events:none;transition:.25s}
.pdp-toast[data-show="true"]{opacity:1;pointer-events:auto}

/* Notify / stock info */
.pdp-notify{border:1px solid var(--line);background:#fff3f3;padding:12px;border-radius:12px}
.pdp-notify h4{margin:0 0 6px;font-size:14px}

/* ALT SEKME BLOĞU */
.pdp-tabs-wrap{max-width:1200px;margin:28px auto;padding:0 24px}
.pdp-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.pdp-tab{padding:10px 14px;border:1px solid var(--line);border-bottom:0;border-top-left-radius:10px;border-top-right-radius:10px;background:var(--tab-bg);cursor:pointer;font-weight:600;box-shadow:inset 0 -2px 0 rgba(0,0,0,.03)}
.pdp-tab[aria-selected="true"]{background:var(--tab-active);border-bottom:1px solid var(--tab-active)}
.pdp-tab:hover{background:#f1f5f9}
.pdp-tabpanels{border:1px solid var(--line);border-radius:0 12px 12px 12px;padding:16px;background:#fff}
.pdp-table{width:100%;border-collapse:collapse;font-size:14px}
.pdp-table th,.pdp-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left}
.pdp-stars{color:#f59e0b}
.hidden{display:none !important}




.product-single__details-tab .nav-item {
    margin: 0;
    flex: 1;
    min-width: 140px;
}

.product-single__details-tab .nav-link {
    border: none;
    background: transparent;
    color: #64748b;
    font-weight: 500;
    font-size: 14px;
    padding: 16px 20px;
    margin: 0;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    text-align: center;
    position: relative;
    overflow: hidden;
}





.product-single__details-tab .tab-pane {
    display: none;
    animation: fadeInUp 0.4s ease-out;
}

.product-single__details-tab .tab-pane.show {
    display: block;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive Design */


/* Lightbox slider */
#pdpLightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100050;opacity:0;pointer-events:none;transition:.2s}
#pdpLightbox[data-open="true"]{opacity:1;pointer-events:auto}
.lb-main{position:relative;display:flex;align-items:center;justify-content:center;width:min(92vw,1200px);height:min(80vh,820px)}
.lb-main img{max-width:100%;max-height:100%;border-radius:12px}
.lb-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:0;border-radius:999px;width:44px;height:44px;font-weight:700;cursor:pointer}
.lb-arrow.prev{left:8px} .lb-arrow.next{right:8px}
.lb-thumbs{display:flex;gap:10px;margin-top:12px;max-width:min(92vw,1200px);overflow:auto}
.lb-thumbs img{width:90px;height:90px;object-fit:cover;border-radius:8px;opacity:.75;cursor:pointer;border:2px solid transparent}
.lb-thumbs img[data-active="true"]{opacity:1;border-color:#fff}
.lb-close{position:absolute;top:16px;right:20px;background:#fff;border:0;border-radius:999px;width:40px;height:40px;font-weight:700;cursor:pointer}

/* Responsive düzenlemeler */

/* Mevcut stiller korunuyor */


.stock-alert-container i {
    font-size: 10px;
    color: #fff;
}

.stock-alert-title {
    font-size: 11px;
    font-weight: 600;
    margin: 0;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.stock-alert-description {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
}


.stock-alert-form-group {
    flex: 1;
}

.stock-alert-form-group input {
    width: 100%;
    padding: 4px 6px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    font-size: 10px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    transition: all 0.3s ease;
}

.stock-alert-form-group input::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-size: 10px;
}

.stock-alert-form-group input:focus {
    outline: none;
    border-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.2);
}

/* Kırmızı Tonlu Stok Uyarı Buton Tasarımı */
.stock-alert-btn {
    --sa-red: #dc2626;
    background: var(--sa-red) !important;
    color: #fff !important;
    border: 2px solid var(--sa-red) !important;
    border-radius: 9999px; /* pill */
    padding: 12px 18px;
    min-height: 40px;
    min-width: 180px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    white-space: nowrap;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: none;
}

.stock-alert-btn i {
    font-size: 16px;
    color: currentColor !important;
}

.stock-alert-btn span {
    color: inherit !important;
}

.stock-alert-btn:hover {
    background: #b91c1c !important;
    color: #fff !important;
    border-color: #b91c1c !important;
}

/* Stok Uyarı Primary Buton Tasarımı */
.stock-alert-btn-primary {
    --sa-red: #dc2626;
    background: var(--sa-red) !important;
    color: #fff !important;
    border: 2px solid var(--sa-red) !important;
    border-radius: 9999px !important;
    padding: 12px 18px;
    min-height: 40px;
    min-width: 180px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    white-space: nowrap;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: none;
}

.stock-alert-btn-primary i {
    font-size: 16px;
    color: currentColor !important;
}

.stock-alert-btn-primary:hover {
    background: #b91c1c !important;
    color: #fff !important;
    border-color: #b91c1c !important;
}

/* Stok Uyarı Login Gerekli Durumu */
.stock-alert-login-required {
    text-align: center;
}

.stock-alert-login-buttons {
    display: flex;
    justify-content: center;
    gap: 8px;
}

/* Stok Uyarı Responsive Tasarım */

/* Disabled buton stilleri */
.pdp-btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    transform: none !important;
    pointer-events: none !important;
}

.pdp-btn:disabled:hover {
    transform: none !important;
}

/* Template içindeki butonlar için */
.pdp-buybar template div {
    display: contents;
}

.pdp-buybar template div button {
    width: 100%;
}

/* Tab stilleri */
.pdp-tab.active {
    background: var(--brand) !important;
    color: var(--brand-contrast) !important;
    border-color: var(--brand) !important;
}

.pdp-tab.active:hover {
    background: var(--brand) !important;
    color: var(--brand-contrast) !important;
}

/* pdp-qty için template düzeltmeleri */
.pdp-buybar .pdp-qty {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    width: 100% !important;
}

.pdp-buybar .pdp-qty button {
    width: 50px !important;
    height: 50px !important;
    border: 0 !important;
    background: #f9fafb !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pdp-buybar .pdp-qty input {
    width: 50px !important;
    height: 50px !important;
    border: 0 !important;
    text-align: center !important;
    font-weight: 600 !important;
    background: transparent !important;
}

.pdp-buybar .pdp-qty button:hover {
    background: #e5e7eb !important;
}

.pdp-buybar .pdp-qty button:active {
    background: #d1d5db !important;
}

/* Stok durumu göstergesi */
.stock-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px;margin:8px 0;font-size:14px;color:#856404}
.stock-warning.low{background:#f8d7da;border-color:#f5c6cb;color:#721c24}
.stock-warning.last{background:#d4edda;border-color:#c3e6cb;color:#155724}

/* Filament Modal Resim Silme Butonlarını Gizle */
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item .fi-fo-file-upload-item-remove-button,
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item .fi-fo-file-upload-item-remove,
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item button[aria-label*="Remove"],
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item button[aria-label*="Sil"],
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item .fi-fo-file-upload-item-actions button:last-child,
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item .fi-fo-file-upload-item-actions .fi-fo-file-upload-item-remove-button,
.filament-forms-file-upload-component .fi-fo-file-upload-wrp .fi-fo-file-upload-item .fi-fo-file-upload-item-actions .fi-fo-file-upload-item-remove {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Spatie Media Library File Upload Silme Butonlarını Gizle */
.fi-fo-file-upload-item-remove-button,
.fi-fo-file-upload-item-remove,
.fi-fo-file-upload-item .fi-fo-file-upload-item-actions button[aria-label*="Remove"],
.fi-fo-file-upload-item .fi-fo-file-upload-item-actions button[aria-label*="Sil"],
.fi-fo-file-upload-item .fi-fo-file-upload-item-actions button:last-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Modal içindeki tüm silme butonlarını gizle */
[data-modal-content] .fi-fo-file-upload-item-remove-button,
[data-modal-content] .fi-fo-file-upload-item-remove,
[data-modal-content] .fi-fo-file-upload-item .fi-fo-file-upload-item-actions button[aria-label*="Remove"],
[data-modal-content] .fi-fo-file-upload-item .fi-fo-file-upload-item-actions button[aria-label*="Sil"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Filament Tablo Satırlarındaki Silme Butonlarını Gizle */
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action[aria-label*="Sil"],
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action[aria-label*="Delete"],
.fi-ta-table .fi-ta-row .fi-ta-actions button[aria-label*="Sil"],
.fi-ta-table .fi-ta-row .fi-ta-actions button[aria-label*="Delete"],
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action-delete,
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action-remove {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Filament Tablo Satırlarındaki Tüm Silme Butonlarını Gizle */
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action:last-child,
.fi-ta-table .fi-ta-row .fi-ta-actions button:last-child,
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action[data-action="delete"],
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action[data-action="remove"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Filament Tablo Satırlarındaki Kırmızı Butonları Gizle */
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action.fi-ta-action-color-danger,
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action[color="danger"],
.fi-ta-table .fi-ta-row .fi-ta-actions button.fi-ta-action-color-danger,
.fi-ta-table .fi-ta-row .fi-ta-actions button[color="danger"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Tüm Filament Silme Butonlarını Gizle - Daha Kapsamlı */
.fi-ta-action[aria-label*="Sil"],
.fi-ta-action[aria-label*="Delete"],
.fi-ta-action[aria-label*="Remove"],
.fi-ta-action[title*="Sil"],
.fi-ta-action[title*="Delete"],
.fi-ta-action[title*="Remove"],
.fi-ta-action[data-action="delete"],
.fi-ta-action[data-action="remove"],
.fi-ta-action.fi-ta-action-color-danger,
.fi-ta-action[color="danger"],
.fi-ta-action.fi-ta-action-color-red,
.fi-ta-action[color="red"],
.fi-ta-action.fi-ta-action-color-error,
.fi-ta-action[color="error"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
}

/* Filament Tablo Satırlarındaki Son Butonları Gizle */
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action:last-child,
.fi-ta-table .fi-ta-row .fi-ta-actions button:last-child,
.fi-ta-table .fi-ta-row .fi-ta-actions .fi-ta-action-group .fi-ta-action:last-child {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Filament Modal İçindeki Tüm Silme Butonlarını Gizle */
.fi-modal .fi-ta-action[aria-label*="Sil"],
.fi-modal .fi-ta-action[aria-label*="Delete"],
.fi-modal .fi-ta-action[aria-label*="Remove"],
.fi-modal .fi-ta-action[title*="Sil"],
.fi-modal .fi-ta-action[title*="Delete"],
.fi-modal .fi-ta-action[title*="Remove"],
.fi-modal .fi-ta-action.fi-ta-action-color-danger,
.fi-modal .fi-ta-action[color="danger"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Filament Panel İçindeki Tüm Silme Butonlarını Gizle */
.fi-panel .fi-ta-action[aria-label*="Sil"],
.fi-panel .fi-ta-action[aria-label*="Delete"],
.fi-panel .fi-ta-action[aria-label*="Remove"],
.fi-panel .fi-ta-action[title*="Sil"],
.fi-panel .fi-ta-action[title*="Delete"],
.fi-panel .fi-panel .fi-ta-action[title*="Remove"],
.fi-panel .fi-ta-action.fi-ta-action-color-danger,
.fi-panel .fi-ta-action[color="danger"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Teslimat Bilgisi Stilleri */
.pdp-delivery-info {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.pdp-delivery-icon {
    font-size: 24px;
    flex-shrink: 0;
}

.pdp-delivery-content h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.pdp-delivery-content p {
    margin: 0 0 4px 0;
    font-size: 14px;
    color: #555;
}

.pdp-delivery-content small {
    margin: 0;
    display: block;
}

/* Alpine.js x-cloak için */
[x-cloak] {
    display: none !important;
}

/* Tab sistemi için CSS override */
.pdp-tabpanels .tab-pane {
    display: none !important;
}

.pdp-tabpanels .tab-pane[x-show="true"] {
    display: block !important;
}

/* x-cloak direktifi için */
[x-cloak] {
    display: none !important;
}

/* Vanilla JavaScript tab sistemi için */
.pdp-tabpanels .tab-pane.hidden {
    display: none !important;
}

.pdp-tabpanels .tab-pane:not(.hidden) {
    display: block !important;
}

/* Tab butonları için aktif durum */
.pdp-tab.active,
.pdp-tab[aria-selected="true"] {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
}

.pdp-tab.active:hover,
.pdp-tab[aria-selected="true"]:hover {
    background: #111 !important;
    color: #fff !important;
}

/* Tab içerikleri için zorunlu görünürlük */
.pdp-tabpanels section[x-show="false"] {
    display: none !important;
}

.pdp-tabpanels section[x-show="true"] {
    display: block !important;
}

/* Fiyat görünürlüğü için */
.pdp-price-wrap > div[x-show="false"] {
    display: none !important;
}

.pdp-price-wrap > div[x-show="true"] {
    display: flex !important;
}

/* Varyant resim stilleri iyileştirmesi */
.pdp-iv {
    border: 2px solid #e5e7eb !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    position: relative !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

.pdp-iv[aria-checked="true"] {
    border-color: #dc2626 !important;
    outline-offset: 2px !important;
}

.pdp-iv:hover {
    border-color: #dc2626 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.pdp-iv .ph {
    width: auto !important;
    height: auto !important;
    background: #f5f5f5 !important;
    padding: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    margin-bottom: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    order: -1 !important;
}

.pdp-iv img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
}

.pdp-iv .label {
    padding: 4px 6px !important;
    font-size: 12px !important;
    text-align: center !important;
    font-weight: 500 !important;
    color: #333 !important;
    background: #f8f9fa !important;
    border-top: 1px solid #e5e7eb !important;
    order: 1 !important;
    flex-shrink: 0 !important;
}

.pdp-iv-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
}

/* ===== MINIMALIST TAB STYLES ===== */



/* Tab Navigation */
.product-single__details-tab .nav-tabs {
    border: none;

    padding: 0;
    margin: 0;
}

.product-single__details-tab .nav-item {
    margin: 0;
}

.product-single__details-tab .nav-link {
    border: none;
    background: transparent;
    color: #6b7280;
    font-weight: 500;
    font-size: 14px;
    padding: 16px 24px;
    margin: 0;
    border-radius: 0;
    transition: color 0.2s ease;
    text-decoration: none;
}

.product-single__details-tab .nav-link:hover {
    color: #374151;
    background: transparent;
}

.product-single__details-tab .nav-link.active {
    color: #000 !important;
    background: #fff;
    font-weight: 600;
    border-bottom: 2px solid #000;
}

/* Tab Content */
.product-single__details-tab .tab-content {
    padding: 32px;
    background: #fff;
}

.product-single__details-tab .tab-pane {
    display: none;
}

.product-single__details-tab .tab-pane.show {
    display: block;
}

/* Product Description Styles */
.product-single__description {
    color: #374151;
    line-height: 1.6;
}

.product-single__description .block-title {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-top: 0;
}

.product-single__description .content {
    font-size: 15px;
    margin-bottom: 20px;
    color: #6b7280;
}

.product-single__description .list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-single__description .text-list {
    margin-bottom: 20px;
}

.product-single__description .text-list li {
    padding: 8px 0;
    color: #6b7280;
    font-size: 14px;
    border-bottom: 1px solid #f3f4f6;
}

.product-single__description .text-list li:last-child {
    border-bottom: none;
}

/* Table Styles */
.product-single__table-container {
    overflow-x: auto;
}

.product-single__table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}

.product-single__table thead {
    background: #f9fafb;
}

.product-single__table th {
    padding: 16px 20px;
    text-align: left;
    font-weight: 600;
    font-size: 14px;
    color: #111;
    border-bottom: 1px solid #e5e7eb;
}

.product-single__table td {
    padding: 16px 20px;
    border-bottom: 1px solid #f3f4f6;
    font-size: 14px;
    color: #374151;
}

.product-single__table tbody tr:last-child td {
    border-bottom: none;
}

.product-single__table tbody tr:hover {
    background: #f9fafb;
}

.product-single__table strong {
    color: #111;
    font-weight: 600;
}

/* Responsive Design */


/* ===== PRODUCT RATING SUMMARY (UNDER TITLE) ===== */
.product-rating-summary {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0 24px 0;
    padding: 12px 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    max-width: fit-content;
    transition: all 0.2s ease;
}

.product-rating-summary:hover {
    background: #eff6ff;
    border-color: #3b82f6;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
}

.rating-stars {
    display: flex;
    gap: 2px;
}

.product-rating-summary .star {
    font-size: 16px;
    color: #d1d5db;
    line-height: 1;
}

.product-rating-summary .star.filled {
    color: #f59e0b;
}

.rating-text {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.product-rating-summary .rating-value {
    font-size: 16px;
    font-weight: 600;
    color: #111;
}

.product-rating-summary .rating-count {
    font-size: 14px;
    color: #6b7280;
}

/* ===== PRODUCT REVIEWS STYLES ===== */

/* Reviews Container */
.product-single__reviews {
    padding: 0;
}

/* Reviews Header */
.reviews-header {
    margin-bottom: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e7eb;
}

.reviews-header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
}

.reviews-title-section {
    flex: 1;
}

.reviews-title {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    margin: 0;
}

/* Reviews Summary */
.reviews-summary {
    flex-shrink: 0;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    min-width: 200px;
}

.rating-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
}

.stars {
    display: flex;
    gap: 3px;
}

.star {
    font-size: 20px;
    color: #d1d5db;
    line-height: 1;
    transition: color 0.2s ease;
}

.star.filled {
    color: #f59e0b;
}

.rating-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.rating-value {
    font-size: 28px;
    font-weight: 300;
    color: #111;
    line-height: 1;
}

.rating-max {
    font-size: 16px;
    color: #6b7280;
    line-height: 1;
}

.rating-count {
    font-size: 13px;
    color: #6b7280;
    line-height: 1;
    margin-top: 4px;
}

/* Reviews Content */
.reviews-content {
    min-height: 200px;
}

/* No Reviews */
.no-reviews {
    text-align: center;
    padding: 60px 20px;
    color: #6b7280;
}

.no-reviews-icon {
    font-size: 48px;
    margin-bottom: 16px;
}

.no-reviews h4 {
    font-size: 20px;
    font-weight: 600;
    color: #374151;
    margin: 0 0 12px 0;
}

.no-reviews p {
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
}

/* Responsive Reviews */


/* ===== REVIEW FORM STYLES ===== */

.review-form {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 24px;
}

.review-form__content {
    max-width: 600px;
}

.form-group {
    margin-bottom: 20px;
}

.form-label {
    display: block;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
    font-size: 14px;
}

.form-control {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease;
}

.form-control:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.form-control::placeholder {
    color: #9ca3af;
}

/* Rating Input */
.rating-input {
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
}

.rating-input input[type="radio"] {
    display: none;
}

.star-label {
    font-size: 24px;
    color: #d1d5db;
    cursor: pointer;
    transition: color 0.2s ease;
}

.rating-input input[type="radio"]:checked ~ .star-label,
.rating-input input[type="radio"]:hover ~ .star-label {
    color: #fbbf24;
}

/* Button */
.btn {
    display: inline-block;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-primary {
    background: #3b82f6;
    color: #fff;
}

.btn-primary:hover {
    background: #2563eb;
    transform: translateY(-1px);
}

/* Responsive Form */


/* ===== REVIEW LIST STYLES ===== */

/* Reviews List */
.reviews-list {
    margin-bottom: 24px;
}

.review-item {
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    margin-bottom: 12px;
    background: #fff;
    transition: box-shadow 0.2s ease;
}

.review-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 12px;
}

.review-rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.review-rating .stars {
    display: flex;
    gap: 1px;
}

.review-rating .star {
    font-size: 16px;
    color: #d1d5db;
}

.review-rating .star.filled {
    color: #f59e0b;
}

.rating-number {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}

.review-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.review-date {
    font-size: 13px;
    color: #6b7280;
}

.verified-badge {
    background: #10b981;
    color: #fff;
    padding: 3px 6px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 500;
}

.review-content p {
    font-size: 15px;
    line-height: 1.5;
    color: #374151;
    margin: 0;
}

/* Add Review Section */
.add-review-section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}

.add-review-section h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 16px 0;
}

/* Login Required Message */
.login-required-message {
    text-align: center;
    padding: 24px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.login-required-message h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 12px 0;
}

.login-required-message p {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 20px 0;
    line-height: 1.5;
}

.login-buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-secondary {
    background: #6b7280;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
}

.btn-secondary:hover {
    background: #4b5563;
    transform: translateY(-1px);
}

/* Responsive Review List */


/* Takım İçeriği Tab Stilleri */
.team-content-section {
    padding: 2rem 0;
}

.team-content-header {
    text-align: center;
    margin-bottom: 2rem;
}

.team-content-header h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #111;
    margin-bottom: 1rem;
}

.team-content-header p {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
}

/* Takım tablosu stilleri */
.team-content-section .pdp-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.team-content-section .pdp-table th {
    background: #dc2626;
    color: #ffffff !important;
    padding: 1.2rem 1rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
}

.team-content-section .pdp-table td {
    padding: 1.2rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    vertical-align: middle;
}

.team-content-section .pdp-table tr:last-child td {
    border-bottom: none;
}

.team-content-section .pdp-table tr:hover {
    background-color: #f8f9fa;
}

/* Quantity sütunu iyileştirmeleri */
.team-content-section .quantity-column {
    min-width: 120px;
}

.team-content-section .pdp-qty {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

.team-content-section .qty-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #d1d5db;
    background: #fff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    transition: all 0.2s ease;
}

.team-content-section .qty-btn:hover {
    background: #f3f4f6;
    border-color: #9ca3af;
}

.team-content-section .qty-input {
    width: 50px;
    height: 32px;
    text-align: center;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
}

/* Fiyat sütunu iyileştirmeleri */
.team-content-section .price-column {
    min-width: 140px;
}

/* Checkbox iyileştirmeleri */
.team-content-section .include-column {
    text-align: center;
    min-width: 80px;
}

.team-content-section .include-checkbox {
    width: 18px;
    height: 18px;
    accent-color: #dc2626;
}

/* Takım toplam fiyat */
.team-content-section .team-total {
    text-align: center;
    padding: 1.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 2rem;
}

.team-content-section .team-total p {
    font-size: 1.2rem;
    font-weight: 600;
    color: #111;
    margin: 0;
}

.team-content-section .team-total span {
    color: #dc2626;
    font-size: 1.4rem;
}

/* Nakit ve Kart Fiyat Stilleri */
.pdp-price-details {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
}

.price-type {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
}

.price-label {
    color: #6b7280;
    font-weight: 500;
}

.price-value {
    color: #dc2626;
    font-weight: 600;
}

/* Alt ürün fiyat detayları */
.child-price-details {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 6px 0;
}

.price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    line-height: 1.1;
}

.price-row .price-label {
    color: #6b7280;
    font-weight: 500;
    margin-right: 6px;
    min-width: 30px;
}

.price-row .price-value {
    color: #dc2626;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

/* Kart fiyatı için özel stil */
.price-row .price-value.card-price {
    color: #111;
    font-weight: 500;
}

/* Gelişmiş Lightbox Galeri */
.lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    backdrop-filter: blur(8px);
}

.lightbox-container {
    position: relative;
    width: 95vw;
    height: 95vh;
    max-width: 1720px;
    max-height: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Kapatma Butonu */
.lightbox-close {
    position: absolute;
    top: -50px;
    right: 0;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    color: #ffffff !important;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    z-index: 10000;
}

.lightbox-close:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

/* Ana Resim Alanı */
.lightbox-main {
    position: relative;
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.lightbox-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.lightbox-image:hover {
    transform: scale(1.02);
}

/* Navigasyon Butonları */
.lightbox-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    width: 56px;
    height: 56px;
    color: #ffffff !important;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

.lightbox-prev {
    left: -80px;
}

.lightbox-next {
    right: -80px;
}

/* Alt Resim Galerisi */
.lightbox-thumbnails {
    display: flex;
    gap: 12px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    overflow-x: auto;
    max-width: 100%;
    margin-top: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.lightbox-thumb {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    flex-shrink: 0;
    margin: 5px;
}

.lightbox-thumb:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.3);
}

.lightbox-thumb.active {
    border-color: #dc2626;
    border-width: 3px;
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(220, 38, 38, 0.5);
}

.lightbox-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Resim Bilgisi */
.lightbox-info {
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #ffffff !important;
    text-align: center;
}

.lightbox-counter {
    background: rgba(255, 255, 255, 0.1);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.lightbox-title {
    font-size: 16px;
    font-weight: 600;
    opacity: 0.9;
}

/* Zoom Hint */
.pdp-zoom-hint {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff !important;
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(10px);
}

.pdp-media:hover .pdp-zoom-hint {
    opacity: 1;
}

.pdp-zoom-hint i {
    font-size: 14px;
}

/* Responsive Tasarım */

/* Klavye Navigasyonu için Focus Stilleri */
.lightbox-nav:focus,
.lightbox-close:focus {
    outline: 2px solid #dc2626;
    outline-offset: 2px;
}

/* Animasyonlar */
@keyframes lightboxFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.lightbox-container {
    animation: lightboxFadeIn 0.3s ease-out;
}

/* Loading Spinner */
.lightbox-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top: 4px solid #dc2626;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Zoom ve Pan Desteği */
.lightbox-image {
    cursor: grab;
    transition: transform 0.3s ease;
}

.lightbox-image:active {
    cursor: grabbing;
}

/* Hover Efektleri */
.lightbox-thumb:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

.lightbox-nav:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: scale(1.15);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

/* Smooth Transitions */
.lightbox-overlay * {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Accessibility */
.lightbox-nav:focus,
.lightbox-close:focus,
.lightbox-thumb:focus {
    outline: 3px solid #dc2626;
    outline-offset: 3px;
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .lightbox-nav,
    .lightbox-close {
        border-width: 2px;
        border-color: white;
    }
    
    .lightbox-thumb.active {
        border-color: white;
        border-width: 3px;
    }
}

/* ===== ÜRÜN GALERİ THUMBNAIL DÜZENİ - 3'LÜ GRID ===== */

/* FilePond Grid Override - GÜÇLENDİRİLMİŞ */
.filepond--root .filepond--list,
.filepond--root[data-style-panel-layout="grid"] .filepond--list,
.filepond--root .filepond--list-scroller .filepond--list,
.filepond--root .filepond--list-scroller {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
}

/* FilePond Item Grid Override */
.filepond--root .filepond--item,
.filepond--root .filepond--item-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    height: auto !important;
    min-height: auto !important;
}

/* FilePond Item Panel Override */
.filepond--root .filepond--item-panel {
    width: 100% !important;
    height: auto !important;
}

/* FilePond Image Preview Override */
.filepond--root .filepond--image-preview {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
}

/* FilePond Root Container Override */
.filepond--root {
    width: 100% !important;
    max-width: 100% !important;
}

/* Responsive Grid */


/* Force Grid Layout for All FilePond Instances */
[data-style-panel-layout="grid"] .filepond--list,
[data-style-panel-layout="grid"] .filepond--list-scroller {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
}

/* Ürün Galeri Thumbnail Düzeni - 3'lü Grid */
.pdp-thumbs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    margin-top: 15px !important;
    width: 100% !important;
}

.pdp-thumb {
    aspect-ratio: 1 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    background: #f8f9fa !important;
}

.pdp-thumb:hover {
    border-color: #3b82f6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2) !important;
}

.pdp-thumb.active {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3) !important;
}

.pdp-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
}

/* Responsive düzenlemeler */



/* Ana Görsel */
#mainMedia {
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
    background: #ffffff !important;
}

#mainImage {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 12px !important;
}

/* Zoom İpucu */
.pdp-zoom-hint {
    position: absolute !important;
    bottom: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: rgba(0, 0, 0, 0.7) !important;
    color: white !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
}

#mainMedia:hover .pdp-zoom-hint {
    opacity: 1 !important;
}

.pdp-zoom-hint i {
    margin-right: 5px !important;
}

/* Swiper Navigation Butonları Kaldırıldı - Product Gallery hariç */
.swiper-button-next:not(.uomo-swiper-button-next):not(.product-page-swiper-nav),
.swiper-button-prev:not(.uomo-swiper-button-prev):not(.product-page-swiper-nav) {
    display: none !important;
}

/* Swiper Pagination Bullet'ları Kaldırıldı - Product Gallery hariç */
.swiper-pagination:not(.uomo-swiper-pagination):not(.product-page-swiper-pagination),
.swiper-pagination-bullet:not(.uomo-swiper-pagination .swiper-pagination-bullet):not(.product-page-swiper-pagination .swiper-pagination-bullet) {
    display: none !important;
}

/* Küçük Resimler ile Büyük Resim Arasında Margin Eklendi */
.product-gallery-thumbs {
    margin-top: 50px !important;
}

/* Küçük Resimlerde Border Eklendi */
.product-gallery-thumbnail-swiper .swiper-slide img {
    border: 2px solid #e5e7eb !important;
}



/* Büyük Resimde Hover Efekti Kaldırıldı */
.product-gallery-main-image:hover {
    transform: none !important;
    scale: 1 !important;
    transition: none !important;
}

/* Küçük Resimlere Cursor Eklendi */
.product-gallery-thumbnail-swiper .swiper-slide img {
    cursor: pointer !important;
}

/* Swiper Thumbnail Spesifik Margin - Güçlü Selector */
.swiper.thumbnail-swiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {
    margin-top: 15px !important;
}

/* ===== THUMBNAIL SWIPER STILLERİ ===== */
.thumbnail-swiper {
    margin-top: 15px !important;
    height: 100px !important;
}

.thumbnail-swiper .swiper-wrapper {
    align-items: center !important;
}

.thumbnail-swiper .swiper-slide {
    width: 80px !important;
    height: 80px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    opacity: 0.7 !important;
}

.thumbnail-swiper .swiper-slide:hover {
    border-color: #c32929 !important;
    transform: translateY(-2px) !important;
    opacity: 1 !important;
}

.thumbnail-swiper .swiper-slide.swiper-slide-thumb-active {
    border-color: #c32929 !important;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.2) !important;
    opacity: 1 !important;
}

.gallery-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    display: block !important;
    transition: all 0.3s ease !important;
}

.thumbnail-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}

/* Responsive Thumbnail Stilleri */


/* Simple Swiper Gallery Stilleri */
.simple-swiper-gallery {
    width: 100% !important;
    position: relative !important;
}

.main-gallery-swiper {
    margin-bottom: 15px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

.gallery-image-container {
    position: relative !important;
    width: 100% !important;
    height: 500px !important;
    background: #f8f9fa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.gallery-main-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.gallery-main-image:hover {
    transform: scale(1.02) !important;
}

/* Video Play Button Stilleri */
.video-play-button {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 60px !important;
    height: 60px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}

.video-play-button-small {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 30px !important;
    height: 30px !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.video-play-button-small:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
}



/* ===== CHECKOUT RESULT PAGE STYLES ===== */
/* Modern Minimalist Checkout Result Design */

.checkout-result-page {
    min-height: 100vh;
    background: #f5f7fa;
    padding: 32px 20px;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.checkout-result-container {
    max-width: 720px;
    margin: 0 auto;
}

.checkout-result-content {
    background: #ffffff;
    border-radius: 16px;
    padding: 32px 28px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #e8ecf0;
}

.checkout-result-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #10b981;
}

/* Success Icon */
.checkout-result-icon {
    margin-bottom: 20px;
}

.checkout-result-icon i {
    font-size: 56px;
    color: #10b981;
    animation: fadeInScale 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.3) rotate(-10deg);
    }
    60% {
        transform: scale(1.1) rotate(5deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}

/* Header Section */
.checkout-result-header {
    margin-bottom: 20px;
}

.checkout-result-title {
    font-size: 24px;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 16px 0;
    line-height: 1.3;
    letter-spacing: -0.3px;
}

.checkout-result-order-number {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.order-label {
    font-size: 13px;
    color: #64748b;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.order-code {
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
    text-decoration: none;
    padding: 8px 16px;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    font-family: 'Courier New', monospace;
}

.order-code:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #3b82f6;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Description */
.checkout-result-description {
    font-size: 15px;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 28px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
}

/* Order Summary Section */
.checkout-result-summary {
    margin-bottom: 28px;
    text-align: left;
}

.summary-heading {
    font-size: 18px;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 16px 0;
    text-align: center;
    letter-spacing: -0.2px;
}

.order-summary {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 20px;
    max-width: 480px;
    margin: 0 auto;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #e8ecf0;
}

.summary-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.summary-row:first-child {
    padding-top: 0;
}

.summary-row-discount {
    background: #fef3c7;
    margin: 0 -20px;
    padding: 10px 20px;
    border-left: 3px solid #f59e0b;
}

.summary-row-total {
    border-top: 2px solid #e8ecf0;
    margin-top: 8px;
    padding-top: 12px;
    font-weight: 700;
}

.summary-label {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

.summary-label i {
    font-size: 12px;
    color: #f59e0b;
}

.summary-label .coupon-code {
    font-size: 12px;
    color: #3b82f6;
    font-weight: 600;
    margin-left: 4px;
}

.summary-value {
    font-size: 15px;
    color: #0f172a;
    font-weight: 600;
}

.summary-value-discount {
    color: #dc2626;
    font-weight: 700;
}

.summary-value-total {
    font-size: 18px;
    color: #10b981;
    font-weight: 700;
}

/* Status Badges */
.status-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.status-pending {
    background: #fef3c7;
    color: #d97706;
}

.status-confirmed {
    background: #dbeafe;
    color: #2563eb;
}

.status-processing {
    background: #d1fae5;
    color: #059669;
}

.status-shipped {
    background: #e0e7ff;
    color: #7c3aed;
}

.status-delivered {
    background: #dcfce7;
    color: #16a34a;
}

.status-other {
    background: #f3f4f6;
    color: #6b7280;
}

/* Products Section */
.checkout-result-products {
    margin-bottom: 28px;
    text-align: left;
}

.products-heading {
    font-size: 18px;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 16px 0;
    text-align: center;
    letter-spacing: -0.2px;
}

/* Sadece checkout/ödeme sonucu sayfası için flex layout - kategori/arama grid'ini bozmasın */
.checkout-result-products .products-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.product-card {
    background: #ffffff;
    border: 1px solid #e8ecf0;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    gap: 14px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.product-image {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

.product-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #f1f5f9;
}

.product-placeholder {
    width: 100%;
    height: 100%;
    background: #f8fafc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    font-size: 24px;
    border: 1px solid #e8ecf0;
}

.product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: space-between;
}

.product-name {
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
    margin: 0;
    line-height: 1.4;
    flex-shrink: 0;
}

.product-details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 0;
}

.product-details-left {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.product-quantity {
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;
}

.product-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.product-price {
    font-size: 16px;
    font-weight: 700;
    color: #10b981;
    white-space: nowrap;
}

.product-original-price-inline {
    font-size: 13px;
    color: #94a3b8;
    text-decoration: line-through;
    font-weight: 500;
}

.product-discount-info {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    padding: 6px 10px;
    background: #fef3c7;
    border-radius: 6px;
    border-left: 3px solid #f59e0b;
}

.product-original-price {
    font-size: 13px;
    color: #64748b;
    text-decoration: line-through;
    font-weight: 500;
}

.product-discount-badge {
    font-size: 11px;
    color: #92400e;
    background: #fde68a;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    white-space: nowrap;
}

.product-sku {
    font-size: 11px;
    color: #94a3b8;
    font-family: 'Courier New', monospace;
    margin: 0;
    line-height: 1.3;
    white-space: nowrap;
}

/* Product Children Styles */
.product-children {
    margin: 8px 0;
}

.product-children-title {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-child-item {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
    padding: 6px 10px;
    background: #f8fafc;
    border-radius: 6px;
    font-size: 12px;
}

.product-child-bullet {
    color: #94a3b8;
    font-weight: 700;
}

.product-child-name {
    color: #0f172a;
    font-weight: 500;
    flex: 1;
}

.product-child-quantity {
    color: #64748b;
    font-weight: 500;
}

.product-child-variant {
    color: #3b82f6;
    font-size: 12px;
    font-weight: 500;
}

/* Product Variant Styles */
.product-variant {
    margin: 8px 0;
}

.product-variant-title {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-variant-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.product-variant-tag {
    background: #f1f5f9;
    color: #475569;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #e8ecf0;
}

/* No Products Message */
.no-products-message {
    text-align: center;
    padding: 28px 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    color: #64748b;
}

.no-products-message i {
    font-size: 36px;
    color: #94a3b8;
    margin-bottom: 12px;
    display: block;
}

.no-products-message p {
    font-size: 14px;
    margin: 0;
    font-weight: 500;
}

/* Banks Section */
.checkout-result-banks {
    margin-bottom: 28px;
    text-align: left;
}

.banks-heading {
    font-size: 18px;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 16px 0;
    text-align: center;
    letter-spacing: -0.2px;
}

.payment-notice {
    background: #fef3c7;
    border: 1px solid #fde68a;
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 16px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.payment-notice i {
    color: #d97706;
    font-size: 20px;
    margin-top: 2px;
    flex-shrink: 0;
}

.payment-notice p {
    margin: 0;
    color: #92400e;
    font-size: 14px;
    line-height: 1.5;
}

.payment-notice strong {
    font-weight: 700;
    color: #78350f;
}

/* Banks Section - Table Design */
.banks-table-container {
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #e8ecf0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    margin-top: 0;
}

.banks-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.banks-table th {
    background: #f8fafc;
    padding: 12px 14px;
    text-align: left;
    font-weight: 600;
    color: #0f172a;
    border-bottom: 2px solid #e8ecf0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.banks-table td {
    padding: 12px 14px;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
    color: #334155;
    font-size: 14px;
}

.banks-table tbody tr:last-child td {
    border-bottom: none;
}

.banks-table tbody tr:hover {
    background: #f8fafc;
}

.bank-name-cell {
    font-weight: 700;
    color: #0f172a;
    font-size: 16px;
}

.account-number,
.iban-number {
    position: relative;
    background: #f8fafc;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid #e8ecf0;
    font-family: 'Courier New', monospace;
    font-size: 13px;
    word-break: break-all;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 600;
    color: #0f172a;
}

.copy-btn {
    background: #3b82f6;
    color: #ffffff !important;
    border: none;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    font-size: 13px;
}

.copy-btn:hover {
    background: #2563eb;
    transform: scale(1.08);
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

.copy-btn:active {
    transform: scale(0.95);
}

/* Copy Success Animation */
.copy-success {
    background: #10b981 !important;
    animation: copySuccess 0.6s ease;
}

@keyframes copySuccess {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* Responsive table */

.detail-value {
    font-size: 14px;
    color: #1e293b;
    font-weight: 600;
    font-family: 'Courier New', monospace;
}

.account-number,
.iban-number {
    background: #f1f5f9;
    padding: 4px 8px;
    border-radius: 6px;
    color: #0f172a;
}

/* Action Buttons */
.checkout-result-actions {
    margin-top: 28px;
}

.action-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 400px;
    margin: 0 auto;
}

.action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    cursor: pointer;
    min-height: 48px;
    letter-spacing: -0.2px;
}

.action-btn-primary {
    background: #10b981;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.2);
}

.action-btn-primary:hover {
    background: #059669;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.35);
}

.action-btn-secondary {
    background: #ffffff;
    color: #475569;
    border: 2px solid #e8ecf0;
}

.action-btn-secondary:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.action-btn i {
    font-size: 16px;
}

/* Responsive Design */

/* ===== MODERN REVIEWS STYLES ===== */

/* Modern Reviews Container - Kompakt */
.modern-reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
    gap: 16px;
}

.modern-reviews-title h3 {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin: 0 0 4px 0;
}

.modern-review-count {
    font-size: 13px;
    color: #6b7280;
    font-weight: 300;
}

/* Modern Rating Summary - Kompakt */
.modern-rating-summary {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-width: auto;
}

.modern-rating-circle {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.modern-rating-value {
    font-size: 24px;
    font-weight: 600;
    color: #111;
    line-height: 1;
}

.modern-rating-max {
    font-size: 14px;
    color: #6b7280;
    font-weight: 500;
}

.modern-rating-stars {
    display: flex;
    gap: 2px;
}

.modern-star {
    font-size: 14px;
    color: #d1d5db;
    line-height: 1;
}

.modern-star.filled {
    color: #f59e0b;
}

/* Modern Reviews List - Kompakt */
.modern-reviews-list {
    margin-bottom: 24px;
}

.modern-review-item {
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 12px;
    background: #fff;
    transition: all 0.2s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.modern-review-item:hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.modern-review-item:last-child {
    margin-bottom: 0;
}

.modern-review-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
    gap: 12px;
}

.modern-review-rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.modern-review-stars {
    display: flex;
    gap: 2px;
}

.modern-review-star {
    font-size: 14px;
    color: #d1d5db;
}

.modern-review-star.filled {
    color: #f59e0b;
}

.modern-review-score {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    background: #f3f4f6;
    padding: 3px 7px;
    border-radius: 5px;
}

.modern-review-meta {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.modern-review-author {
    font-size: 14px;
    color: #111;
    font-weight: 500;
}

.modern-review-date {
    font-size: 12px;
    color: #9ca3af;
    font-weight: 400;
}

.modern-verified-badge {
    background: #10b981;
    color: #fff;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 2px;
    line-height: 1;
}

.modern-review-content p {
    font-size: 14px;
    line-height: 1.5;
    color: #4b5563;
    margin: 0;
}

/* Modern No Reviews State - Kompakt */
.modern-no-reviews {
    text-align: center;
    padding: 32px 20px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin: 20px 0;
}

.modern-no-reviews-icon {
    font-size: 36px;
    margin-bottom: 12px;
    display: block;
}

.modern-no-reviews h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 8px 0;
}

.modern-no-reviews p {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

/* Modern Add Review Section - Kompakt */
.modern-add-review-section {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}

.modern-add-review-section h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 16px 0;
}

.modern-review-form {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 20px;
}

.modern-form-group {
    margin-bottom: 16px;
}

.modern-form-label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 6px;
}

.modern-rating-input {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 4px;
}

.modern-rating-input input[type="radio"] {
    display: none;
}

.modern-star-label {
    font-size: 22px;
    color: #d1d5db;
    cursor: pointer;
    transition: color 0.2s ease;
    line-height: 1;
}

.modern-rating-input input[type="radio"]:checked ~ .modern-star-label,
.modern-rating-input .modern-star-label:hover,
.modern-rating-input .modern-star-label:hover ~ .modern-star-label {
    color: #f59e0b;
}

.modern-form-control {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.2s ease;
    background: #fff;
}

.modern-form-control:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.modern-form-control::placeholder {
    color: #9ca3af;
}

.modern-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    min-height: 40px;
}

.modern-btn-primary {
    background: #3b82f6;
    color: #fff;
}

.modern-btn-primary:hover {
    background: #2563eb;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.modern-btn-secondary {
    background: #6b7280;
    color: #fff;
    border: none;
}

.modern-btn-secondary:hover {
    background: #4b5563;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(107, 114, 128, 0.3);
}

/* Modern Login Required Message - Kompakt */
.modern-login-required-message {
    text-align: center;
    padding: 24px 20px;
}

.modern-login-required-message h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin: 0 0 10px 0;
}

.modern-login-required-message p {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 20px 0;
    line-height: 1.5;
}

.modern-login-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
}

/* Responsive Modern Reviews - Kompakt */



/* ===== ÜRÜN SAYFASI ÖZEL STİLLERİ ===== */
/* Benzersiz class'lar ile çakışmaları önleme */

/* Ana Ürün Sayfası Container
   z-index verme: aksi halde position:fixed lightbox bu blok içinde kalır ve
   kardeş .product-single__details-tab (yüksek z-index) galeri modalının üstüne biner. */
.product-page-container {
    position: relative;
}

/* Ürün Sayfası Swiper Container */
.product-page-swiper-container {
    position: relative;
    z-index: 2;
}

/* Ürün Sayfası Ana Swiper */
.product-page-main-swiper {
    position: relative;
    z-index: 3;
}

.product-page-main-swiper .swiper-slide {
    position: relative;
    z-index: 4;
}

/* Ürün Sayfası Thumbnail Swiper - Görünür */
.product-page-thumbnail-swiper {
    position: relative;
    z-index: 5;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.product-page-thumbnail-swiper .swiper-slide {
    position: relative;
    z-index: 6;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ürün Sayfası Swiper Navigation */
.product-page-swiper-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1001; /* Zoom butonundan (z-index: 10) daha yüksek */
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 1 !important;
    visibility: visible !important;
}

.product-page-swiper-nav:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.product-page-swiper-nav.prev {
    left: 10px;
}

.product-page-swiper-nav.next {
    right: 10px;
}

/* Ürün Sayfası Swiper Pagination */
.product-page-swiper-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex !important;
    gap: 8px;
    opacity: 1 !important;
    visibility: visible !important;
}

.product-page-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.product-page-swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    transform: scale(1.2);
}

/* Product Gallery Swiper Navigation Butonları - Görünür */
.uomo-swiper-button-next,
.uomo-swiper-button-prev {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1001; /* Zoom butonundan (z-index: 10) daha yüksek */
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.uomo-swiper-button-next {
    right: 10px;
}

.uomo-swiper-button-prev {
    left: 10px;
}

.uomo-swiper-button-next:hover,
.uomo-swiper-button-prev:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-50%) scale(1.1);
}

.uomo-swiper-button-next:after,
.uomo-swiper-button-prev:after {
    font-size: 18px;
    font-weight: bold;
}

/* Product Gallery Swiper Pagination - Görünür */
.uomo-swiper-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex !important;
    gap: 8px;
    opacity: 1 !important;
    visibility: visible !important;
    justify-content: center;
    align-items: center;
}

.uomo-swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 4px;
}

.uomo-swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
    transform: scale(1.2);
}

/* Mobil için Product Gallery Swiper Butonları ve Pagination */
@media (max-width: 768px) {
    .uomo-swiper-button-next,
    .uomo-swiper-button-prev,
    .product-page-swiper-nav {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    .uomo-swiper-button-next {
        right: 5px;
    }
    
    .uomo-swiper-button-prev {
        left: 5px;
    }
    
    .uomo-swiper-pagination,
    .product-page-swiper-pagination {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        bottom: 15px;
    }
    
    .uomo-swiper-pagination .swiper-pagination-bullet,
    .product-page-swiper-pagination .swiper-pagination-bullet {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 6px;
        height: 6px;
        margin: 0 3px;
    }
}

/* Ürün Sayfası Gallery Container */
.product-page-gallery-container {
    position: relative;
    z-index: 1;
    border-radius: 12px;
    padding: 0;
    margin: 0;
}

/* Ürün Sayfası Gallery Main - Tam Ekran */
.product-page-gallery-main {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 500px;
    border-radius: 12px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Mouse drag için cursor */
    cursor: grab;
    padding: 0;
    margin: 0;
    /* Swiper'ın touch event'lerinin çalışması için */
    pointer-events: auto;
    touch-action: pan-y pinch-zoom;
}

.product-page-gallery-main img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    display: block;
    /* Mouse drag için pointer-events açık */
    pointer-events: auto;
    touch-action: pan-y pinch-zoom;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    cursor: grab;
}

.product-page-gallery-main img:active {
    cursor: grabbing;
}

/* Ürün Sayfası Gallery Thumbs - Altta Görünür */
.product-page-gallery-thumbs {
    position: relative;
    z-index: 3;
    display: flex !important;
    flex-wrap: nowrap;
    gap: 8px;
    margin-top: 15px;
    justify-content: flex-start;
    padding: 10px 0;
    overflow-x: auto;
    scrollbar-width: thin;
    visibility: visible !important;
    opacity: 1 !important;
}

.product-page-gallery-thumbs::-webkit-scrollbar {
    height: 4px;
}

.product-page-gallery-thumbs::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 2px;
}

.product-page-gallery-thumbs::-webkit-scrollbar-thumb {
    background: #c32929;
    border-radius: 2px;
}

.product-page-gallery-thumb {
    position: relative;
    z-index: 4;
    background: #f3f4f6;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


.product-page-gallery-thumb.active {
    border-color: #c32929;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.3);
}

.product-page-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Product Gallery Responsive - Tam Ekran */


/* Ürün Sayfası Video Play Button */
.product-page-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    background: rgba(0, 0, 0, 0.7);
    border: none;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-page-video-play:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

.product-page-video-play i {
    color: #fff;
    font-size: 24px;
}

/* Ürün Sayfası Video Play Button Small (Thumbnail) */
.product-page-video-play-small {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.product-page-video-play-small:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Ürün Sayfası Zoom Butonu - Container için position relative garantisi */
.uomo-gallery-image-container,
.uomo-gallery-image-container.product-page-gallery-main {
    position: relative !important;
}

/* Ürün Sayfası Zoom Butonu */
.uomo-zoom-button,
.product-page-zoom-button {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    color: #222 !important;
    padding: 0 !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    font-size: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    /* Transition sadece transform ve box-shadow için - opacity için değil */
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
    pointer-events: auto !important;
    z-index: 100 !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    border: 2px solid rgba(0, 0, 0, 0.1) !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.product-page-zoom-button:hover {
    background: rgba(255, 255, 255, 1);
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.product-page-zoom-button.active {
    background: rgba(0, 88, 80, 0.95);
    color: white;
    border-color: rgba(255, 255, 255, 0.3);
}

.product-page-zoom-button.active:hover {
    background: rgba(0, 88, 80, 1);
}

.product-page-zoom-button i {
    font-size: 18px;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

/* Zoom butonu her zaman görünür olacak - Tüm durumlar için */
.swiper-slide .product-page-zoom-button,
.swiper-slide-active .product-page-zoom-button,
.swiper-slide:not(.swiper-slide-active) .product-page-zoom-button,
.swiper-slide-prev .product-page-zoom-button,
.swiper-slide-next .product-page-zoom-button {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    pointer-events: auto !important;
    z-index: 100 !important;
}

.uomo-gallery-image-container .product-page-zoom-button,
.product-page-gallery-main .product-page-zoom-button,
.uomo-gallery-image-container.product-page-gallery-main .product-page-zoom-button {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    pointer-events: auto !important;
    z-index: 100 !important;
}

/* Swiper slide geçişlerinde zoom butonu her zaman görünür */
.simple-swiper-gallery .swiper-slide .product-page-zoom-button,
.simple-swiper-gallery .swiper-slide-active .product-page-zoom-button,
.simple-swiper-gallery .swiper-slide-prev .product-page-zoom-button,
.simple-swiper-gallery .swiper-slide-next .product-page-zoom-button {
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    pointer-events: auto !important;
    z-index: 100 !important;
}

/* Hover'da zoom butonu daha belirgin olsun */
.uomo-gallery-image-container:hover .product-page-zoom-button,
.product-page-gallery-main:hover .product-page-zoom-button,
.simple-swiper-gallery .swiper-slide:hover .product-page-zoom-button,
.product-page-zoom-button:hover {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* Ürün Sayfası Lightbox */
.product-page-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s ease;
}

.product-page-lightbox[data-open="true"] {
    opacity: 1;
    pointer-events: auto;
}

.product-page-lightbox-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(92vw, 1200px);
    height: min(80vh, 820px);
}

.product-page-lightbox-main img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 12px;
}

.product-page-lightbox-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    font-weight: 300;
    cursor: pointer;
    z-index: 10000;
}

.product-page-lightbox-arrow.prev {
    left: 8px;
}

.product-page-lightbox-arrow.next {
    right: 8px;
}

.product-page-lightbox-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 12px;
    max-width: min(92vw, 1200px);
    overflow: auto;
}

.product-page-lightbox-thumb {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 8px;
    opacity: 0.75;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.product-page-lightbox-thumb[data-active="true"] {
    opacity: 1;
    border-color: #fff;
}

.product-page-lightbox-close {
    position: absolute;
    top: 16px;
    right: 20px;
    background: #fff;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-weight: 300;
    cursor: pointer;
    z-index: 10000;
}

/* Ürün Sayfası Responsive */



/* Ürün Sayfası Swiper Override */
.product-page-container .swiper-container,
.product-page-container .swiper-wrapper,
.product-page-container .swiper-slide {
    position: relative;
    z-index: auto;
}

.product-page-container .swiper-button-next,
.product-page-container .swiper-button-prev {
    display: none !important;
}

.product-page-container .swiper-pagination {
    display: none !important;
}

/* Ürün Sayfası Gallery Override */
.product-page-container .product-gallery-simple,
.product-page-container .product-gallery-container,
.product-page-container .product-gallery-main,
.product-page-container .product-gallery-thumbs {
    position: relative;
    z-index: auto;
}

/* Ürün Sayfası Modal Override */
.product-page-container .swiper-container .modal,
.product-page-container .modal-dialog,
.product-page-container .modal-content {
    position: relative;
    z-index: auto;
}

/* Ürün Sayfası Toast Override */
.product-page-container .pdp-toast {
    position: fixed;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #fff;
    padding: 12px 16px;
    border-radius: 999px;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s ease;
}

.product-page-container .pdp-toast[data-show="true"] {
    opacity: 1;
    pointer-events: auto;
}

/* ===== ÜRÜN HOVER RESİM SWIPER STİLLERİ ===== */

/* Ana Container - Benzersiz */
.product-hover-gallery-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: #fafafa;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.product-hover-gallery-container:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

/* Ana Resim */
.product-hover-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.4s ease;
    display: block;
    position: relative;
    z-index: 1;
}

/* Swiper Container - Hover için */
.product-hover-swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    transition: opacity 0.4s ease;
}

.product-hover-gallery-container:hover .product-hover-swiper-container {
    opacity: 1;
    pointer-events: all;
}

/* Swiper Wrapper - Benzersiz */
.product-hover-swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* Swiper Slide - Benzersiz */
.product-hover-swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.product-hover-swiper-slide.active {
    opacity: 1;
    z-index: 3;
}

.product-hover-swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Navigasyon Butonları - Benzersiz */
.product-hover-swiper-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.9);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    opacity: 0;
    font-size: 16px;
    font-weight: 300;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.product-hover-gallery-container:hover .product-hover-swiper-nav {
    opacity: 1;
}

.product-hover-swiper-nav:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    color: #dc2626;
}

.product-hover-swiper-prev {
    left: 10px;
}

.product-hover-swiper-next {
    right: 10px;
}

/* Pagination Dots - Benzersiz */
.product-hover-swiper-pagination {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 6px;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-hover-gallery-container:hover .product-hover-swiper-pagination {
    opacity: 1;
}

.product-hover-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.6);
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-hover-pagination-bullet.active,
.product-hover-pagination-bullet:hover {
    background: #fff;
    transform: scale(1.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* Görsel Sayacı */
.product-hover-counter {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(0,0,0,0.7);
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
    backdrop-filter: blur(4px);
}

.product-hover-gallery-container:hover .product-hover-counter {
    opacity: 1;
}

/* Video Play Button */
.product-hover-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    z-index: 11;
    transition: all 0.3s ease;
    opacity: 0;
}

.product-hover-gallery-container:hover .product-hover-play-button {
    opacity: 1;
}

.product-hover-play-button:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: translate(-50%, -50%) scale(1.1);
}

/* Zoom İkon */
.product-hover-zoom-icon {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(0,0,0,0.7);
    color: #ffffff !important;
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    z-index: 10;
    opacity: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.product-hover-gallery-container:hover .product-hover-zoom-icon {
    opacity: 1;
}

.product-hover-zoom-icon:hover {
    background: rgba(220, 38, 38, 0.9);
    transform: scale(1.1);
}

/* Responsive Design */


/* Smooth transition için ana resmi gizle */
.product-hover-gallery-container:hover .product-hover-main-image {
    opacity: 0.3;
}

/* Loading State */
.product-hover-gallery-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-hover-gallery-container.loading .product-hover-gallery-loading {
    opacity: 1;
}

.product-hover-spinner {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top: 2px solid #fff;
    border-radius: 50%;
    animation: product-hover-spin 1s linear infinite;
}

@keyframes product-hover-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Alternatif Hover Animasyonu */
.product-hover-gallery-container.slide-effect .product-hover-swiper-slide {
    transform: translateX(100%);
    opacity: 1;
}

.product-hover-gallery-container.slide-effect .product-hover-swiper-slide.active {
    transform: translateX(0);
}

.product-hover-gallery-container.fade-effect .product-hover-swiper-slide {
    transform: scale(1.05);
}

.product-hover-gallery-container.fade-effect .product-hover-swiper-slide.active {
    transform: scale(1);
}

/* Diğer swiper sınıfları ile çakışmayı önlemek için spesifik selector */
.product-hover-gallery-container * {
    box-sizing: border-box;
}

/* Manuel kontrol için JavaScript hook sınıfları */
.product-hover-auto-play {
    /* JavaScript tarafından kontrol edilecek */
}

.product-hover-manual-control {
    /* Manuel kontrol aktif */
}

.product-hover-pause-on-hover {
    /* Hover'da otomatik geçişi durdur */
}

/* Accessibility */
.product-hover-swiper-nav:focus,
.product-hover-pagination-bullet:focus,
.product-hover-zoom-icon:focus,
.product-hover-play-button:focus {
    outline: 2px solid #dc2626;
    outline-offset: 2px;
}

/* ===== ÜRÜN KARTI HOVER GALERİ ÖZEL STİLLERİ ===== */

/* Ürün kartı içinde hover galeri için özel düzenlemeler */
.new-product-card .product-hover-gallery-container {
    width: 100%;
    height: 100%;
    min-height: 400px;
    border-radius: 0;
    box-shadow: none;
}

.new-product-card .product-hover-gallery-container:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

/* Ürün kartı resim boyutları */
.new-product-card .product-hover-main-image.new-pc__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

/* Ürün kartı hover efektleri */
.new-product-card .product-hover-gallery-container:hover .product-hover-main-image {
    opacity: 0.3;
}

.new-product-card .product-hover-gallery-container:hover .product-hover-swiper-container {
    opacity: 1;
    pointer-events: all;
}

/* Ürün kartı navigasyon butonları */
.new-product-card .product-hover-swiper-nav {
    background: rgba(255,255,255,0.95);
    border: 1px solid rgba(0,0,0,0.1);
    font-size: 18px;
    font-weight: 300;
    color: #333;
}

.new-product-card .product-hover-swiper-nav:hover {
    background: #fff;
    color: #dc2626;
    border-color: #dc2626;
}

/* Ürün kartı pagination */
.new-product-card .product-hover-pagination-bullet {
    background: rgba(0,0,0,0.4);
    border: 1px solid rgba(255,255,255,0.3);
}

.new-product-card .product-hover-pagination-bullet.active,
.new-product-card .product-hover-pagination-bullet:hover {
    background: #dc2626;
    border-color: #dc2626;
}

/* Ürün kartı counter ve zoom */
.new-product-card .product-hover-counter {
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    font-size: 11px;
    padding: 3px 6px;
}

.new-product-card .product-hover-zoom-icon {
    background: rgba(0,0,0,0.8);
    color: #ffffff !important;
    font-size: 12px;
    width: 28px;
    height: 28px;
}

.new-product-card .product-hover-zoom-icon:hover {
    background: rgba(220, 38, 38, 0.9);
}

/* Responsive ürün kartı */


/* High contrast mode support */
@media (prefers-contrast: high) {
    .product-hover-swiper-nav {
        background: #000;
        color: #fff;
        border: 2px solid #fff;
    }
    
    .product-hover-pagination-bullet {
        background: #000;
        border: 1px solid #fff;
    }
    
    .product-hover-counter,
    .product-hover-zoom-icon,
    .product-hover-play-button {
        background: #000;
        border: 1px solid #fff;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .product-hover-gallery-container,
    .product-hover-swiper-slide,
    .product-hover-swiper-nav,
    .product-hover-pagination-bullet,
    .product-hover-counter,
    .product-hover-zoom-icon,
    .product-hover-play-button {
        transition: none;
        animation: none;
    }
    
    .product-hover-gallery-container:hover .product-hover-main-image {
        opacity: 1;
    }
    
    .product-hover-gallery-container:hover .product-hover-swiper-container {
        opacity: 0;
    }
}


/* ===== İNDİRİM GÖSTERGESİ STİLLERİ ===== */

/* İndirim türü göstergesi - Öne çıkanlardaki gibi tasarım */
.discount-type-indicator {
    position: absolute;
    top: 8px;
    right: 55px;
    background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
    color: white !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    animation: featured-pulse 2s infinite !important;
    z-index: 1003;
    min-width: 50px;
    justify-content: center;
}

.discount-type-indicator:hover {
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 6px 16px rgba(255, 107, 53, 0.5) !important;
}

/* İndirim miktarı için özel stil */
.discount-type-indicator .discount-amount {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    color: #fff !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* İndirim türlerine göre renk kodları - Öne çıkanlardaki gibi */
.discount-type-indicator.web-discount {
    background: linear-gradient(135deg, #22c55e, #16a34a) !important; /* Yeşil gradient */
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3) !important;
}

.discount-type-indicator.web-discount:hover {
    box-shadow: 0 6px 16px rgba(34, 197, 94, 0.5) !important;
}

.discount-type-indicator.cart-discount {
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important; /* Mavi gradient */
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}

.discount-type-indicator.cart-discount:hover {
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.5) !important;
}

.discount-type-indicator.normal-discount {
    background: linear-gradient(135deg, #f97316, #ea580c) !important; /* Turuncu gradient */
    box-shadow: 0 2px 8px rgba(249, 115, 22, 0.3) !important;
}

.discount-type-indicator.normal-discount:hover {
    box-shadow: 0 6px 16px rgba(249, 115, 22, 0.5) !important;
}

/* Öne çıkan pulse animasyonu */
@keyframes featured-pulse {
    0% {
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    }
    50% {
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.5) !important;
    }
    100% {
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    }
}

/* Mobil responsive */


/* High contrast mode desteği */
@media (prefers-contrast: high) {
    .discount-type-indicator {
        background: #000;
        border: 2px solid #fff;
        color: #fff;
    }
    
    .discount-type-indicator .discount-amount {
        background: #fff;
        color: #000;
        border: 1px solid #000;
    }
}

/* Reduced motion desteği */
@media (prefers-reduced-motion: reduce) {
    .discount-type-indicator {
        transition: none;
    }
    
    .discount-type-indicator:hover {
        transform: none;
    }
}

/* ===== RELATED POSTS STYLES ===== */
.related-posts-section {
    margin: 40px 0;
    padding: 30px 0;
    border-top: 1px solid #e5e7eb;
}

.related-posts-title {
    font-size: 24px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 24px;
    text-align: center;
     font-family: "Urbanist", sans-serif !important;
}

.related-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 24px;
}

.related-post-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 1px solid #e5e7eb;
}

.related-post-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.related-post-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.related-post-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.related-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.related-post-item:hover .related-post-image img {
    transform: scale(1.05);
}

.related-post-content {
    padding: 20px;
}

.related-post-title {
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 12px;
    line-height: 1.4;
     font-family: "Urbanist", sans-serif !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-post-meta {
    margin-bottom: 12px;
}

.related-post-date {
    font-size: 14px;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 6px;
}

.related-post-date i {
    font-size: 12px;
}

.related-post-excerpt {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
    margin: 0;
}

/* Mobil responsive */


/* ===== BLOG SIDEBAR RELATED POSTS STYLES ===== */
.blog-sidebar-related {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #e5e7eb;
}

.blog-sidebar-related-title {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 12px;
    letter-spacing: -0.01em;
}

.blog-sidebar-related-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.blog-sidebar-related-item {
    background: #f9fafb;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
    border: 1px solid #e5e7eb;
}

.blog-sidebar-related-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-color: #c32929;
}

.blog-sidebar-related-link {
    display: flex;
    align-items: center;
    padding: 10px;
    text-decoration: none;
    color: inherit;
    gap: 10px;
}

.blog-sidebar-related-image {
    flex-shrink: 0;
    width: 64px;
    height: 48px;
    border-radius: 6px;
    overflow: hidden;
    background: #f3f4f6;
}

.blog-sidebar-related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.2s ease;
}

.blog-sidebar-related-item:hover .blog-sidebar-related-image img {
    transform: scale(1.03);
}

.blog-sidebar-related-content {
    flex: 1;
    min-width: 0;
}

.blog-sidebar-related-title-text {
    font-size: 13px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-sidebar-related-link:hover .blog-sidebar-related-title-text {
    color: #c32929;
}

.blog-sidebar-related-date {
    font-size: 11px;
    color: #9ca3af;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.blog-sidebar-related-date i {
    font-size: 11px;
}

.blog-sidebar-related-date span {
    display: inline-block;
}

/* Mobil responsive */


/* ===== MOBILE GALLERY FIX - SPECIFIC SOLUTION ===== */
/* Ekran görüntülerine göre spesifik çözüm */

/* ==========================================
   UOMO FURNITURE AUTH PAGES - MODERN RICH DESIGN
   ========================================== */

/* Unique class prefix: uf-auth- (uomo-furniture-auth) */

/* ==========================================
   GLOBAL AUTH CONTAINER STYLES
   ========================================== */
   .uf-auth-container {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Animated background particles */
.uf-auth-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    animation: float 20s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
}

.uf-auth-card {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-radius: 20px !important;
    box-shadow: 
        0 25px 50px -12px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(255, 255, 255, 0.1) !important;
    padding: 48px !important;
    width: 100% !important;
    max-width: 450px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    animation: slideUp 0.6s ease-out !important;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.uf-auth-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #c32929, #01796f, #0d9488) !important;
    border-radius: 20px 20px 0 0;
}

.uf-auth-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 
        0 35px 60px -12px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(255, 255, 255, 0.15) !important;
}

/* ==========================================
   HEADER STYLES
   ========================================== */
.uf-auth-header {
    text-align: center;
    margin-bottom: 40px;
    animation: fadeIn 0.8s ease-out 0.2s both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.uf-auth-title {
    font-size: 28px;
    font-weight: 600;
    color: #1a1a1a !important;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
    text-decoration: none !important;
    border-bottom: none !important;
}

.uf-auth-subtitle {
    color: #64748b;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0;
    font-weight: 300;
}

/* ==========================================
   FORM STYLES
   ========================================== */
.uf-auth-form {
    margin-top: 32px;
    animation: fadeIn 0.8s ease-out 0.4s both;
}

.uf-auth-form input[type="email"],
.uf-auth-form input[type="password"],
.uf-auth-form input[type="text"] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 15px;
    transition: border-color 0.2s ease;
    background: #ffffff;
    color: #1e293b;
    box-sizing: border-box;
}

.uf-auth-form input[type="email"]:focus,
.uf-auth-form input[type="password"]:focus,
.uf-auth-form input[type="text"]:focus {
    outline: none;
    border-color: #01796f;
    box-shadow: 0 0 0 3px rgba(1, 121, 111, 0.15);
}

.uf-auth-form input[type="email"]:hover,
.uf-auth-form input[type="password"]:hover,
.uf-auth-form input[type="text"]:hover {
    border-color: #9ca3af;
}

/* ==========================================
   FORM GROUP STYLES
   ========================================== */
.uf-auth-form-group {
    margin-bottom: 20px;
    position: relative;
}

.uf-auth-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 15px;
    transition: border-color 0.2s ease;
    background: #ffffff;
    color: #1e293b;
    box-sizing: border-box;
}

.uf-auth-input:focus {
    outline: none;
    border-color: #01796f;
    box-shadow: 0 0 0 3px rgba(1, 121, 111, 0.15);
}

.uf-auth-input.error {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.uf-auth-label {
    position: absolute;
    left: 16px;
    top: 12px;
    font-size: 15px;
    color: #6b7280;
    transition: all 0.2s ease;
    pointer-events: none;
    background: #ffffff;
    padding: 0 4px;
}

.uf-auth-input:focus + .uf-auth-label,
.uf-auth-input:not(:placeholder-shown) + .uf-auth-label {
    top: -8px;
    left: 12px;
    font-size: 12px;
    color: #01796f;
    font-weight: 500;
}

/* ==========================================
   PASSWORD CONTAINER STYLES
   ========================================== */
.uf-auth-password-container {
    position: relative;
}

.uf-auth-password-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 4px;
    font-size: 16px;
    transition: color 0.2s ease;
}

.uf-auth-password-toggle:hover {
    color: #01796f;
}

/* ==========================================
   BUTTON STYLES - Sade tasarım (hover yok)
   ========================================== */
.uf-auth-btn {
    width: 100%;
    padding: 14px 20px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    text-decoration: none !important;
    letter-spacing: 0.5px;
    box-shadow: none !important;
    position: relative;
}

.uf-auth-btn-primary {
    background: #1a1a1a;
    color: #ffffff;
}

.uf-auth-btn-primary:hover,
.uf-auth-btn-primary:active {
    background: #1a1a1a;
    color: #ffffff;
    transform: none;
}

/* Buton metni alt çizgisiz */
.uf-auth-btn,
.uf-auth-btn *,
.uf-auth-btn .btn-text {
    text-decoration: none !important;
}

/* ==========================================
   SOCIAL CONTAINER STYLES
   ========================================== */
.uf-auth-social-container {
    margin-bottom: 24px;
    animation: fadeIn 0.8s ease-out 0.6s both;
    width: 100%;
    display: block;
}

.uf-auth-social-container .google-signin-button-container,
.google-signin-button-container {
    width: 100% !important;
    display: block !important;
    min-height: 48px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.uf-auth-social-container .google-signin-button-container > div,
.google-signin-button-container > div {
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.uf-auth-social-container .google-signin-button-container > div > div,
.google-signin-button-container > div > div {
    width: 100% !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    border: 2px solid #e5e7eb !important;
    background: #ffffff !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
}

.uf-auth-social-container .google-signin-button-container > div > div:hover,
.google-signin-button-container > div > div:hover {
    background: #f8fafc !important;
    border-color: #01796f !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* Aside içindeki Google butonu için özel stiller */
.aside_right .uf-auth-social-container {
    margin-bottom: 16px;
    padding: 0 20px;
}

.aside_right .uf-auth-social-container .g_id_signin {
    width: 100% !important;
}

.aside_right .uf-auth-social-container .g_id_signin > div {
    width: 100% !important;
    height: 48px !important;
    border-radius: 10px !important;
    border: 1.5px solid #d1d5db !important;
    background: white !important;
    color: #374151 !important;
    font-weight: 600 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    transition: all 0.3s ease !important;
    font-size: 15px !important;
}

.aside_right .uf-auth-social-container .g_id_signin > div:hover {
    border-color: #9ca3af !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.aside_right .uf-auth-divider {
    margin: 16px 20px;
    padding: 0;
}

.uf-auth-social-btn {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    color: #374151;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.uf-auth-social-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.uf-auth-social-btn:hover::before {
    left: 100%;
}

.uf-auth-social-btn:hover {
    background: #f8fafc;
    border-color: #01796f;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.uf-auth-social-btn img {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.uf-auth-social-btn:hover img {
    transform: scale(1.1);
}

/* ==========================================
   DIVIDER STYLES
   ========================================== */
.uf-auth-divider {
    text-align: center;
    margin: 24px 0;
    position: relative;
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
}

.uf-auth-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #e2e8f0, transparent);
}

.uf-auth-divider span {
    background: rgba(255, 255, 255, 0.95);
    padding: 0 16px;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(10px);
    border-radius: 20px;
}

/* ==========================================
   ERROR MESSAGE STYLES
   ========================================== */
.uf-auth-error-message {
    color: #ef4444;
    font-size: 13px;
    margin-top: 6px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 6px;
    border-left: 3px solid #ef4444;
}

.uf-auth-error-message::before {
    content: '⚠';
    font-size: 14px;
    color: #ef4444;
}

.uf-auth-help-text {
    color: #64748b;
    font-size: 13px;
    margin-top: 4px;
    padding-left: 4px;
}

/* ==========================================
   FOOTER STYLES
   ========================================== */
.uf-auth-footer {
    text-align: center;
    margin-top: 24px;
    padding-top: 20px;
    border-top: none;
    animation: fadeIn 0.8s ease-out 0.8s both;
}

.uf-auth-text {
    color: #64748b;
    font-size: 14px;
    margin: 0;
    font-weight: 300;
}

.uf-auth-link {
    color: #01796f;
    text-decoration: none !important;
    font-weight: 600;
    border-bottom: none !important;
}

.uf-auth-link:hover {
    color: #01796f;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* ==========================================
   LOADING STATE STYLES
   ========================================== */
.uf-auth-btn.loading {
    pointer-events: none;
    opacity: 0.9;
}

.uf-auth-btn.loading::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top: 2px solid #ffffff;
    border-radius: 50%;
    animation: uf-auth-spin 1s linear infinite;
}

@keyframes uf-auth-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ==========================================
   RESPONSIVE STYLES
   ========================================== */


/* ==========================================
   GOOGLE SIGN IN STYLES
   ========================================== */
.uf-google-signin-container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.uf-google-signin-container .g_id_signin {
    width: 100% !important;
    height: 48px !important;
    border-radius: 8px !important;
    border: 2px solid #e5e7eb !important;
    background: #ffffff !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.uf-google-signin-container .g_id_signin:hover {
    background: #f8fafc !important;
    border-color: #01796f !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.uf-google-signin-container .g_id_signin:active {
    transform: translateY(0) !important;
}

.g_id_signin > div {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.uf-google-signin-container.loading {
    opacity: 0.7;
    pointer-events: none;
}

.uf-google-signin-container.loading .g_id_signin {
    cursor: not-allowed;
}

.uf-google-signin-disabled {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    border: 2px solid #e5e7eb;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: not-allowed;
    opacity: 0.6;
}

.uf-google-signin-disabled-text {
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
}

/* Header Google Auth Container */
.header-google-auth-container {
    display: inline-block;
    vertical-align: middle;
}

.header-google-auth-container .google-signin-button-container {
    width: auto !important;
    min-width: 200px !important;
    min-height: 40px !important;
    display: inline-block !important;
}

.header-google-auth-container .google-signin-button-container > div {
    width: auto !important;
    min-width: 200px !important;
}

.header-google-auth-container .google-signin-button-container > div > div {
    width: auto !important;
    min-width: 200px !important;
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
}

/* Mobile header için daha küçük */
@media (max-width: 768px) {
    .header-google-auth-container {
        display: none; /* Mobile'da header'da gösterme, aside'da göster */
    }
}

.uf-google-signin-error {
    color: #ef4444;
    font-size: 13px;
    margin-top: 6px;
    padding: 8px 12px;
    background: rgba(239, 68, 68, 0.1);
    border-radius: 6px;
    border-left: 3px solid #ef4444;
}


/* ==========================================
   ALERT STYLES
   ========================================== */
.uf-auth-alert {
    padding: 16px 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.uf-auth-alert-success {
    background: rgba(240, 253, 244, 0.9);
    border-color: rgba(187, 247, 208, 0.5);
    color: #166534;
}

.uf-auth-alert-error {
    background: rgba(254, 242, 242, 0.9);
    border-color: rgba(254, 202, 202, 0.5);
    color: #dc2626;
}

.uf-auth-alert-close {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    margin-left: auto;
    transition: all 0.3s ease;
}

.uf-auth-alert-close:hover {
    background: rgba(0, 0, 0, 0.1);
    transform: scale(1.1);
}

/* ==========================================
   CHECKBOX STYLES
   ========================================== */
.uf-auth-checkbox-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
    flex-wrap: wrap;
    gap: 10px;
}

.uf-auth-checkbox-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.uf-auth-checkbox {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    accent-color: #01796f;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    opacity: 1;
    visibility: visible;
}

.uf-auth-checkbox:checked {
    transform: scale(1.1);
}

.uf-auth-checkbox-label {
    color: #6b7280;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
    transition: color 0.3s ease;
}

.uf-auth-checkbox-label:hover {
    color: #01796f;
}

/* ==========================================
   FOCUS VISIBILITY
   ========================================== */
.uf-auth-btn:focus-visible,
.uf-auth-input:focus-visible,
.uf-auth-social-btn:focus-visible {
    outline: 2px solid #01796f;
    outline-offset: 2px;
}

/* ==========================================
   BROWSER COMPATIBILITY
   ========================================== */
.uf-auth-container {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.uf-auth-card {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

/* ==========================================
   ACCESSIBILITY IMPROVEMENTS
   ========================================== */
.uf-auth-btn:focus,
.uf-auth-input:focus,
.uf-auth-link:focus {
    outline: 2px solid #01796f;
    outline-offset: 2px;
}

.uf-auth-btn:focus:not(:focus-visible),
.uf-auth-input:focus:not(:focus-visible),
.uf-auth-link:focus:not(:focus-visible) {
    outline: none;
}

/* ==========================================
   HEADER AND NAVIGATION FIXES
   ========================================== */

/* Header z-index fixes */
.header {
    z-index: 1000 !important;
    position: relative !important;
}

.header-mobile {
    z-index: 1001 !important;
}

/* Navigation menu fixes */
.navigation {
    z-index: 999 !important;
    position: relative !important;
}

/* Cart badge positioning fixes - Moved to style.css */

/* Notification badge fixes */
.notification-badge {
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    min-width: 18px !important;
    height: 18px !important;
    background-color: #dc3545 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    z-index: 1003 !important;
}

/* Favorite button fixes - Enhanced */
.favorite-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 9999 !important;
    color: #ccc !important;
    font-size: 14px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    pointer-events: auto !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    touch-action: manipulation !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.favorite-btn:hover {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    color: #ff6b6b !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.favorite-btn:active {
    transform: scale(0.95) !important;
}

.favorite-btn.active {
    color: #ff6b6b !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3) !important;
}

.favorite-btn.active i {
    animation: heartBeat 0.3s ease-in-out !important;
}

.favorite-btn:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.favorite-btn .fa-spinner {
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes heartBeat {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* Ensure favorite button is always on top */
.product-card .favorite-btn,
.swiper-slide .favorite-btn,
.product-grid .favorite-btn,
.new-pc .favorite-btn {
    z-index: 9999 !important;
    pointer-events: auto !important;
}

/* Fix for any overlapping elements */
.product-image-container {
    pointer-events: none !important;
}

.product-image-link {
    pointer-events: auto !important;
    cursor: pointer !important;
}

.new-pc__img {
    pointer-events: none !important;
}

.product-image-container * {
    pointer-events: none !important;
}

.product-image-link * {
    pointer-events: auto !important;
}

/* Product badge fixes */
.product-badge,
.modern-badge,
.new-image-badge,
.product-discount-badge {
    position: absolute !important;
    z-index: 1005 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Header tools positioning */
/* Header tools styles - Moved to style.css */

/* Mobile menu fixes - Moved to style.css */

/* Cart drawer fixes */
.cart-drawer {
    z-index: 9999 !important;
}

/* Aside genel fix */
.aside {
    z-index: 9998 !important;
}

/* Aside fixes */
.aside {
    z-index: 1008 !important;
}

/* Dropdown menu fixes */
.dropdown-menu {
    z-index: 1009 !important;
}

/* Modal fixes */
.modal {
    z-index: 1010 !important;
}

/* Toast/notification fixes */
.toast,
.alert {
    z-index: 1011 !important;
}

/* ==========================================
   RESPONSIVE FIXES
   ========================================== */



/* ==========================================
   FAVORITE BUTTON ERROR FIXES
   ========================================== */

/* Prevent favorite button from interfering with other elements */
.favorite-btn:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.3) !important;
}

/* Ensure favorite button doesn't block clicks on other elements */
.favorite-btn {
    pointer-events: auto !important;
}

/* Fix for favorite button on product cards */
.product-card .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button in sliders */
.swiper-slide .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button in grids */
.product-grid .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button loading state */
.favorite-btn:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

.favorite-btn .fa-spinner {
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes heartBeat {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* Ensure favorite button is always clickable */
.favorite-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: none !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 1004 !important;
    color: #ccc !important;
    font-size: 14px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* Fix for favorite button hover states */
.favorite-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, 1) !important;
    transform: scale(1.1) !important;
    color: #ff6b6b !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.favorite-btn.active {
    color: #ff6b6b !important;
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3) !important;
}

.favorite-btn.active i {
    animation: heartBeat 0.3s ease-in-out !important;
}

/* Fix for favorite button in different contexts */
.product-item .favorite-btn,
.new-pc .favorite-btn,
.product-card .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button in product images */
.product-image-container .favorite-btn,
.product-image-wrapper .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button in carousels */
.carousel .favorite-btn,
.swiper-slide .favorite-btn {
    z-index: 1004 !important;
}

/* Fix for favorite button in lists */
.product-list .favorite-btn,
.product-grid .favorite-btn {
    z-index: 1004 !important;
}

/* ==========================================
   CART BADGE ERROR FIXES
   ========================================== */

/* Cart badge styles - Moved to style.css */

/* Page Overlay - COMPLETELY DISABLED */
.page-overlay {
    display: none !important;
    opacity: 0 !important;
}

a.mobile-nav-activator, a.mobile-nav-activator.d-block, a.mobile-nav-activator.position-relative, a.mobile-nav-activator.d-block.position-relative {
    cursor: pointer;
    outline: none !important;
    outline-offset: 0 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    border-width: 0 !important;
    box-shadow: none !important;
    margin-left: 0px !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    display: block !important;
}

/* ==========================================
   MOBILE MENU CLOSE BUTTON FIX
   ========================================== */

/* Mobil menü kapatma butonu için özel stil */
.mobile-nav-activator .btn-close-lg {
    font-size: 32px !important;
    font-weight: bold !important;
    color: #333 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 1 !important;
    text-align: center !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) rotate(-90deg) !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Mobil menü açıkken kapatma butonunun hover efekti */
.mobile-menu-opened .mobile-nav-activator .btn-close-lg {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) rotate(0) !important;
}

.mobile-menu-opened .mobile-nav-activator .btn-close-lg:hover {
    color: inherit !important;
    transform: translate(-50%, -50%) rotate(0) !important;
    transition: none !important;
}

/* Mobil menü kapatma butonunun daha belirgin olması için */
.mobile-nav-activator .btn-close-lg {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* Mobil menü SVG hamburger ikonu için stil */
.mobile-nav-activator .nav-icon {
    width: 25px !important;
    height: 18px !important;
    fill: #333 !important;
    transition: none !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.mobile-menu-opened .mobile-nav-activator .nav-icon {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.mobile-nav-activator:hover .nav-icon {
    fill: inherit !important;
    transform: translate(-50%, -50%) !important;
    transition: none !important;
}

/* ==========================================
   MOBILE MENU SEARCH FIELD
   ========================================== */

/* Mobil menü açık olduğunda body padding */
body.mobile-menu-opened {
    padding-bottom: 52px !important;
}

/* Mobil menü arama alanı stilleri */
.header-mobile__navigation .search-field {
    margin: 0 0 16px 0 !important;
}

.header-mobile__navigation .search-field.mt-4 {
    margin-top: 0 !important;
}

.header-mobile__navigation > .container:first-child .search-field {
    padding-top: 0;
    margin-top: 0 !important;
}

.header-mobile__navigation .search-field__input {
    padding: 12px 50px 12px 16px !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    background-color: #ffffff !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

.header-mobile__navigation .search-field__input:focus {
    border-color: #c32929 !important;
    box-shadow: 0 0 0 3px rgba(239, 193, 19, 0.1) !important;
    outline: none !important;
}

.header-mobile__navigation .search-field__input::placeholder {
    color: #9ca3af !important;
    font-size: 16px !important;
}

/* Mobil menü arama butonları */
.header-mobile__navigation .search-popup__submit,
.header-mobile__navigation .search-popup__reset {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    padding: 8px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.header-mobile__navigation .search-popup__submit {
    right: 40px !important;
}

.header-mobile__navigation .search-popup__reset {
    right: 8px !important;
}

.header-mobile__navigation .search-popup__submit:hover,
.header-mobile__navigation .search-popup__reset:hover {
    transform: translateY(-50%) scale(1.1) !important;
}

.header-mobile__navigation .search-popup__submit svg {
    fill: #6b7280 !important;
    transition: fill 0.3s ease !important;
}

.header-mobile__navigation .search-popup__submit:hover svg {
    fill: #c32929 !important;
}

.header-mobile__navigation .search-popup__reset {
    color: #6b7280 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.header-mobile__navigation .search-popup__reset:hover {
    color: #dc3545 !important;
}

.page-overlay_visible {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Ensure body scroll is NEVER disabled under any circumstances */
body,
body.page-overlay-visible,
body.aside-visible,
body.modal-open,
body.no-scroll {
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* Force scroll on html element too */
html {
    overflow: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

/* ==========================================
   NOTIFICATION SYSTEM FIXES
   ========================================== */

/* Notification positioning and z-index */
.alert.position-fixed {
    z-index: 9999 !important;
    position: fixed !important;
    top: 20px !important;
    right: 20px !important;
    min-width: 300px !important;
    max-width: 400px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    border: none !important;
}

/* Notification types */
.alert-success {
    background-color: #d4edda !important;
    color: #155724 !important;
    border-left: 4px solid #dc3545 !important;
}

.alert-danger {
    background-color: #f8d7da !important;
    color: #721c24 !important;
    border-left: 4px solid #dc3545 !important;
}

.alert-warning {
    background-color: #fff3cd !important;
    color: #856404 !important;
    border-left: 4px solid #ffc107 !important;
}

.alert-info {
    background-color: #d1ecf1 !important;
    color: #0c5460 !important;
    border-left: 4px solid #17a2b8 !important;
}

/* Notification close button */
.alert .btn-close {
    background: none !important;
    border: none !important;
    font-size: 18px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0.5 !important;
    transition: opacity 0.3s ease !important;
}

.alert .btn-close:hover {
    opacity: 1 !important;
}

/* ==========================================
   PRODUCT LAYOUT FIXES
   ========================================== */

/* Ensure product containers have proper positioning */
.product-item,
.new-pc,
.product-card {
    position: relative !important;
    overflow: hidden !important;
}

/* Fix product image containers */
.product-image-container,
.new-pc__img-wrapper,
.product-card__image,
.pc__img-wrapper {
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

.product-card-wrapper .product-image-container {
    width: 100% !important;
    padding-top: 0 !important;
    height: auto !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    position: relative !important;
}

.product-card-wrapper .new-pc__img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
}

/* Slider-specific class'lar için exception - object-fit: contain kullan */
.product-card-wrapper .new-pc__img.product-slider-img,
.product-card-wrapper .new-pc__img.product-tab-slider-img,
.product-card-wrapper .new-pc__img.product-category-slider-img,
.product-card-wrapper .new-pc__img.product-similar-slider-img,
.produc_tab_slider__slide .product-card-wrapper .new-pc__img.product-tab-slider-img,
.homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img,
[data-homepagecategory-slider] .homepagecategory-card__product .product-card-wrapper .new-pc__img.product-category-slider-img {
    object-fit: contain !important;
}

.product-card-wrapper .new-product-card {
    margin-bottom: 0 !important;
}

/* Homepage builder ürün sliderları için görsel düzeltmesi */

/* Ensure badges don't overlap with favorite buttons */
.product-badge,
.modern-badge,
.new-image-badge,
.product-discount-badge {
    z-index: 1005 !important;
}

/* Fix for video badges - REMOVED - Using new compact design */

/* Fix for discount badges */
.product-discount-badge {
    z-index: 1005 !important;
    top: 10px !important;
    right: 55px !important; /* Leave space for favorite button */
}

/* ==========================================
   MOBILE SPECIFIC FIXES
   ========================================== */



/* ==========================================
   MENU OVERLAP FIXES
   ========================================== */

/* Ensure navigation menu doesn't overlap with badges */
.navigation {
    position: relative !important;
    z-index: 999 !important;
}

/* Fix dropdown menus */
.navigation .dropdown-menu {
    z-index: 1009 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Fix mega menu */
.navigation .mega-menu {
    z-index: 1009 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    background: #fefefe;
}

.navigation__item:hover .mega-menu {
    box-shadow: none !important;
    border: 1px solid #e8e0db !important;
}

/* ==========================================
   SEARCH OVERLAP FIXES
   ========================================== */

/* Fix search results dropdown */
.uomo-header-search-results {
    z-index: 1012 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* ==========================================
   GENERAL Z-INDEX HIERARCHY
   ========================================== */

/*
Z-Index Hierarchy:
- Base elements: 1-999
- Header: 1000-1001
- Navigation: 999
- Header tools: 1002
- Cart/Notification badges: 1003
- Favorite buttons: 1004
- Product badges: 1005
- Mobile navigation: 1006
- Cart drawer: 1007
- Aside panels: 1008
- Dropdown menus: 1009
- Modals: 1010
- Toasts/Alerts: 1011
- Search results: 1012
*/

/* ==========================================
   SADE FİLTRE SİSTEMİ STİLLERİ
   ========================================== */

/* Filter Sidebar Container */
.aside-filters {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

/* Filter Header */
.aside-header {
    background: #ffffff !important;
    color: #1f2937 !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    border-radius: 0 !important;
}

.aside-header h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    color: #374151 !important;
}

/* Close Button */
.btn-close-aside {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #9ca3af !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    padding: 0 !important;
}

.btn-close-aside:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: #374151 !important;
    transform: none !important;
}

.btn-close-aside i {
    font-size: 12px !important;
    line-height: 1 !important;
}

/* Filter Content */
.aside-content {
    padding: 12px !important;
    background: #ffffff !important;
    border-radius: 0 0 8px 8px !important;
}

/* Modern Filter Sections */
.modern-filter-section {
    margin-bottom: 12px !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

/* Filter Title */
.modern-filter-title {
    width: 100% !important;
    background: #f9fafb !important;
    border: none !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.modern-filter-title:hover {
    background: #f3f4f6 !important;
    color: #1f2937 !important;
}

/* Filter Toggle Icon */
.modern-filter-toggle {
    font-size: 14px !important;
    color: #6b7280 !important;
    transition: all 0.3s ease !important;
    transform: rotate(0deg) !important;
}

.modern-filter-toggle.active {
    transform: rotate(45deg) !important;
    color: #3b82f6 !important;
}

.modern-filter-title:hover .modern-filter-toggle {
    color: #374151 !important;
}

/* Filter Content */
.modern-filter-content {
    padding: 8px 12px !important;
    background: #ffffff !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    max-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.modern-filter-content.show {
    max-height: 500px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}



/* Filter List */
.modern-filter-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Filter Items */
.modern-filter-item {
    margin-bottom: 8px !important;
}

.modern-filter-item:last-child {
    margin-bottom: 0 !important;
}

/* Checkbox Wrapper */
.modern-checkbox-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    padding: 4px 6px !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}

.modern-checkbox-wrapper:hover {
    background: #f9fafb !important;
}

/* Modern Checkbox */
.modern-checkbox {
    appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid #d1d5db !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
}

.modern-checkbox:checked {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
}

.modern-checkbox:checked::after {
    content: '✓' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
    line-height: 1 !important;
}

.modern-checkbox:hover {
    border-color: #3b82f6 !important;
}

.modern-checkbox:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* Checkbox Label */
.modern-checkbox-label {
    font-size: 13px !important;
    color: #374151 !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: color 0.2s ease !important;
    user-select: none !important;
    flex: 1 !important;
}

.modern-checkbox:checked + .modern-checkbox-label {
    color: #1f2937 !important;
    font-weight: 600 !important;
}

/* Sub-categories */
.modern-category-sub {
    margin-left: 12px !important;
}

.modern-filter-sub-list {
    margin-top: 6px !important;
    padding-left: 12px !important;
    border-left: 2px solid #e5e7eb !important;
}

/* Price Range Slider */
.price-range-slider-container {
    padding: 8px 0 !important;
}

/* Price Range Title */
.price-range-title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Price Slider */
#price-slider {
    position: relative !important;
    height: 6px !important;
    background: #e5e7eb !important;
    border-radius: 3px !important;
    margin: 12px 0 !important;
    cursor: pointer !important;
}

.slider-track {
    position: absolute !important;
    height: 100% !important;
    background: #3b82f6 !important;
    border-radius: 3px !important;
    transition: all 0.2s ease !important;
}

.slider-handle {
    position: absolute !important;
    width: 18px !important;
    height: 18px !important;
    background: #ffffff !important;
    border: 3px solid #3b82f6 !important;
    border-radius: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

.slider-handle:hover {
    transform: translate(-50%, -50%) scale(1.15) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Price Inputs */
.price-inputs {
    margin-bottom: 8px !important;
}

.price-inputs .form-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    margin-bottom: 3px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.price-inputs .form-control {
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
    color: #374151 !important;
    background: #ffffff !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
}

.price-inputs .form-control:focus {
    outline: none !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.price-inputs .form-control:hover {
    border-color: #9ca3af !important;
}

/* Price Range Display */
.price-range__info {
    background: #f0f9ff !important;
    border: 1px solid #bae6fd !important;
    border-radius: 6px !important;
    padding: 8px 10px !important;
    margin-top: 8px !important;
    text-align: center !important;
}

.price-range__display {
    font-weight: 700 !important;
    color: #0369a1 !important;
    font-size: 13px !important;
    display: block !important;
}

/* Price Range Instructions */
.price-range-instructions {
    font-size: 11px !important;
    color: #6b7280 !important;
    margin-top: 4px !important;
    text-align: center !important;
    font-style: italic !important;
}

/* Clear Filters Button */
#clear-filters-btn {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

#clear-filters-btn:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
    color: #374151 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

#clear-filters-btn:active {
    transform: translateY(0) !important;
}

/* Filter Submit Button */
#filter-submit-btn {
    background: #3b82f6 !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin-top: 8px !important;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2) !important;
}

#filter-submit-btn:hover {
    background: #2563eb !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3) !important;
}

#filter-submit-btn:active {
    transform: translateY(0) !important;
}

#filter-submit-btn.btn-outline-primary {
    background: #ffffff !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.1) !important;
}

#filter-submit-btn.btn-outline-primary:hover {
    background: #3b82f6 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3) !important;
}

/* Filter Toggle Button */
.btn-link_f {
    background: #ffffff !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    color: #374151 !important;
 
}


/* Responsive Design */


/* Cart Drawer Buttons - Minimalist Design */
.cart-drawer .btn {
    border-radius: 0 !important;
    border: none !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding: 14px 20px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cart-drawer .btn-light {
    background: #10b981 !important;
    color: #ffffff !important;
    border: 2px solid #10b981 !important;
    box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2) !important;
}

.cart-drawer .btn-light:hover {
    background: #059669 !important;
    color: #ffffff !important;
    border-color: #059669 !important;
    box-shadow: 0 4px 8px rgba(16, 185, 129, 0.3) !important;
    transform: translateY(-1px) !important;
}

.cart-drawer .btn-primary {
    background: #ffffff !important;
    color: #1f2937 !important;
    border: 2px solid #1f2937 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.cart-drawer .btn-primary:hover {
    background: #1f2937 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px) !important;
}

/* Cart Drawer Content */
.cart-drawer .aside-content {
    background: #ffffff !important;
    padding: 2px !important;
    padding-bottom: 200px !important; /* Space for fixed actions */
}

/* Cart Drawer Actions */
.cart-drawer-actions {
    background: #ffffff !important;
    padding: 16px !important;
    border-top: 1px solid #f3f4f6 !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Cart Summary Items */
.cart-summary-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 2px 0 !important;
    font-size: 14px !important;
}

.cart-summary-label {
    color: #374151 !important;
    font-weight: 500 !important;
}

.cart-summary-value {
    color: #1f2937 !important;
    font-weight: 600 !important;
}

.cart-summary-discount {
    border-top: 1px solid #f3f4f6 !important;
    margin-top: 8px !important;
    padding-top: 12px !important;
}

.cart-summary-discount-value {
    color: #dc2626 !important;
}

.cart-summary-total {
    border-top: 2px solid #e5e7eb !important;
    margin-top: 12px !important;
    padding-top: 16px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.cart-summary-total .cart-summary-label {
    font-weight: 700 !important;
}

.cart-summary-total .cart-summary-value {
    font-weight: 700 !important;
    color: #059669 !important;
}

/* Cart Drawer Button Spacing */
.cart-drawer .btn + .btn {
    margin-top: 12px !important;
}

/* Cart Drawer Header */
.cart-drawer .aside-header {
    background: #ffffff !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

/* Cart Drawer Close Button */
.cart-drawer .btn-close-lg {
    width: 32px !important;
    height: 32px !important;
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #6b7280 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    position: relative !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.cart-drawer .btn-close-lg:hover {
    background: #f3f4f6 !important;
    color: #dc2626 !important;
    border-color: #dc2626 !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
}

.cart-drawer .btn-close-lg::before {
    content: '×' !important;
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

/* Cart Drawer Items */
.cart-drawer-item {
    border-bottom: 1px solid #d1d5db !important;
    padding: 16px 0 !important;
    position: relative !important;
    z-index: 0 !important;
}

/* Cart Item Remove Button - artık btn-close-xs kullanılıyor */

/* Cart Drawer Item Image */
.cart-drawer-item__img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    border: 1px solid #f3f4f6 !important;
}

.cart-drawer-item:last-child {
    border-bottom: none !important;
}

.cart-drawer-item__title {
    font-size: 13px !important;
    color: #374151 !important;
    margin-bottom: 4px !important;
}

.cart-drawer-item__title a {
    color: #374151 !important;
    text-decoration: none !important;
}

.cart-drawer-item__title a:hover {
    color: #1f2937 !important;
}

.cart-drawer-item__option {
    font-size: 11px !important;
    color: #6b7280 !important;
    margin-bottom: 4px !important;
}

.cart-ietm__price {
    font-size: 13px !important;
    color: #1f2937 !important;
    font-weight: 600 !important;
    background: #f8fafc !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    border-left: 2px solid #059669 !important;
    margin-top: 6px !important;
    display: inline-block !important;
}

/* Cart Item Group Products */
.cart-item-group-products {
    margin: 4px 0 !important;
    padding-left: 8px !important;
}

.cart-item-group-product {
    margin: 2px 0 !important;
}

.cart-item-group-product small {
    font-size: 10px !important;
    color: #6b7280 !important;
    line-height: 1.3 !important;
}

/* Cart Item Quantity Controls */
.cart-item-quantity-wrapper {
    margin-top: 8px !important;
}

.cart-item-quantity-label {
    font-size: 11px !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}

.cart-item-quantity-controls {
    border: 1px solid #e5e7eb !important;
    border-radius: 4px !important;
    background: #ffffff !important;
}

.cart-quantity-btn {
    background: #ffffff !important;
    border: none !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #374151 !important;
    font-size: 10px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.cart-quantity-btn:hover:not(:disabled) {
    background: #f3f4f6 !important;
    color: #1f2937 !important;
}

.cart-quantity-btn:disabled {
    color: #d1d5db !important;
    cursor: not-allowed !important;
}

.cart-quantity-display {
    font-size: 12px !important;
    color: #1f2937 !important;
    font-weight: 500 !important;
    min-width: 20px !important;
    text-align: center !important;
}

/* Cart Subtotal */
.cart-subtotal {
    color: #1f2937 !important;
    font-weight: 500 !important;
}

/* Cart Amount Badge */
.cart-amount {
    color: #ffffff !important;
    font-weight: 400 !important;
}

/* Empty Cart State */
.cart-drawer-empty {
    background: #ffffff !important;
    padding: 40px 20px !important;
}

.cart-empty-icon {
    color: #d1d5db !important;
}

.cart-empty-title {
    color: #374151 !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

.cart-empty-text {
    color: #6b7280 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.cart-drawer-empty .btn-outline-primary {
    border: 1px solid #1f2937 !important;
    color: #1f2937 !important;
    background: transparent !important;
    padding: 10px 20px !important;
    border-radius: 0 !important;
    font-weight: 500 !important;
    transition: all 0.2s ease !important;
}

.cart-drawer-empty .btn-outline-primary:hover {
    background: #1f2937 !important;
    color: #ffffff !important;
}

/* Cart Discount Items */
.cart-drawer-actions .d-flex {
    margin-bottom: 8px !important;
    padding: 4px 0 !important;
}

.cart-drawer-actions .d-flex:last-child {
    margin-bottom: 16px !important;
    padding-top: 8px !important;
    border-top: 1px solid #f3f4f6 !important;
    font-weight: 600 !important;
}

/* Discount Labels */
.cart-drawer-actions h6 {
    font-size: 13px !important;
    color: #6b7280 !important;
    margin: 0 !important;
}

/* Cart Item Discount Badge */
.cart-item-discount-badge {
    display: block !important;
    margin-top: 5px !important;
    font-size: 12px !important;
    color: #dc3545 !important;
    font-weight: 600 !important;
    background: #f8f9fa !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    border-left: 3px solid #dc3545 !important;
}

/* Cart Summary Discount Items */
.cart-summary-discount {
    color: #dc3545 !important;
}

.cart-summary-discount-value {
    color: #dc3545 !important;
    font-weight: 600 !important;
}

/* Discount Values */
.cart-drawer-actions .cart-subtotal {
    font-size: 13px !important;
    color: #1f2937 !important;
    font-weight: 500 !important;
}

/* Negative Discount Values */
.cart-drawer-actions .cart-subtotal {
    color: #1f2937 !important;
}

.cart-drawer-actions .d-flex:has(span:contains("-")) .cart-subtotal {
    color: #dc2626 !important;
}

/* Discount Amount Styling */
.cart-drawer-actions .d-flex:nth-child(n+2):not(:last-child) .cart-subtotal {
    color: #dc2626 !important;
}

/* Discount Item Styling */
.discount-item {
    background: #fef7f7 !important;
    border-radius: 4px !important;
    padding: 6px 8px !important;
    margin: 4px 0 !important;
    border-left: 3px solid #dc2626 !important;
}

.discount-amount {
    color: #3cab5b !important;
    font-weight: 600 !important;
}

/* Cart Item Discount Badge */
.cart-item-discount-badge {
    background: #fef3c7 !important;
    color: #92400e !important;
    font-size: 10px !important;
    padding: 2px 6px !important;
    border-radius: 3px !important;
    display: inline-block !important;
    margin-top: 4px !important;
    font-weight: 500 !important;
}

/* Öne Çıkarılmış Ürün Badge'i */
.featured-product-badge {
    background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
    color: white !important;
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    animation: featured-pulse 2s infinite !important;
    margin-bottom: 0 !important;
    width: fit-content !important;
    max-width: 120px !important;
}

.featured-product-badge i {
    font-size: 10px !important;
    color: #fff !important;
}

@keyframes featured-pulse {
    0% {
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    }
    50% {
        box-shadow: 0 2px 12px rgba(255, 107, 53, 0.5) !important;
    }
    100% {
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3) !important;
    }
}

/* İndirim Badge'i - Temel Stil */
.new-discount-badge {
    padding: 6px 10px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    white-space: normal !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    color: white !important;
    line-height: 1.2 !important;
}

.discount-badge-line-1 {
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.discount-badge-line-2 {
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.8px !important;
}

.new-discount-badge i {
    font-size: 10px !important;
    color: white !important;
}

/* Web'e Özel İndirim Badge - Yeşil (discount-type-indicator.web-discount ile aynı renk) */
.new-discount-badge-web {
    background: #16a34a !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3) !important;
}

.new-discount-badge-web:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(34, 197, 94, 0.5) !important;
}

/* Sepette İndirim Badge - Mavi (discount-type-indicator.cart-discount ile aynı renk) */
.new-discount-badge-cart {
    background: #2563eb !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
}

.new-discount-badge-cart:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.5) !important;
}

/* Normal İndirim Badge - Turuncu (discount-type-indicator.normal-discount ile aynı renk) */
.new-discount-badge-sale {
    background: #ea580c !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(249, 115, 22, 0.3) !important;
}

.new-discount-badge-sale:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 6px 16px rgba(249, 115, 22, 0.5) !important;
}


/* ==========================================
   MINIMALIST BLOG CSS - SIDEBAR LAYOUT
   ========================================== */

/* ==========================================
   GLOBAL STYLES
   ========================================== */
   .blog-page {
    min-height: 100vh;
    background: #ffffff;
    color: #1e293b;
    padding: 20px 0;
}

.blog-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 24px;
    min-height: 100vh;
}

@media (max-width: 991px) {
    .blog-container {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 0 16px;
    }
    
    .blog-sidebar {
        order: 2;
        margin-top: 8px;
    }
    
    .blog-main {
        order: 1;
    }
}

@media (max-width: 768px) {
    .blog-page {
        padding: 16px 0 20px 0;
    }
    
    .blog-container {
        padding: 0 12px;
        gap: 20px;
    }
    
    .blog-main {
        padding: 18px 14px;
        border-radius: 12px;
    }
    
    .blog-main-header {
        margin-bottom: 18px;
        padding-bottom: 14px;
    }
    
    .blog-main-title {
        font-size: 20px;
        gap: 8px;
    }
    
    .blog-main-title i {
        font-size: 18px;
    }
    
    .blog-main-subtitle {
        font-size: 13px;
    }
}

/* ==========================================
   CONTACT PAGE STYLES - MODERN DESIGN
   ========================================== */
.contactpage {
    min-height: 100vh;
    background: #ffffff;
    padding: 30px 0;
}

.contactpage-hero {
    background: #c32929;
    color: white;
    padding: 40px 0;
    margin-bottom: 32px;
    text-align: center;
}

.contactpage-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.contactpage-hero__title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: -0.02em;
}

.contactpage-hero__subtitle {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.9);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.5;
}

.contactpage-content {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 24px;
    margin-bottom: 32px;
}

/* Contact Form Styles - Modern Design */
.contactpage-form-wrapper {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 16px;
    padding: 0;
    border: 2px solid #e5e7eb;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.contactpage-form-header {
    background: linear-gradient(135deg, #c32929 0%, #01796f 100%);
    padding: 32px 28px;
    text-align: center;
    color: white;
    margin-bottom: 0;
}

.contactpage-form-icon-wrapper {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

.contactpage-form-icon-wrapper i {
    font-size: 28px;
    color: white;
}

.contactpage-form-title {
    font-size: 26px;
    font-weight: 600;
    color: white;
    margin: 0 0 10px 0;
    letter-spacing: -0.01em;
    display: block;
}

.contactpage-form-title i {
    display: none;
}

.contactpage-form-description {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    margin: 0;
    line-height: 1.6;
}

.contactpage-success-message {
    background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
    color: #065f46;
    padding: 14px 18px;
    border-radius: 8px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #10b981;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.15);
}

.contactpage-success-message i {
    font-size: 18px;
    color: #10b981;
}

.contactpage-form {
    display: flex;
    flex-direction: column;
}

.contactpage-form-body {
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contactpage-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.contactpage-form-group {
    position: relative;
    margin-bottom: 0;
}

.contactpage-form-group--floating {
    position: relative;
}

.contactpage-input-wrapper,
.contactpage-textarea-wrapper {
    position: relative;
    display: flex;
    align-items: flex-start;
}

.contactpage-textarea-wrapper .contactpage-input-icon {
    top: 16px;
    align-self: flex-start;
}

.contactpage-input-icon {
    position: absolute;
    left: 16px;
    color: #9ca3af;
    font-size: 16px;
    pointer-events: none;
    z-index: 2;
    transition: all 0.3s ease;
}

.contactpage-form-input,
.contactpage-form-textarea {
    width: 100%;
    padding: 16px 16px 16px 48px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 15px;
    outline: none;
    transition: all 0.3s ease;
    background: #ffffff;
    color: #1e293b;
    font-weight: 400;
    font-family: inherit;
}

.contactpage-form-textarea {
    padding: 16px 16px 16px 48px;
    min-height: 160px;
    resize: vertical;
    line-height: 1.7;
}

.contactpage-form-input:focus,
.contactpage-form-textarea:focus {
    border-color: #c32929;
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(1, 88, 80, 0.1);
    transform: translateY(-1px);
}

.contactpage-form-input:focus + .contactpage-form-label,
.contactpage-form-input:not(:placeholder-shown) + .contactpage-form-label,
.contactpage-form-textarea:focus + .contactpage-form-label,
.contactpage-form-textarea:not(:placeholder-shown) + .contactpage-form-label {
    transform: translateY(-24px) scale(0.85);
    color: #c32929;
    background: white;
    padding: 0 6px;
    left: 12px;
}

.contactpage-form-input:focus ~ .contactpage-input-icon,
.contactpage-form-textarea:focus ~ .contactpage-input-icon {
    color: #c32929;
}

.contactpage-form-label {
    position: absolute;
    left: 48px;
    top: 16px;
    font-size: 15px;
    font-weight: 500;
    color: #9ca3af;
    pointer-events: none;
    transition: all 0.3s ease;
    background: transparent;
    display: block;
}

.contactpage-form-label .label-text {
    display: inline-block;
}

.contactpage-form-input::placeholder,
.contactpage-form-textarea::placeholder {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.contactpage-form-input:focus::placeholder,
.contactpage-form-textarea:focus::placeholder {
    opacity: 1;
}

.contactpage-form-input.is-invalid,
.contactpage-form-textarea.is-invalid {
    border-color: #dc2626;
    background: #fef2f2;
}

.contactpage-form-textarea {
    resize: vertical;
    min-height: 150px;
    font-family: inherit;
    line-height: 1.7;
}

.contactpage-form-input.is-invalid:focus,
.contactpage-form-textarea.is-invalid:focus {
    border-color: #dc2626;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.1);
}

.contactpage-form-error {
    color: #dc2626;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    margin-top: 2px;
}

.contactpage-form-error i {
    font-size: 11px;
}

.contactpage-form-footer {
    padding: 24px 28px 28px;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
}

.contactpage-form-submit {
    background: linear-gradient(135deg, #c32929 0%, #01796f 100%);
    color: white;
    border: none;
    padding: 16px 36px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(1, 88, 80, 0.3);
    min-width: 180px;
    position: relative;
    overflow: hidden;
}

.contactpage-form-submit::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.contactpage-form-submit:hover::before {
    width: 300px;
    height: 300px;
}

.contactpage-form-submit:hover {
    background: linear-gradient(135deg, #01796f 0%, #019d8f 100%);
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(1, 88, 80, 0.4);
}

.contactpage-form-submit:active {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.3);
}

.contactpage-form-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    background: #9ca3af;
}

.contactpage-form-submit .submit-text {
    position: relative;
    z-index: 1;
}

.contactpage-form-submit i {
    font-size: 16px;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1;
}

.contactpage-form-submit:hover i {
    transform: translateX(5px);
}

/* Contact Info Styles */
.contactpage-info-wrapper {
    background: white;
    border-radius: 8px;
    padding: 24px;
    border: 1px solid #e5e7eb;
    height: fit-content;
}

.contactpage-info-header {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
}

.contactpage-info-title {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.contactpage-info-title i {
    color: #c32929;
    font-size: 18px;
}

.contactpage-info-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contactpage-info-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    transition: all 0.2s ease;
    background: #f9fafb;
}

.contactpage-info-card:hover {
    border-color: #c32929;
    background: white;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.contactpage-info-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.contactpage-info-icon--address {
    background: #3b82f6;
}

.contactpage-info-icon--phone {
    background: #10b981;
}

.contactpage-info-icon--gsm {
    background: #8b5cf6;
}

.contactpage-info-icon--service {
    background: #f59e0b;
}

.contactpage-info-icon--email {
    background: #ef4444;
}

.contactpage-info-icon--whatsapp {
    background: #25d366;
}

.contactpage-info-icon--hours {
    background: #6366f1;
}

.contactpage-info-card:hover .contactpage-info-icon {
    transform: scale(1.1) rotate(5deg);
}

.contactpage-info-content {
    flex: 1;
}

.contactpage-info-label {
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contactpage-info-value,
.contactpage-info-link {
    font-size: 16px;
    color: #1e293b;
    font-weight: 500;
    margin: 0;
    line-height: 1.5;
}

.contactpage-info-link {
    color: #222222;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.contactpage-info-link:hover {
    color: #383735;
    text-decoration: none;
    transform: translateX(4px);
}

.contactpage-map {
    margin-top: 20px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

.contactpage-info-empty {
    padding: 24px 16px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
    background: #f9fafb;
    border-radius: 6px;
    border: 1px dashed #e5e7eb;
}

/* Contact Branches Styles - New Modern Design */
.contactpage-branches {
    background: white;
    border-radius: 8px;
    padding: 24px;
    border: 1px solid #e5e7eb;
    margin-top: 24px;
}

.contactpage-branches-header {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
}

.contactpage-branches-title {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.contactpage-branches-title i {
    color: #c32929;
    font-size: 18px;
}

.contactpage-branches-filter {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.contactpage-branches-select {
    padding: 10px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s ease;
    background: white;
    min-width: 180px;
    color: #1e293b;
    font-weight: 400;
    cursor: pointer;
}

.contactpage-branches-select:focus {
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.08);
}

.contactpage-branches-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 16px;
}

.contactpage-branch-card {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
    background: white;
    border-left: 3px solid #c32929;
}

.contactpage-branch-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #c32929;
}

.contactpage-branch-header {
    background: #c32929;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: white;
    font-size: 15px;
}

.contactpage-branch-header i {
    font-size: 16px;
}

.contactpage-branch-body {
    padding: 16px;
}

.contactpage-branch-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #6b7280;
    line-height: 1.6;
}

.contactpage-branch-item:last-of-type {
    margin-bottom: 0;
}

.contactpage-branch-item i {
    width: 18px;
    color: #c32929;
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 14px;
}

.contactpage-branch-link {
    color: #c32929;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.contactpage-branch-link:hover {
    color: #01796f;
    text-decoration: underline;
}

.contactpage-branch-hours {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #e5e7eb;
}

.contactpage-branch-hours-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #111827;
    font-size: 14px;
    margin-bottom: 10px;
}

.contactpage-branch-hours-title i {
    color: #c32929;
    font-size: 14px;
}

.contactpage-branch-hours-content {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.6;
}

.contactpage-branch-hours-item {
    margin-bottom: 4px;
}

.contactpage-branch-hours-item:last-child {
    margin-bottom: 0;
}

.contactpage-branch-hours-item strong {
    color: #111827;
    font-weight: 600;
}

/* Legacy styles - keeping for backward compatibility */
.contact-branches-section {
    background: white;
    border: none;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.branch-filter {
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.branch-filter-select {
    padding: 14px 18px;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 15px;
    outline: none;
    transition: all 0.3s ease;
    background: white;
    min-width: 180px;
    color: #1e293b;
    font-weight: 400;
    cursor: pointer;
}

.branch-filter-select:focus {
    border-color: #222222;
    box-shadow: 0 0 0 3px rgba(34, 34, 34, 0.1);
}

.branch-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 24px;
}

.branch-card {
    border: 2px solid #f3f4f6;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: white;
}

.branch-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
    border-color: #222222;
}

.branch-header {
    background: #222222;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
}

.branch-header i {
    font-size: 18px;
}

.branch-content {
    padding: 24px;
}

.branch-info-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
}

.branch-info-item:last-of-type {
    margin-bottom: 0;
}

.branch-info-item i {
    width: 20px;
    color: #222222;
    flex-shrink: 0;
    margin-top: 2px;
    font-size: 16px;
}

.branch-email {
    color: #222222;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.branch-email:hover {
    color: #383735;
    text-decoration: none;
}

.branch-hours {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #f3f4f6;
}

.branch-hours-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    color: #1e293b;
    font-size: 15px;
    margin-bottom: 12px;
}

.branch-hours-title i {
    color: #222222;
    font-size: 16px;
}

.branch-hours-content {
    font-size: 14px;
    color: #64748b;
    line-height: 1.7;
}

.branch-hours-item {
    margin-bottom: 6px;
}

.branch-hours-item:last-child {
    margin-bottom: 0;
}

.branch-hours-item strong {
    color: #1e293b;
    font-weight: 600;
}

/* ==========================================
   SIDEBAR STYLES
   ========================================== */
.blog-sidebar {
    background: white;
    border-radius: 12px;
    padding: 20px;
    position: sticky;
    top: 80px;
    height: fit-content;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #e5e7eb;
}

@media (max-width: 991px) {
    .blog-sidebar {
        position: relative;
        top: auto;
        max-height: none;
        border-radius: 12px;
        margin-top: 0;
        padding: 18px 16px;
    }
    
    .blog-sidebar-header {
        padding-bottom: 14px;
        margin-bottom: 14px;
    }
    
    .blog-sidebar-title {
        font-size: 18px;
    }
    
    .blog-sidebar-title i {
        font-size: 16px;
    }
    
    .blog-sidebar-subtitle {
        font-size: 13px;
    }
    
    .blog-sidebar-search {
        margin-bottom: 16px;
        padding-bottom: 14px;
    }
    
    .blog-search-input {
        padding: 10px 12px 10px 36px;
        font-size: 14px;
    }
    
    .blog-sidebar-categories-title {
        font-size: 14px;
        margin-bottom: 12px;
    }
    
    .blog-sidebar-category {
        padding: 9px 12px;
        font-size: 13px;
    }
    
    .blog-sidebar-category i {
        font-size: 13px;
    }
    
    .blog-category-count {
        font-size: 11px;
        padding: 2px 6px;
    }
}

@media (max-width: 768px) {
    .blog-sidebar {
        padding: 16px 14px;
        border-radius: 10px;
    }
    
    .blog-sidebar-header {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    
    .blog-sidebar-title {
        font-size: 17px;
        gap: 8px;
    }
    
    .blog-sidebar-title i {
        font-size: 16px;
    }
    
    .blog-sidebar-subtitle {
        font-size: 12px;
    }
    
    .blog-sidebar-search {
        margin-bottom: 14px;
        padding-bottom: 12px;
    }
    
    .blog-search-input {
        padding: 9px 11px 9px 34px;
        font-size: 13px;
    }
    
    .blog-search-icon {
        left: 11px;
        font-size: 13px;
    }
    
    .blog-sidebar-categories-title {
        font-size: 13px;
        margin-bottom: 10px;
    }
    
    .blog-sidebar-categories-list {
        gap: 6px;
    }
    
    .blog-sidebar-category {
        padding: 8px 11px;
        font-size: 12px;
        gap: 8px;
    }
    
    .blog-sidebar-category i {
        font-size: 12px;
        width: 15px;
    }
    
    .blog-category-count {
        font-size: 10px;
        padding: 2px 5px;
        min-width: 22px;
    }
}

.blog-sidebar-header {
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 16px;
}

.blog-sidebar-title {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.01em;
}

.blog-sidebar-title i {
    color: #c32929;
    font-size: 18px;
}

.blog-sidebar-subtitle {
    color: #6b7280;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

.blog-sidebar-search {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
}

.blog-search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.blog-search-icon {
    position: absolute;
    left: 12px;
    color: #9ca3af;
    font-size: 14px;
    pointer-events: none;
    z-index: 1;
}

.blog-search-input {
    width: 100%;
    padding: 10px 12px 10px 36px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
    background: #ffffff;
    color: #1e293b;
    font-weight: 400;
    font-family: inherit;
}

.blog-search-input:focus {
    border-color: #c32929;
    background: white;
    box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.08);
}

.blog-search-input::placeholder {
    color: #9ca3af;
}

.blog-sidebar-categories {
    margin-top: 0;
}

.blog-sidebar-categories-title {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 12px 0;
    letter-spacing: -0.01em;
}

.blog-sidebar-categories-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.blog-sidebar-category {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    color: #6b7280;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-weight: 500;
    font-size: 13px;
    background: #f9fafb;
    border: 1px solid transparent;
}

.blog-sidebar-category i {
    font-size: 13px;
    color: #9ca3af;
    width: 16px;
    text-align: center;
    transition: all 0.2s ease;
}

.blog-sidebar-category span {
    flex: 1;
}

.blog-category-count {
    background: #e5e7eb;
    color: #6b7280;
    padding: 2px 6px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    min-width: 24px;
    text-align: center;
    transition: all 0.2s ease;
}

.blog-sidebar-category:hover {
    background: #f3f4f6;
    color: #c32929;
    border-color: #d1d5db;
    transform: translateX(2px);
}

.blog-sidebar-category:hover i {
    color: #c32929;
}

.blog-sidebar-category:hover .blog-category-count {
    background: #c32929;
    color: white;
}

.blog-sidebar-category.active {
    background: #c32929;
    color: #ffffff !important;
    border-color: #c32929;
    box-shadow: 0 2px 6px rgba(1, 88, 80, 0.2);
}

.blog-sidebar-category.active i {
    color: #ffffff;
}

.blog-sidebar-category.active .blog-category-count {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

/* ==========================================
   MAIN CONTENT STYLES
   ========================================== */
.blog-main {
    background: white;
    border-radius: 12px;
    padding: 24px;
    min-height: 100vh;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #e5e7eb;
}

@media (max-width: 768px) {
    .blog-main {
        padding: 20px 16px;
        border-radius: 12px;
    }
}

.blog-main-header {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
}

.blog-main-title {
    font-size: 24px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: -0.01em;
}

.blog-main-title i {
    color: #c32929;
    font-size: 20px;
}

.blog-main-subtitle {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 768px) {
    .blog-main-header {
        margin-bottom: 20px;
        padding-bottom: 12px;
    }
    
    .blog-main-title {
        font-size: 20px;
    }
    
    .blog-main-title i {
        font-size: 18px;
    }
    
    .blog-main-subtitle {
        font-size: 13px;
    }
}

/* ==========================================
   BLOG GRID STYLES
   ========================================== */
.blog-grid {
    margin-bottom: 40px;
}

.blog-grid .row {
    margin-left: -12px;
    margin-right: -12px;
}

.blog-grid [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
}

.blog-card {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
    border-color: #c32929;
}

.blog-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.blog-image-wrapper {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: #f9fafb;
}

.blog-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.blog-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    font-size: 48px;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
}

.blog-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(1, 88, 80, 0.8) 0%, transparent 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.blog-card:hover .blog-image-overlay {
    opacity: 1;
}

.blog-image-overlay i {
    color: white;
    font-size: 32px;
    transform: translateY(10px);
    transition: transform 0.4s ease;
}

.blog-card:hover .blog-image-overlay i {
    transform: translateY(0);
}

.blog-card:hover .blog-image {
    transform: scale(1.1);
}

.blog-badge {
    position: absolute;
    top: 12px;
    right: 12px;
    background: white;
    color: #c32929;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    z-index: 2;
    transition: all 0.2s ease;
}

.blog-card:hover .blog-badge {
    background: #c32929;
    color: white;
    transform: scale(1.03);
}

.blog-content {
    padding: 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.blog-title {
    font-size: 17px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 10px;
    line-height: 1.4;
    transition: color 0.2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-card:hover .blog-title {
    color: #c32929;
}

.blog-excerpt {
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 12px;
    font-size: 13px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
    margin-top: auto;
}

.blog-date {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #9ca3af;
    font-weight: 500;
}

.blog-date i {
    font-size: 12px;
}

.blog-read-more {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #c32929;
    font-weight: 600;
    transition: all 0.2s ease;
}

.blog-read-more i {
    font-size: 11px;
    transition: transform 0.2s ease;
}

.blog-card:hover .blog-read-more {
    gap: 6px;
}

.blog-card:hover .blog-read-more i {
    transform: translateX(2px);
}

@media (max-width: 768px) {
    .blog-grid {
        margin-bottom: 24px;
    }
    
    .blog-grid .row {
        margin-left: -8px;
        margin-right: -8px;
    }
    
    .blog-grid [class*="col-"] {
        margin-bottom: 20px;
        padding-left: 8px;
        padding-right: 8px;
    }
    
    .blog-card {
        border-radius: 12px;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    }
    
    .blog-image-wrapper {
        height: 220px;
    }
    
    .blog-content {
        padding: 18px;
    }
    
    .blog-title {
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.5;
        -webkit-line-clamp: 3;
    }
    
    .blog-excerpt {
        font-size: 13px;
        margin-bottom: 12px;
        line-height: 1.6;
        -webkit-line-clamp: 4;
    }
    
    .blog-meta {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding-top: 14px;
        flex-wrap: wrap;
    }
    
    .blog-date {
        font-size: 12px;
    }
    
    .blog-date i {
        font-size: 12px;
    }
    
    .blog-read-more {
        font-size: 12px;
    }
    
    .blog-read-more i {
        font-size: 11px;
    }
    
    .blog-badge {
        top: 10px;
        right: 10px;
        padding: 4px 10px;
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .blog-page {
        padding: 12px 0 16px 0;
    }
    
    .blog-container {
        padding: 0 10px;
        gap: 16px;
    }
    
    .blog-main {
        padding: 16px 12px;
        border-radius: 10px;
    }
    
    .blog-main-header {
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    
    .blog-main-title {
        font-size: 18px;
        gap: 6px;
    }
    
    .blog-main-title i {
        font-size: 16px;
    }
    
    .blog-main-subtitle {
        font-size: 12px;
    }
    
    .blog-grid {
        margin-bottom: 20px;
    }
    
    .blog-grid .row {
        margin-left: -6px;
        margin-right: -6px;
    }
    
    .blog-grid [class*="col-"] {
        margin-bottom: 16px;
        padding-left: 6px;
        padding-right: 6px;
    }
    
    .blog-card {
        border-radius: 10px;
    }
    
    .blog-image-wrapper {
        height: 200px;
    }
    
    .blog-content {
        padding: 16px;
    }
    
    .blog-title {
        font-size: 15px;
        margin-bottom: 8px;
        line-height: 1.5;
        -webkit-line-clamp: 3;
    }
    
    .blog-excerpt {
        font-size: 12px;
        margin-bottom: 10px;
        line-height: 1.6;
        -webkit-line-clamp: 4;
    }
    
    .blog-meta {
        gap: 10px;
        padding-top: 12px;
        font-size: 12px;
    }
    
    .blog-date {
        font-size: 11px;
    }
    
    .blog-date i {
        font-size: 11px;
    }
    
    .blog-read-more {
        font-size: 11px;
    }
    
    .blog-read-more i {
        font-size: 10px;
    }
    
    .blog-badge {
        top: 8px;
        right: 8px;
        padding: 3px 8px;
        font-size: 10px;
    }
    
    .blog-sidebar {
        padding: 14px 12px;
        border-radius: 10px;
    }
    
    .blog-sidebar-header {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    .blog-sidebar-title {
        font-size: 16px;
        gap: 6px;
    }
    
    .blog-sidebar-title i {
        font-size: 15px;
    }
    
    .blog-sidebar-subtitle {
        font-size: 11px;
    }
    
    .blog-search-input {
        padding: 8px 10px 8px 32px;
        font-size: 12px;
    }
    
    .blog-sidebar-categories-title {
        font-size: 12px;
        margin-bottom: 8px;
    }
    
    .blog-sidebar-category {
        padding: 7px 10px;
        font-size: 11px;
        gap: 6px;
    }
    
    .blog-sidebar-category i {
        font-size: 11px;
        width: 14px;
    }
    
    .blog-category-count {
        font-size: 9px;
        padding: 1px 4px;
        min-width: 20px;
    }
}

/* ==========================================
   PAGINATION STYLES
   ========================================== */
/* Blog Pagination - Benzersiz Tasarım (blogpage-pagination) */
.blogpage-pagination-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 40px;
    padding: 30px 0;
}

.blogpage-pagination-list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.blogpage-pagination-item {
    padding: 0;
    margin: 0;
    list-style: none;
}

.blogpage-pagination-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 16px;
    border: 2px solid #e2e8f0;
    background: #ffffff;
    color: #475569;
    text-decoration: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s ease;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.blogpage-pagination-link:hover {
    background: #f8fafc;
    color: #1e40af;
    border-color: #3b82f6;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.15);
}

.blogpage-pagination-link-active {
    background: #1e40af;
    color: #ffffff !important;
    border-color: #1e40af;
    cursor: default;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25);
    font-weight: 700;
}

.blogpage-pagination-link-active:hover {
    background: #1e40af;
    color: #ffffff !important;
    border-color: #1e40af;
    transform: none;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25);
}

.blogpage-pagination-ellipsis {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogpage-pagination-ellipsis-text {
    display: inline-block;
    color: #94a3b8;
    font-size: 18px;
    font-weight: 400;
    padding: 0 8px;
    cursor: default;
    user-select: none;
}

.blogpage-pagination-link-prev,
.blogpage-pagination-link-next {
    min-width: 110px;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #475569;
}

.blogpage-pagination-link-prev i,
.blogpage-pagination-link-next i {
    font-size: 12px;
}

.blogpage-pagination-link-prev:hover,
.blogpage-pagination-link-next:hover {
    background: #1e40af;
    color: #ffffff;
    border-color: #1e40af;
}

.blogpage-pagination-link-prev:active,
.blogpage-pagination-link-next:active {
    transform: translateY(0);
}

/* Mobil için blog pagination düzenlemeleri */
@media (max-width: 768px) {
    .blogpage-pagination-wrapper {
        margin-top: 40px;
        margin-bottom: 30px;
        padding: 20px 0;
    }
    
    .blogpage-pagination-list {
        gap: 6px;
    }
    
    .blogpage-pagination-link {
        min-width: 40px;
        height: 40px;
        padding: 0 12px;
        font-size: 14px;
    }
    
    .blogpage-pagination-link-prev,
    .blogpage-pagination-link-next {
        min-width: 90px;
        font-size: 13px;
        padding: 0 10px;
    }
    
    .blogpage-pagination-link-prev span,
    .blogpage-pagination-link-next span {
        display: none;
    }
    
    .blogpage-pagination-link-prev,
    .blogpage-pagination-link-next {
        min-width: 44px;
        justify-content: center;
    }
}

.pagination {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 4px;
}

.pagination li {
    margin: 0;
}

.pagination .page-item {
    display: inline-block;
}

.pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #e2e8f0;
    background: white;
    color: #64748b;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.pagination .page-link:hover {
    background: #f1f5f9;
    color: #3b82f6;
    border-color: #3b82f6;
}

.pagination .page-item.active .page-link {
    background: #3b82f6;
    color: #ffffff !important;
    border-color: #3b82f6;
}

.pagination .page-item.disabled .page-link {
    background: #f8fafc;
    color: #cbd5e1;
    cursor: not-allowed;
    border-color: #e2e8f0;
}

.pagination .page-item.disabled .page-link:hover {
    background: #f8fafc;
    color: #cbd5e1;
    border-color: #e2e8f0;
}

/* ==========================================
   BLOG BREADCRUMB STYLES
   ========================================== */
.blog-breadcrumb {
    background: white;
    border-bottom: 1px solid #e2e8f0;
    padding: 15px 0;
    margin-bottom: 0;
}

.blog-breadcrumb .container {
    max-width: none;
    margin: 0;
    padding: 0;
}

.breadcrumb-list {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: #64748b;
}

.breadcrumb-item {
    display: flex;
    align-items: center;
}

.breadcrumb-item:not(:last-child)::after {
    content: '/';
    margin-left: 8px;
    color: #cbd5e1;
    font-weight: 300;
}

.breadcrumb-item a {
    color: #3b82f6;
    text-decoration: none;
    transition: color 0.2s ease;
}

.breadcrumb-item a:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #1e293b;
    font-weight: 500;
}

/* Blog Breadcrumb Mobile Responsive */
@media (max-width: 768px) {
    .blog-breadcrumb {
        padding: 12px 15px;
    }
    
    .blog-breadcrumb .container {
        padding: 0 15px;
    }
    
    .breadcrumb-list {
        flex-wrap: wrap;
        gap: 6px;
        font-size: 12px;
        line-height: 1.5;
    }
    
    .breadcrumb-item {
        flex-shrink: 0;
        max-width: 100%;
    }
    
    .breadcrumb-item:not(:last-child)::after {
        margin-left: 6px;
        margin-right: 2px;
    }
    
    .breadcrumb-item.active span {
        word-break: break-word;
        overflow-wrap: break-word;
        display: inline-block;
        max-width: 100%;
        line-height: 1.4;
    }
    
    .breadcrumb-item a {
        white-space: nowrap;
    }
    
    .breadcrumb-item a span {
        white-space: normal;
    }
}

@media (max-width: 480px) {
    .blog-breadcrumb {
        padding: 10px 12px;
    }
    
    .blog-breadcrumb .container {
        padding: 0 12px;
    }
    
    .breadcrumb-list {
        font-size: 11px;
        gap: 4px;
    }
    
    .breadcrumb-item:not(:last-child)::after {
        margin-left: 4px;
        margin-right: 2px;
    }
}

/* ==========================================
   BLOG DETAIL STYLES
   ========================================== */
.blog-detail-header {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e5e7eb;
}

.blog-detail-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.blog-detail-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #c32929;
    color: white !important;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.blog-detail-tag:hover {
    background: #01796f;
    transform: translateY(-1px);
    color: white;
    text-decoration: none;
}

.blog-detail-tag i {
    font-size: 11px;
}

.blog-detail-title {
    font-size: 28px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 16px;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.blog-detail-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 13px;
    color: #6b7280;
}

.blog-detail-date,
.blog-detail-author {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.blog-detail-date i,
.blog-detail-author i {
    font-size: 12px;
    color: #9ca3af;
}

.blog-detail-share {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    font-weight: 500;
    font-size: 12px;
}

.blog-share-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: #f3f4f6;
    color: #6b7280;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 13px;
}

.blog-share-link:hover {
    background: #c32929;
    color: white;
    transform: translateY(-1px);
    text-decoration: none;
}

.blog-detail-image-wrapper {
    margin-bottom: 24px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
}

.blog-detail-image {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.blog-detail-image-wrapper:hover .blog-detail-image {
    transform: scale(1.01);
}

.blog-detail-content-wrapper {
    margin-bottom: 32px;
}

.blog-detail-content {
    line-height: 1.7;
    font-size: 15px;
    color: #374151;
    font-weight: 400;
}

.blog-detail-content h1,
.blog-detail-content h2,
.blog-detail-content h3,
.blog-detail-content h4,
.blog-detail-content h5,
.blog-detail-content h6 {
    color: #111827;
    font-weight: 600;
    margin: 24px 0 12px 0;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.blog-detail-content h1 { font-size: 26px; }
.blog-detail-content h2 { font-size: 22px; }
.blog-detail-content h3 { font-size: 20px; }
.blog-detail-content h4 { font-size: 18px; }
.blog-detail-content h5 { font-size: 16px; }
.blog-detail-content h6 { font-size: 15px; }

.blog-detail-content p {
    margin-bottom: 16px;
}

.blog-content-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
    border: 1px solid #e5e7eb;
    transition: transform 0.2s ease;
}

.blog-content-image:hover {
    transform: scale(1.005);
}

.blog-detail-content a {
    color: #c32929;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.blog-detail-content a:hover {
    color: #01796f;
}

.blog-detail-content ul,
.blog-detail-content ol {
    margin: 16px 0;
    padding-left: 20px;
}

.blog-detail-content li {
    margin-bottom: 6px;
}

.blog-detail-content blockquote {
    border-left: 3px solid #c32929;
    padding-left: 16px;
    margin: 20px 0;
    font-style: italic;
    color: #6b7280;
    background: #f9fafb;
    padding: 12px 16px;
    border-radius: 6px;
}

@media (max-width: 768px) {
    .blog-detail-header {
        margin-bottom: 20px;
        padding-bottom: 12px;
    }
    
    .blog-detail-title {
        font-size: 22px;
        margin-bottom: 12px;
    }
    
    .blog-detail-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .blog-detail-share {
        margin-left: 0;
        width: 100%;
    }
    
    .blog-detail-image-wrapper {
        margin-bottom: 20px;
        border-radius: 6px;
    }
    
    .blog-detail-image {
        max-height: 250px;
    }
    
    .blog-detail-content {
        font-size: 14px;
    }
    
    .blog-detail-content h1 { font-size: 22px; }
    .blog-detail-content h2 { font-size: 20px; }
    .blog-detail-content h3 { font-size: 18px; }
    .blog-detail-content h4 { font-size: 16px; }
    .blog-detail-content h5 { font-size: 15px; }
    .blog-detail-content h6 { font-size: 14px; }
    
    .comments-section {
        margin-top: 24px;
        padding-top: 20px;
    }
}

/* ==========================================
   COMMENTS SECTION
   ========================================== */
.comments-section {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
}

.comments-header {
    margin-bottom: 20px;
}

.comments-title {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: -0.01em;
}

.comments-title i {
    color: #c32929;
    font-size: 18px;
}

.comments-count {
    background: #f3f4f6;
    color: #6b7280;
    padding: 3px 10px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    margin-left: 4px;
}

.comment-form-wrapper {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 24px;
}

.comment-form-title {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.01em;
}

.comment-form-title i {
    color: #c32929;
    font-size: 15px;
}

.comment-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.comment-form-group {
    margin-bottom: 0;
}

.comment-form-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #374151;
    font-size: 14px;
}

.comment-form-input,
.comment-form-textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 14px;
    transition: all 0.2s ease;
    background: #ffffff;
    color: #1e293b;
    font-weight: 400;
    font-family: inherit;
}

.comment-form-input:focus,
.comment-form-textarea:focus {
    outline: none;
    border-color: #c32929;
    background: white;
    box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.08);
}

.comment-form-input::placeholder,
.comment-form-textarea::placeholder {
    color: #9ca3af;
}

.comment-form-textarea {
    resize: vertical;
    min-height: 120px;
    line-height: 1.6;
}

.comment-form-btn {
    background: #c32929;
    color: #ffffff !important;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
}

.comment-form-btn:hover {
    background: #01796f;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.25);
}

.comment-form-btn:active {
    transform: translateY(0);
}

.comment-form-btn i {
    font-size: 14px;
}

.comments-list {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.comment-item {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
    transition: all 0.2s ease;
    display: flex;
    gap: 12px;
}

.comment-item:hover {
    border-color: #c32929;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.comment-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #c32929;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    flex-shrink: 0;
}

.comment-body {
    flex: 1;
    min-width: 0;
}

.comment-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.comment-author {
    font-weight: 600;
    color: #111827;
    font-size: 14px;
}

.comment-author strong {
    font-weight: 600;
}

.comment-date {
    color: #9ca3af;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.comment-date i {
    font-size: 11px;
}

.comment-content {
    color: #374151;
    line-height: 1.6;
    font-size: 14px;
    margin: 0;
    word-wrap: break-word;
}

.comment-reply {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}

.comment-reply-btn {
    background: transparent;
    border: 1px solid #e5e7eb;
    color: #6b7280;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.comment-reply-btn:hover {
    background: #f3f4f6;
    border-color: #c32929;
    color: #c32929;
    transform: translateX(2px);
}

.comment-reply-btn i {
    font-size: 11px;
}

.reply-form {
    margin-top: 12px;
    padding: 16px;
    background: #f9fafb;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}

.comment-replies {
    margin-top: 12px;
    padding-left: 52px;
    border-left: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.comment-reply-item {
    margin-left: 0;
    padding-left: 12px;
    border-left: 1px solid #e5e7eb;
}

.comments-empty {
    text-align: center;
    padding: 32px 16px;
    background: #f9fafb;
    border-radius: 6px;
    border: 1px dashed #e5e7eb;
}

.comments-empty i {
    font-size: 36px;
    color: #d1d5db;
    margin-bottom: 12px;
}

.comments-empty p {
    color: #6b7280;
    font-size: 14px;
    margin: 0;
}

.blog-pagination-wrapper {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
}

@media (max-width: 768px) {
    .comment-form-wrapper {
        padding: 16px;
        border-radius: 6px;
    }
    
    .comment-item {
        padding: 14px;
        flex-direction: column;
        gap: 10px;
    }
    
    .comment-avatar {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }
    
    .comment-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    
    .comment-replies {
        padding-left: 16px;
        margin-top: 12px;
    }
    
    .comment-reply-item {
        padding-left: 10px;
    }
    
    .comments-empty {
        padding: 24px 16px;
    }
    
    .comments-empty i {
        font-size: 32px;
        margin-bottom: 10px;
    }
    
    .comments-empty p {
        font-size: 13px;
    }
    
    .blog-pagination-wrapper {
        margin-top: 24px;
        padding-top: 20px;
    }
}

/* ==========================================
   UOMO FURNITURE - MODERN FOOTER STYLES
   ========================================== */

footer.simple-footer.uomo-footer {
    padding: 0;
    background: #f9fafb;
    margin-top: 60px;
    border-top: 2px solid #e5e7eb;
    position: relative;
}

footer.simple-footer.uomo-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #c32929;
}

/* Main Footer Section */
.uomo-footer__main {
    padding: 40px 0 32px 0;
    position: relative;
}

.uomo-footer__grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 40px;
    align-items: start;
}

@media (max-width: 991px) {
    footer.simple-footer.uomo-footer {
        margin-top: 60px;
    }
    
    .uomo-footer__main {
        padding: 60px 0 50px 0;
    }
    
    .uomo-footer__grid {
        gap: 50px;
    }
}

@media (max-width: 768px) {
    footer.simple-footer.uomo-footer {
        margin-top: 40px;
    }
    
    .uomo-footer__main {
        padding: 50px 0 40px 0;
    }
    
    .uomo-footer__grid {
        gap: 40px;
    }
}

/* Brand Section */
.uomo-footer__brand {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.uomo-footer__logo {
    margin-bottom: 0;
    transition: transform 0.3s ease;
}

.uomo-footer__logo:hover {
    transform: scale(1.05);
}

.uomo-footer__logo-img {
    max-height: 44px;
    width: auto;
    object-fit: contain;
    transition: all 0.3s ease;
}

.uomo-footer__logo:hover .uomo-footer__logo-img {
    opacity: 0.9;
}

@media (max-width: 768px) {
    .uomo-footer__logo-img {
        max-height: 40px;
        max-width: 180px;
    }
}

@media (max-width: 576px) {
    .uomo-footer__logo-img {
        max-height: 36px;
        max-width: 150px;
    }
}

.uomo-footer__brand-title {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #c32929;
    margin: 0;
    line-height: 1.3;
}

.uomo-footer__description {
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280;
    margin: 0;
    max-width: 320px;
}

@media (max-width: 991px) {
    .uomo-footer__description {
        max-width: 100%;
    }
}

/* Contact Section */
.uomo-footer__contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 4px;
}

.uomo-footer__contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: #374151;
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 8px 12px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
}

.uomo-footer__contact-item i {
    width: 20px;
    text-align: center;
    color: #c32929;
    font-size: 16px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.uomo-footer__contact-item:hover {
    color: #c32929;
    background: white;
    border-color: #e5e7eb;
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    text-decoration: none;
}

.uomo-footer__contact-item:hover i {
    color: #c32929;
    transform: scale(1.1);
}

/* Social Media Section */
.uomo-footer__social {
    margin-top: 4px;
}

.uomo-footer__social-title {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 12px 0;
    letter-spacing: -0.01em;
}

.uomo-footer__social-links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.uomo-footer__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #6b7280;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.uomo-footer__social-link i {
    transition: transform 0.2s ease;
}

.uomo-footer__social-link:hover {
    background: #c32929;
    border-color: #c32929;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.2);
    text-decoration: none;
}

.uomo-footer__social-link:hover i {
    transform: scale(1.1);
}

@media (max-width: 768px) {
    .uomo-footer__social-link {
        width: 44px;
        height: 44px;
        font-size: 16px;
    }
}

/* Menu Section */
.uomo-footer__menu {
    width: 100%;
}

.uomo-footer__menu .footer-menu-wrapper {
    width: 100%;
}

.uomo-footer__menu .footer-menu-wrapper .row {
    margin: 0;
}

.uomo-footer__menu .footer-menu-column {
    margin-bottom: 0;
}

.uomo-footer__menu .footer-menu-title {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 16px 0;
    letter-spacing: -0.01em;
    line-height: 1.4;
}

.uomo-footer__menu .footer-menu-list,
.uomo-footer__menu .footer-menu-sublist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.uomo-footer__menu .footer-menu-item {
    margin-bottom: 8px;
}

.uomo-footer__menu .footer-menu-link {
    font-size: 16px;
    line-height: 1.6;
    color: #6b7280;
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-block;
}

.uomo-footer__menu .footer-menu-link:hover {
    color: #111827;
    text-decoration: none;
}

.uomo-footer__menu .footer-menu-sublist {
    margin-top: 6px;
    margin-left: 0;
    padding-left: 16px;
}

.uomo-footer__menu .footer-menu-subitem {
    margin-bottom: 6px;
}

.uomo-footer__menu .footer-menu-sublink {
    font-size: 15px;
    line-height: 1.6;
    color: #9ca3af;
    text-decoration: none;
    transition: color 0.2s ease;
    display: inline-block;
}

.uomo-footer__menu .footer-menu-sublink:hover {
    color: #111827;
    text-decoration: none;
}

.uomo-footer__menu .footer-menu-empty {
    font-size: 14px;
    color: #9ca3af;
    text-align: center;
    padding: 40px 20px;
}

/* Footer Bottom */
.uomo-footer__bottom {
    background: #ffffff;
    padding: 24px 0;
    border-top: 1px solid #e5e7eb;
    position: relative;
}

.uomo-footer__bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.uomo-footer__copyright {
    flex: 1;
    min-width: 0;
}

.uomo-footer__copyright-text {
    font-size: 13px;
    line-height: 1.6;
    color: #6b7280;
    margin: 0 0 4px 0;
    font-weight: 400;
}

.uomo-footer__copyright-text:last-child {
    margin-bottom: 0;
}

.uomo-footer__bottom-right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.uomo-footer__cookie-link {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #6b7280;
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 6px 12px;
    border-radius: 6px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    font-weight: 500;
}

.uomo-footer__cookie-link:hover {
    color: #c32929;
    background: white;
    border-color: #c32929;
    text-decoration: none;
}

.uomo-footer__cookie-link i {
    font-size: 12px;
}

.uomo-footer__ssl-icon {
    height: 32px;
    width: auto;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.uomo-footer__ssl-icon:hover {
    opacity: 1;
}

/* ==========================================
   RESPONSIVE STYLES
   ========================================== */

@media (max-width: 991px) {
    .uomo-footer__main {
        padding: 32px 0 24px 0;
    }
    
    .uomo-footer__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    
    .uomo-footer__brand {
        gap: 20px;
    }
    
    .uomo-footer__description {
        max-width: 100%;
    }
    
    .uomo-footer__contact {
        gap: 8px;
    }
    
    .uomo-footer__menu .footer-menu-column {
        margin-bottom: 24px;
        padding: 0;
    }
    
    .uomo-footer__bottom {
        padding: 24px 0;
    }
    
    .uomo-footer__bottom-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    .uomo-footer__bottom-right {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 12px;
    }
}

@media (max-width: 767px) {
    footer.simple-footer.uomo-footer {
        margin-top: 32px;
    }
    
    .uomo-footer__main {
        padding: 32px 0 24px 0;
    }
    
    .uomo-footer__main .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .uomo-footer__grid {
        gap: 28px;
    }
    
    .uomo-footer__brand {
        gap: 16px;
    }
    
    .uomo-footer__brand-title {
        font-size: 20px;
    }
    
    .uomo-footer__description {
        font-size: 13px;
        line-height: 1.6;
    }
    
    .uomo-footer__contact-item {
        padding: 8px 12px;
        font-size: 13px;
    }
    
    .uomo-footer__contact-item i {
        font-size: 14px;
    }
    
    .uomo-footer__social {
        margin-top: 8px;
    }
    
    .uomo-footer__social-title {
        font-size: 14px;
        margin-bottom: 12px;
    }
    
    .uomo-footer__social-links {
        gap: 8px;
    }
    
    .uomo-footer__social-link {
        width: 40px;
        height: 40px;
        font-size: 15px;
    }
    
    .uomo-footer__menu .footer-menu-wrapper {
        padding: 0;
    }
    
    .uomo-footer__menu .footer-menu-wrapper .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .uomo-footer__menu .footer-menu-column {
        padding: 0 6px !important;
        margin-bottom: 20px;
    }
    
    .uomo-footer__menu .footer-menu-title {
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: 600 !important;
    }
    
    .uomo-footer__menu .footer-menu-item {
        margin-bottom: 4px;
    }
    
    .uomo-footer__menu .footer-menu-link {
        font-size: 14px;
        line-height: 1.6;
        padding: 4px 0;
    }
    
    .uomo-footer__menu .footer-menu-subitem {
        margin-bottom: 3px;
    }
    
    .uomo-footer__menu .footer-menu-sublink {
        font-size: 13px;
        line-height: 1.5;
    }
    
    .uomo-footer__bottom {
        padding: 20px 0;
    }
    
    .uomo-footer__bottom .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .uomo-footer__bottom-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    .uomo-footer__copyright-text {
        font-size: 12px;
        line-height: 1.5;
    }
    
    .uomo-footer__bottom-right {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        width: 100%;
    }
    
    .uomo-footer__cookie-link {
        width: 100%;
        justify-content: center;
        padding: 10px 14px;
    }
    
    .uomo-footer__ssl-icon {
        height: 32px;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    footer.simple-footer.uomo-footer {
        margin-top: 24px;
    }
    
    .uomo-footer__main {
        padding: 24px 0 20px 0;
    }
    
    .uomo-footer__main .container {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .uomo-footer__grid {
        gap: 24px;
    }
    
    .uomo-footer__brand {
        gap: 16px;
    }
    
    .uomo-footer__brand-title {
        font-size: 18px;
    }
    
    .uomo-footer__description {
        font-size: 12px;
    }
    
    .uomo-footer__contact-item {
        padding: 8px 10px;
        font-size: 12px;
    }
    
    .uomo-footer__social-title {
        font-size: 13px;
        margin-bottom: 10px;
    }
    
    .uomo-footer__social-link {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    .uomo-footer__menu .footer-menu-column {
        padding: 0 4px !important;
        margin-bottom: 20px;
    }
    
    .uomo-footer__menu .footer-menu-title {
        font-size: 13px;
        margin-bottom: 8px;
    }
    
    .uomo-footer__menu .footer-menu-link {
        font-size: 12px;
        line-height: 1.5;
        padding: 3px 0;
    }
    
    .uomo-footer__menu .footer-menu-sublink {
        font-size: 11px;
        line-height: 1.5;
    }
    
    .uomo-footer__bottom {
        padding: 20px 0;
    }
    
    .uomo-footer__bottom .container {
        padding-left: 12px;
        padding-right: 12px;
    }
    
    .uomo-footer__copyright-text {
        font-size: 11px;
    }
    
    .uomo-footer__cookie-link {
        font-size: 12px;
        padding: 8px 12px;
    }
    
    .uomo-footer__ssl-icon {
        height: 28px;
    }
}



/* Uomo Furniture Header Search Styles - Minimalist Design */
/* Benzersiz prefix: uomo-header-search- */

.uomo-header-search {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background-color: #ffffff;
    min-width: 320px;
    max-width: 450px;
    transition: all 0.2s ease;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.uomo-header-search:hover {
    border-color: #d1d5db;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.uomo-header-search:focus-within,
.uomo-header-search-focused {
    border-color: #9ca3af;
    box-shadow: 0 0 0 2px rgba(156, 163, 175, 0.1);
}

.uomo-header-search-form {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    position: relative;
}

.uomo-header-search-input {
    flex: 1;
    border: none;
    background: transparent;
    color: #374151;
    font-size: 14px;
    padding: 0;
    outline: none;
}

.uomo-header-search-input::placeholder {
    color: #9ca3af;
    font-size: 14px;
    font-weight: 300;
}

.uomo-header-search-btn {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    transition: all 0.2s ease;
    border-radius: 6px;
    min-width: 32px;
    height: 32px;
}

.uomo-header-search-btn:hover {
    background: #f3f4f6;
    color: #374151;
    border-color: #d1d5db;
}

.uomo-header-search-btn:active {
    background: #e5e7eb;
}

.uomo-header-search-btn svg {
    width: 16px;
    height: 16px;
}

/* Responsive Design */


/* ==========================================
   HEADER ARAMA OTOMATİK DOLDURMA STİLLERİ
   ========================================== */

.uomo-search-input-container {
    position: relative;
    width: 100%;
}

.uomo-header-search-results {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    max-height: 400px;
    overflow-y: auto;
    width: 100%;
}

.uomo-search-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    color: #6b7280;
    font-size: 14px;
    gap: 8px;
}

.uomo-spinner {
    width: 16px;
    height: 16px;
    border: 2px solid #f3f4f6;
    border-top: 2px solid #9ca3af;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.uomo-search-results-list {
    max-height: 320px;
    overflow-y: auto;
}

.uomo-search-results-list::-webkit-scrollbar {
    width: 4px;
}

.uomo-search-results-list::-webkit-scrollbar-track {
    background: #f9fafb;
}

.uomo-search-results-list::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 2px;
}

.uomo-search-results-list::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

.uomo-search-result-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    color: #374151;
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.2s ease;
    gap: 12px;
}

.uomo-search-result-item:hover,
.uomo-search-result-item.selected {
    background-color: #f9fafb;
    color: #111827;
}

.uomo-search-result-item:last-child {
    border-bottom: none;
}

.uomo-search-result-image {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid #f3f4f6;
}

.uomo-search-result-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uomo-search-result-content {
    flex: 1;
    min-width: 0;
}

.uomo-search-result-title {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #111827;
}

.uomo-search-result-category {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 2px;
}

.uomo-search-result-price {
    font-size: 13px;
    font-weight: 600;
    color: #059669;
}

.uomo-search-no-results {
    padding: 32px 16px;
    text-align: center;
    color: #6b7280;
    font-size: 14px;
}

.uomo-search-suggestions {
    padding: 16px;
    border-top: 1px solid #f3f4f6;
}

.uomo-suggestions-title {
    font-size: 13px;
    font-weight: 500;
    color: #374151;
    margin-bottom: 12px;
}

.uomo-suggestions-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.uomo-suggestion-tag {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 6px 12px;
    font-size: 12px;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}

.uomo-suggestion-tag:hover {
    background: #f3f4f6;
    color: #374151;
    border-color: #d1d5db;
}

/* Responsive Design for Autocomplete */


/* Focus indicator for accessibility */
.uomo-header-search:focus-within {
    outline: none;
}

/* Simple transitions */
.uomo-search-result-item,
.uomo-suggestion-tag,
.uomo-header-search-btn {
    will-change: auto;
}

/* Keyboard navigation indicator */
.uomo-search-result-item.selected {
    background-color: #f3f4f6;
    border-left: 2px solid #9ca3af;
    margin-left: -2px;
}

  
  .shopping-cart__container {
    background: white;
    padding: 15px;
    border: 1px solid #d4d4d4;
  }
  
  .info-box {
    background: #eaeaea;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
  }
  
  .product-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px; /* Fiyat ve başlık arasına boşluk ekler */
  }
  
  .product-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  
  .product-separator {
    margin-top: 10px;  /* Çizginin üstünde biraz boşluk bırakır */
    border: 1px solid #ccc;  /* Çizgi rengi ve kalınlığı */
    width: 100%;  /* Çizgiyi tam genişlikte yapar */
  }
  
  .discount-badge {
    display: block;
    margin-top: 10px;
  }
  
  
  h1.product-single__title {
    font-size: 16px;
    font-weight: 300;
    color: #0f5324;
  }
  
  /* Tooltip'in gizlenmesi ve konumlandırılması */
  .customize-icon {
    position: relative;
    display: inline-block;
    cursor:pointer;
  }
  
  .customparts table {
    width: 100%; /* Tabloyu tam genişlikte yapar */
    border-collapse: collapse; /* Hücreler arasındaki boşluğu kaldırır */
  
  }
  
  .customparts th, .customparts td {
    padding: 5px; /* Hücreye iç boşluk ekler */
    text-align: left; /* Metni sola hizalar */
  
  }
  
  .customparts th {
    font-weight: 500; /* Başlık hücrelerinin yazı tipini kalın yapar */
    font-size: 14px;
  }
  
  
  .tooltip {
    visibility: hidden; /* Başlangıçta gizli */
    position: absolute;
    bottom: 120%; /* İkonun üstünde yer alacak şekilde */
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #ffffff !important;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  /* Hover olduğunda tooltip görünür hale gelir */
  .customize-icon:hover .tooltip {
    visibility: visible;
    opacity: 1;
  }
  
  
  .producright {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
  }
  
  .payment-options-container .payment-options-logo {
    padding: 5px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #ddd;
    margin-top: 15px;
  }
  .payment-options-container span {
    font-weight: 300;
    font-size: 13px;
  }
  .payment-options-container {
    font-weight: 300;
    font-size: 15px;
  }
  
  .status__value--in-stock {
    color: #487317;
  }
  
  .product__status span {
    padding-right: 0px;
  }
  
  
  .meta-item {
    border-bottom: 1px solid #ddd;
  }
  
  
  .orderdetail {
    padding: 10px;
    margin-top: 15px;
    border: 1px solid #dedede;
    border-radius: 5px;
  }
  
  .col-sm-3.border-gray {
    margin-top: 10px;
  }
  .orderdetail__customer-information {
    margin-top: 5px;
    padding-top: 25px;
    border: 1px solid #dedede;
    padding: 10px;
    border-radius: 5px;
  }
  .order-information__section-heading {
    color: #999;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 0px 0px 15px 0px;
    margin: 0px;
  }
  .customer-information__heading {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 24px;
    letter-spacing: 0.5px;
  }
  .customer-information__section {
    padding: 30px 0px 0px 0px;
  }
  .accOrder {
    font-size: 16px;
    border: 1px solid #dedede;
    border-top: 0 solid #dedede;
  }
  .accOrder .productHead {
    position: relative;
    padding: 8px 20px 8px 20px;
    background-color: #f7f7f7;
    border-top: 1px solid #dedede;
  }
  .accOrder .product .cell.visual {
    width: 120px;
    padding-left: 20px;
  }
  .accOrder .product .cell {
    vertical-align: top;
    padding: 20px 0 20px 0;
    border-top: 1px solid #ebebeb;
  }
  .accOrder .product .cell.details {
    width: 357px;
    padding-left: 10px;
    padding-right: 5px;
    border-right: 1px solid #f2f2f2;
  }
  .accOrder .product .cell.details .name {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 3px;
  }
  .accOrder .product .cell.shipping {
    width: 210px;
    font-size: 12px;
    border-right: 1px solid #f2f2f2;
    vertical-align: middle;
  }
  .accOrder .product .cell.details .quantity {
    margin-top: 21px;
    margin-bottom: 3px;
  }
  
  
  .wishlist__table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
  }
  
  .wishlist__table > :not(caption) > * > * {
  
    border-bottom-width: 1px;
    
  }
  
  span.cart-item-discount-badge {
    color: #000;
    background: whitesmoke;
    font-size: 13px;
    display: inline-block;
    align-items: center;
    background-color: #eff2f7;
    border-radius: 8px;
    padding: 5px 9px;
    width: fit-content;
    margin-bottom: 5px;
  }
  
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }
  
    
  
  .categorybg {
    background: #ffffff;
    padding: 20px;
    border: 1px solid #dddd;
  }
  
  
  
  .footer-bottom .copyright {
    align-items: center;
    justify-content: space-between;
  }
  
  .footer-copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  
  .top-product-image-badge.product-badge_text {
    padding: 2px 6px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 20 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    display: block !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(4px) !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: fit-content !important;
    max-width: 120px !important;
  }
  
  .top-product-image-badge {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: fit-content !important;
    flex: none !important;
    max-width: none !important;
    position: static !important;
  }
  
  .top-product-image-badge img {
    max-width: 100px !important;
    max-height: 32px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    width: auto !important;
    height: auto !important;
  }

  /* Product badge wrapper visibility */
  .product-badge-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 20 !important;
    align-items: flex-start !important;
    position: absolute !important;
  }
  
  /* Ensure badge items are positioned correctly in flex container */
  .product-badge-wrapper .top-product-image-badge {
    position: static !important;
    margin: 0 !important;
  }
  
  /* Override position absolute for badges inside wrapper - prevents overlapping */
  .product-badge-wrapper .product-badge,
  .product-badge-wrapper .modern-badge,
  .product-badge-wrapper .new-image-badge,
  .product-badge-wrapper .product-discount-badge {
    position: static !important;
  }

  /* Bottom badge styles - Override style2.css */
  .new-badge-images {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }

  .product_collection_badge.product-badge_text {
    padding: 6px 10px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 20 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    display: block !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(4px) !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: fit-content !important;
    max-width: 120px !important;
    text-transform: none !important;
    letter-spacing: 0.2px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    flex: none !important;
  }

  .product_collection_badge {
    display: inline-block !important;
    margin: 0 !important;
    flex: none !important;
    max-width: none !important;
    position: relative !important;
    float: none !important;
    clear: none !important;
    vertical-align: top !important;
  }

  .product_collection_badge img {
    max-width: 80px !important;
    max-height: 24px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    display: block !important;
    flex: none !important;
    width: auto !important;
    height: auto !important;
  }

  /* Override style2.css flex rules */
  .new-badge-images img {
    flex: none !important;
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
  }

  /* Override style2.css calc rules */
  .new-badge-images .product_collection_badge {
    flex: none !important;
    max-width: none !important;
    width: auto !important;
    position: relative !important;
    float: none !important;
    clear: none !important;
    display: inline-block !important;
  }

  /* Force horizontal layout for all badge containers */
  .new-badge-images * {
    flex: none !important;
    max-width: none !important;
    width: auto !important;
    position: relative !important;
    float: none !important;
    clear: none !important;
    display: inline-block !important;
    vertical-align: top !important;
  }


  /* Specific override for style2.css flex rules */
  .new-badge-images img[class*="product-badge"] {
    flex: none !important;
    max-width: 80px !important;
    height: auto !important;
    width: auto !important;
    position: relative !important;
    float: none !important;
    clear: none !important;
  }
  
  .product-info {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
  }
  .product-info .whatsapp-order-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 300;
    text-decoration: none;
    padding: 10px;
    border-radius: 5px;
    background-color: #25D366; /* WhatsApp yeşili */
    border: 1px solid #25D366;
    transition: background 0.3s;
    width: 100%; /* Tam genişlik */
    font-size: 16px;
    margin-bottom: 15px;
  }
  .product-info .whatsapp-order-button:hover {
    background-color: #1ebe57;
  }
  .product-info .guarantee-box {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 15px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: center;
  }
  .product-info .guarantee-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
    font-size: 14px;
    font-weight: 300;
  }
  .product-info .guarantee-item i {
    font-size: 24px;
    color: #4CAF50; /* İkon rengi */
    margin-bottom: 5px;
  }
  
  
  .fixedModuleArea {
    position: fixed;
    bottom: 0 !important;
    width: 100%;
    background: #f0ecdd;
    border-bottom: 3px solid #f0ecdd;
    z-index: 99;
    padding: 10px 0;
  
  }
  
  button.btnTeklif {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px 15px;
    font-size: 12px;
    width: 100%;
    margin-top: 4px;
    transition: .3s
  }
  
  .fabricOpenCollapse.as:hover,button.btnTeklif:hover {
    background: #c32929;
    color: #fff;
    transition: .3s
  }
  
  .fabricOpenCollapse.as {
    transition: .3s
  }
  
  .pricerow {
    display: block
  }
  
  span.pricerow.txt {
    font-size: 12px;
    margin-top: 5px
  }
  
  span.pricerow {
    font-size: 22px
  }
  
  span.redText {
    color: #e22e27;
    font-size: 24px;
    font-weight: 600
  }
  
  span.pricerow>img {
    margin-top: -3px
  }
  
  del#totalPriceFix {
    font-weight: 600
  }
  
  .cizla::after {
    content: " ";
    position: absolute;
    right: 10px;
    top: 7px;
    border-right: 1px solid #b5b5b5;
    height: 45px
  }
  
  .middleCenter {
    display: table;
    min-height: 54px;
    width: 100%
  }
  
  .play-button svg circle {
    fill: #fff;
  }
  
  .play-button svg polygon {
    fill: #000; 
  }
  
  .circle-style {
    fill: orange; /* Turuncu */
  }
  
  .polygon-style {
    fill: white; /* Beyaz */
  }
  
  .circle-style2 {
    fill: white;        /* Daire iç rengi */
    stroke: black;      /* Dış çizgi rengi */
      /* Çizgi kalınlığı */
  }
  
  .polygon-style2 {
    fill: black;        /* Üçgen iç rengi */
  }
  
  .play-button2 svg circle {
    fill: white;        /* Daire iç rengi */
    stroke:#cfcaca;      /* Dış çizgi rengi */
      /* Çizgi kalınlığı */
  }
  
  .play-button2 svg polygon {
    fill: black;        /* Üçgen iç rengi */
  }
  
  /* Galeri CSS'i product_gallery.blade.php component'inde tanımlı - çakışma önlemek için kaldırıldı */
  
  div#toplamadetclflfix {
    display: table-cell;
    vertical-align: middle
  }
  
  a.hoverZoom {
    cursor: zoom-in;
    cursor: -webkit-zoom-in
  }
  
  .texhinfosize>h2 {
    text-align: center;
    margin-bottom: 40px
  }
  
  .sizeboxa {
    background-color: #fff;
    box-shadow: 0 1.5px 8px 0 rgba(0,0,0,.08);
    padding: 24px 20px
  }
  
  .sizeboxa>h2 {
    text-align: center;
    margin-bottom: 26px
  }
  
  .sizeTableTitle {
    font-weight: 900;
    color: #c32929;
    position: relative
  }
  
  span#discount_price_sticky {
    color: #c32929;
  }
  .discount_price_sticky {
    color: #c32929;
  }
  .priceSmall {
    font-size: 70%;
  }
  span.pricerow.txt {
    margin-top: -2px;
  }
  span.pricerow.txt {
    font-size: 12px;
    margin-top: 5px;
  }
  
  span.redText {
    color: #e22e27;
    font-size: 24px;
    font-weight: 600;
  }
  
  div#productsFix {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
  }
  
  div#productsFix {
    overflow: scroll;
    max-height: 64px;
    overflow-x: hidden;
    width: 100%;
    overflow-y: auto;
  }
  
  
  
  .filter {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 0.5rem 0;
    padding: 2px 0;
    color: #767676;
    cursor: pointer;
  }
  
  .filter input {
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    color: #e4e4e4;
    border: 0.125rem solid currentColor;
    border-radius: 0;
    margin-right: 0.75rem;
  }
  
  .filter-accordion-1 ul {
  padding-left: 0rem;
  }
  
  .p-0 {
  padding-left: 0rem !important;
  }
  
  
  
  .accordion-body ul {
    list-style: none;
    padding-left: 0;
  }
  
  .accordion-body ul {
    list-style: none;
    text-transform: capitalize;
  }
  
  
  
  .pt-90 {
    padding-top: 90px;
  }
  
  
  table.wishlist__table tr td {
    border: 1px solid #dedede;
    padding: 10px 15px;
  }
  
  .orderbg {
    background: #4c0e9b14;
  }
  
  
  .btn-block {
    display: block;
    width: 100%;
  }
  
  .mb-2.partall {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  }
  
  
  .productinfo {
    
    padding-left: 10px;
    margin-top: 10px;
    border: 0px solid #dddd;
    background: #f7f7f7;
    border-radius: 10px;
  }
  
  .variant-name {
    text-transform: uppercase;
    font-weight: 300;
  }
  
  .mb-2.partall strong {
    color: #664c32;
    font-weight: 400;
    font-size: 13px;
  }
  
  tr.childprice span {
  font-weight: 500;
  }
  
  
  .product__options {
  border-top: 1px solid #d8d8d8;
  margin-top: 25px;
  padding-top: 5px;
  }
  
  /* Product colors */
  .product__colors {
  padding-top: 10px; }
  
  .product__available-colors {
  list-style: none;
  padding: 0px;
  display: flex;
  margin: -2px 0px;
  flex-wrap: wrap;
  position: relative; }
  .product__available-colors li {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    padding: 4px;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    margin: 2px 4px 2px 0px; }
    .product__available-colors li.active {
      border-color: #9c9c9c; }
    .product__available-colors li a {
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      background: #000; }
  
  .product__image-colors {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: -5px 0px;
  position: relative; }
  .product__image-colors li {
    display: block;
    width: 85px;
    margin: 12px 11px 8px 2px;
  
  }
    .product__image-colors li a {
      display: block; }
      .product__image-colors li a img {
        display: block;
        width: 100%; }
  
  .product__image-color.active {
  border: 1px solid #928656; }
  
  .product__current-color {
  margin-left: auto;
  padding-left: 15px;
  text-align: right;
  font-size: 16px;
  color: #999999; }
  .product__current-color span {
    padding-left: 3px;
    color: #000; }
  
  /* Product sizes */
  .product__sizes {
  margin: 7px 4px 15px 0px;
  position: relative; 
  }
  .product__sizes select {
    display: block;
    width: 100%;
    border: 1px solid #cecece;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    outline: none;
    font-size: 16px;
    cursor: pointer;
    color: #000;
    padding: 12px 70px 12px 19px; }
  
  
  /* Product sizes 2 */
  .product__sizes-2 {
  padding-top: 28px; }
  
  .product__available-sizes {
  list-style: none;
  padding: 0px;
  display: flex;
  margin: 5px -1px 5px 0px;
  flex-wrap: wrap;
  position: relative; }
  .product__available-sizes li {
    margin: 3px 3px 1px 0px;
    }
    .product__available-sizes li.active a {
      border-color: #8d8d8d;
      color: #ffffff;
      font-size: 16px;
      background: #bfbbbc;
      border: 1px solid #fbf9f9;
    
    }
    .product__available-sizes li a {
      display: block;
      border: 1px solid #dfdfdf;
      font-size: 16px !important;
      color: #161515;
      padding: 10px 20px;
      min-width: 40px;
      min-height: 40px;
      text-align: center;
      
      }
  
  .product__current-size {
  margin-left: auto;
  padding-left: 15px;
  text-align: right;
  font-size: 16px;
  color: #999999; }
  .product__current-size span {
    padding-left: 3px;
    color: #000; }
  
  /* Product variants */
  .product__variants {
  border-top: 1px solid #d8d8d8;
  margin-top: 45px;
  padding-top: 18px; }
  
  .product__variant {
  padding: 20px 0px; }
  
  .product__variant + .product__variant {
  border-top: 1px solid #d8d8d8; }
  
  .product-variant__image {
  width: 47px;
  min-width: 47px;
  margin-right: 20px; }
  .product-variant__image p {
    display: block;
    padding-bottom: 139.948%;
    position: relative;
    margin: 0px; }
    .product-variant__image p img {
      display: block;
      width: 100%;
      height: 100%;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      position: absolute;
      object-fit: cover; }
  
  .product-variant__title-and-price {
  padding-right: 30px; }
  
  .product-variant__title {
  font-size: 16px;
  color: #000; }
  .product-variant__title a {
    color: #000; }
    .product-variant__title a:hover {
      color: #928656; }
  
  .product-variant__price {
  font-size: 18px;
  color: #000;
  padding: 3px 0px 0px 0px; }
  
  .product-variant-price__new {
  color: #ea311d; }
  
  .product-variant-price__old {
  color: #666666;
  font-size: 14px;
  text-decoration: line-through;
  padding-left: 4px; }
  
  .product-variant__quantity {
  margin-left: auto;
  width: 100px;
  min-width: 100px; }
  
  .product-variant-quantity__title {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0px 0px 2px 0px; }
  
  .product-variant-quantity__content {
  position: relative; }
  
  .product-variant-quantity__minus {
  display: block;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #5e4d30;
  font-size: 12px; }
  
  .product-variant-quantity__input {
  display: block;
  width: 100%;
  text-align: center;
  padding: 6px 35px 6px 35px;
  border: 1px solid #d0d0d0;
  outline: none;
  font-size: 16px;
  color: #000; }
  .product-variant-quantity__input:focus {
    border-color: #000; }
  
  .product-variant-quantity__plus {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #5e4d30;
  font-size: 12px; }
  
  .product-variants__subtotal {
  padding-top: 20px;
  font-size: 24px;
  color: #999999; }
  .product-variants__subtotal span {
    font-size: 30px;
    color: #669900;
    padding-left: 3px; }
  
  /* Product action */
  .product__action {
  padding-top: 5px;
  }
  
  /* Quantity */
  .product__quantity {
  margin-top: 20px;
  margin-right: 10px;
  width: 140px;
  min-width: 140px;
  position: relative; }
  
  .product-quantity__minus {
  display: block;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #5e4d30;
  font-size: 16px; }
  
  .product-quantity__input {
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px 60px 12px 60px;
  border: 1px solid #d0d0d0;
  outline: none;
  font-size: 16px;
  color: #000; }
  .product-quantity__input:focus {
    border-color: #000; }
  
  .product-quantity__plus {
  display: block;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  color: #5e4d30;
  font-size: 16px; }
  
  
  
  
  
  strong.redtext {
  color: #ff0707 !important;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  }
  
  
  section.tp-login-area {
  background-color: #ddd8d8;
  }
  
  section.breadcrumb__area {
  background-color: #fff;
  }
  
  section.breadcrumb__area3 {
  background-color: #fff;
  }
  
  section.breadcrumb__area2 {
  background-color: #ebebeb;
  }
  
  
  .checout-page {
  background-color: #f3f3f3;
  }
  
  
  
  section.profile__area {
  background-color: #f3f3f3;
  }
  
  section.tp-about-area {
  
  background-color: #f3f3f3;
  }
  
  
  section.tp-contact-area {
  
  background-color: #f3f3f3;
  }
  
  
  .m-basket {
    margin: 2rem auto
  }
  
  .m-basket__header {
    border-bottom: 1px solid #ededed;
    display: flex;
    margin-bottom: 1.5rem;
    padding: 0 0 1rem
  }
  
  .m-basket__header--title {
    color: #111;
    font-size: 25px;
    letter-spacing: 1.07px
  }
  
  .m-basket__body,.m-basket__item {
    display: flex;
    flex-direction: column
  }
  
  .m-basket__item {
    border: 1px solid #ededed;
    margin-bottom: 1.5rem;
    padding: 1rem
  }
  
  .m-basket__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0
  }
  
  .m-basket__item.-reset {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1rem
  }
  
  .m-basket__item.-reset:last-child {
    border: 1px solid #ededed
  }
  
  .m-basket__content {
    border-bottom: 1px solid #ededed;
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
    position: relative
  }
  
  .m-basket__content:first-child {
    padding-top: 1.5rem
  }
  
  .m-basket__content:last-child {
    border-bottom: 0;
    padding-bottom: 0
  }
  
  .m-basket__content.-reset {
    padding: 0
  }
  
  .m-basket__contentPanel {
    display: flex
  }
  
  .m-basket__seller {
    align-items: center;
    border-bottom: 1px solid #ededed;
    color: #111;
    display: flex;
  
    font-size: .8125rem;
    letter-spacing: .3px;
    line-height: 1.23;
    margin: 0 -1rem;
    padding: 0 1rem 1rem
  }
  
  .m-basket__seller .icon {
    margin-right: .5rem
  }
  
  .m-basket__seller strong {
    
    margin-right: 4px
  }
  
  .m-basket__seller p {
    width: 100%
  }
  
  .m-basket__removeMessage {
    align-items: center;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 1rem 2rem;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
  }
  
  .m-basket__removeMessageIcon {
    fill: #37c4a4;
    margin-bottom: 1rem;
    margin-right: 1.5rem
  }
  
  .m-basket__removeMessageText {
    
    font-size: .875rem
  }
  
  .m-basket__figure {
    width: 164px
  }
  
  .m-basket__figureLink {
    display: flex
  }
  
  .m-basket__figureImg {
    width: 164px
  }
  
  .m-basket__productInfo {
    display: flex;
    flex-direction: column;
    flex-grow: 8;
    width: 50%
  }
  
  .m-basket__productInfo--link {
    color: #111;
    display: flex;
    flex-direction: column;
    line-height: 1.71;
    width: 90%
  }
  
  .m-basket__productInfoCategory {
  
    font-size: .875rem;
    letter-spacing: .5px
  }
  
  .m-basket__productInfoName {
  
    font-size: .875rem;
    letter-spacing: .5px
  }
  
  .m-basket__productPrice {
    margin: 1rem 0
  }
  
  .m-basket__stockMessage {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem
  }
  
  .m-basket__stockMessage .-error {
    color: #ec2c2c
  }
  
  .m-basket__stockMessageText {
    font-size: .75rem
  }
  
  .m-basket__features {
    display: flex;
    flex-direction: column
  }
  
  .m-basket__variantion {
    display: flex;
    margin-bottom: 1rem;
    padding-left: 0;
    width: 100%
    
  }
  
  .m-basket__variantion:last-child {
    margin-bottom: 0
  }
  
  .m-basket__variantion.-column {
    flex-direction: column
  }
  
  .m-basket__variantion.-column .m-basket__variantionItem:before {
    display: none
  }
  
  .m-basket__variantionItem {
    align-items: center;
    color: #111;
    display: flex;
    font-size: .875rem;
    letter-spacing: .5px
  }
  
  .m-basket__variantionItem:before {
    color: #9b9b9b;
    content: "|";
    margin-left: 1rem;
    padding-right: 1rem
  }
  
  .m-basket__variantionItem:first-child:before {
    display: none
  }
  
  
  .m-basket__variantionName {
  
    padding-right: .5rem
  }
  
  
  
  .m-basket__variantionValue .m-select {
    width: 120px
  }
  
  .m-basket__quantity {
    align-items: center;
    display: flex;
    width: 30%
  }
  
  .m-basket__options {
    align-items: flex-start;
    margin-top: 1rem
  }
  
  .m-basket__options,.m-basket__optionsItem {
    display: flex;
    justify-content: flex-end;
    width: 100%
  }
  
  .m-basket__optionsItem {
    margin-right: -1rem
  }
  
  .m-basket__optionContent {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    width: calc(100% - 164px)
  }
  
  .m-basket__productTools {
    display: flex;
    height: 100%
  }
  
  .m-basket__optionHeader {
    display: flex;
    justify-content: space-between
  }
  
  .m-basket__favorite,.m-basket__remove {
    color: #ec2c2c;
    cursor: pointer;
    border: none;
    background: none;
    font-size: .8125rem;
    letter-spacing: 1px;
    padding: .5rem 1rem;
    text-align: right;
    text-decoration: none;
    text-transform: none
  }
  
  .m-basket__favorite:hover,.m-basket__remove:hover {
    text-decoration: none
  }
  
  .m-basket__favorite {
    color: #000
  }
  
  .m-basket__remove {
    position: relative
  }
  
  .m-basket__remove .icon {
    margin-right: 5px
  }
  
  
  .m-basket__cargoDelivery {
    color: #6d6d6d;
    display: flex;
    
    font-size: .75rem;
    letter-spacing: normal;
    margin-top: 1rem
  }
  
  .m-basket__cargoDelivery svg {
    margin-right: .5rem
  }
  
  .m-basket__cargoDelivery span {
    color: #111
  }
  
  .m-basket__giftBox {
    display: flex;
    padding-top: 5px;
    position: relative;
    width: 100%
  }
  
  .m-basket__giftBox .-smallLoading {
    background-color: #fff;
    left: -2px;
    position: absolute;
    top: 2px;
    z-index: 1
  }
  
  .m-basket__giftBox .m-checkbox__label {
    font-size: .8125rem;
    letter-spacing: .5px;
    line-height: 1.85
  }
  
  .m-basket__giftBox .m-checkbox__label:before {
    top: 7px
  }
  
  .m-basket__giftBox .m-checkbox__label:after {
    top: 4px
  }
  
  .m-basket__giftBox .m-checkbox__label.-loading:before {
    display: none
  }
  
  .m-basket__free {
    color: #111;
    
    font-size: .875rem;
    line-height: 1.43;
    margin: 1rem 0
  }
  
  .m-basket .-smallLoading {
    margin-right: .5rem
  }
  
  .m-basket .-ghostLoading {
    display: flex;
    flex-direction: column
  }
  
  .m-basket__cargoStock {
    margin: 7px 0 0 46px
  }
  
  .m-basket__cargoStockText {
    color: #d0021b;
    
    font-size: .75rem;
    line-height: 1.33
  }
  
  .promotion {
    flex-direction: column;
    margin-top: 1rem
  }
  
  .m-productPrice,.promotion {
    display: flex
  }
  
  .m-productPrice__discount {
    background-color: #ec2c2c;
    color: #fff;
    display: flex;
    flex-direction: column;
    
    font-size: .9375rem;
    height: 36px;
    justify-content: center;
    line-height: 1.33;
    margin-right: .5rem;
    text-align: center;
    width: 50px
  }
  
  .m-productPrice__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
  }
  
  .m-productPrice__content.-extra,.m-productPrice__content.-extra2 {
    margin-right: 1rem
  }
  
  .m-productPrice__content.-extra .m-productPrice__oldPrice,.m-productPrice__content.-extra2 .m-productPrice__oldPrice {
    color: #6d6d6d;
    line-height: 1.29
  }
  
  .m-productPrice__content.-extra .m-productPrice__salePrice,.m-productPrice__content.-extra2 .m-productPrice__salePrice {
    color: #9b9b9b;
    
    text-decoration: line-through
  }
  
  .m-productPrice__content.-extra .m-productPrice__oldPrice {
    margin-bottom: 0
  }
  
  .m-productPrice__content.-extra2 {
    justify-content: space-between
  }
  
  .m-productPrice__content.-extra2 .m-productPrice__oldPrice {
    margin-bottom: 3px
  }
  
  .m-productPrice__oldPrice {
    color: #6d6d6d;
    ;
    font-size: .875rem;
    letter-spacing: .5px;
    line-height: 1.29;
    text-decoration: line-through
  }
  
  .m-productPrice__salePrice {
    font-size: 1rem
  }
  
  .m-productPrice__extraPrice,.m-productPrice__salePrice {
    color: #111;
    
    letter-spacing: .5px;
    line-height: 1.13
  }
  
  .m-productPrice__extraPrice {
    font-size: 1.125rem
  }
  
  .m-productPrice__extraText {
    color: #62944c;
    
    font-size: .875rem;
    line-height: 1.29;
    margin-bottom: 3px
  }
  
  
  .accordion2.js-accordion {
    background: white;
    padding: 14px;
    border: 1px solid #ddd;
    margin-top: 5px;
    cursor: pointer;
  }
  
  .accordion__title2 {
    font-size: 18px;
    font-weight: 600;
  
  }
  .accordionpost {
    margin-top: 10px;
  }
  
  .accordionpost p {
    font-size: 14px;
    font-weight: 500;
  }
  
  .accordionpost span {
    font-size: 14px;
  }
  
  h6.paywiwew {
    font-size: 16px;
  }
  
  .form-info .title {
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px;
    color: #0e0e0e;
    margin-bottom: 20px;
  }
  
  .summary-subtotal__title.basket {
    color: #fa5e15;
  }
  
  .summary-subtotal__title.websale {
    color: #ff9304;
  }
  
  
  .summary-subtotal__title.coupon {
    color: #016df7;
  }
  
  .address-box {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  
  .address-box .head {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 11px;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px;
    color: #0e0e0e;
  }
  
  .address-box {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
  
  .address-box  p {
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.82;
    letter-spacing: .1px;
    color: #202020;
  }
  
  
  
  .grouped-product-list tr { border-bottom:1px solid #e6e6e6; }
  .grouped-product-list td {padding:10px 5px;}
  .grouped-product-list td.grouped-product-list-item__thumb,
  .grouped-product-list td.grouped-product-list-item__thumb img { width:70px; min-width:70px; }
  .grouped-product-list td .qtyField { max-width: 85px; }
  .grouped-product-list td .qtyField .qtyBtn,
  .grouped-product-list td .qtyField .qty { height:35px; padding:6px 6px; }
  .grouped-product-list td .qtyField .qty { width: 85px; padding: 7px 20px; }
  .grouped-product-list td .qtyField .qtyBtn { background: #efefef; border: none; left: 0; right: auto; top: 0; }
  .grouped-product-list td .qtyField .qtyBtn.plus { left: auto; right: 0; }
  .grouped-product-list td.grouped-product-list-item__price .old-price { color:#999; padding-right:10px; text-decoration:line-through; }
  
  
  
  .atmosphere[data-v-1e6e287c] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  .atmosphere[data-v-1e6e287c] .after-coupon {
    color: #ce2226;
  }
  .atmosphere[data-v-1e6e287c] span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    font-size: 12px;
    font-weight: 300;
    color: #2c7440;
    line-height: 14px;
    border-radius: 2px;
    border: .8px solid #ccc;
    margin: 0 4px 4px 0;
  }
  
  
  .store-item__address p {
    font-size: 18px;
    line-height: 1.44;
    color: #242727;
    padding: 7px 10px 3px 5px;
    margin-bottom: 5px;
  
  }
  
  .store-item__address span {
    font-size: 15px;
    line-height: 1.44;
    color: #242727;
    padding: 5px 10px 7px 0px;
    
  }
  
  .list-product-cart-badge {
    margin-bottom: 5px;
    position: relative;
    display: flex;
    row-gap: 5px;
    column-gap: 5px;
    flex-wrap: wrap;
  }
  
  .checkoutlist {
    background: white;
    border: 1px solid #ddd;
    padding: 25px !important;
  }
  
  .checkoutlist .store-item__title {
    display: block;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #0d0c0c;
    font-weight: 600;
    margin: 20px 0;
    margin-top: 0;
  }
  
  .save-details-box .save-details {
  border: 1px solid #eff2f7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  background-color: #eff2f7;
  position: relative;
  padding:15px;
  }
  
  .save-details-box .save-details.show {
  -webkit-box-shadow: 0 0px 10px rgba(33, 37, 41, 0.2);
  box-shadow: 0 0px 10px rgba(33, 37, 41, 0.2);
  }
  
  .save-details-box .save-details .save-name {
  position: relative;
  margin-bottom: 20px;
  }
  
  .save-details-box .save-details .save-name h5 {
  color: #212529;
  }
  
  .save-details-box .save-details .save-position {
  position: absolute;
  color: #ff0101dd !important;
  top: 0;
  right: 0;
  color: #fff;
  padding: 8px 15px;
  border-radius: 4px;
  }
  
  [dir="rtl"] .save-details-box .save-details .save-position {
  right: unset;
  left: 0;
  }
  
  .save-details-box .save-details .save-position h6 {
  margin: 0;
  margin-bottom: -2px;
  font-weight: 500;
  }
  
  .save-details-box .save-details .save-address p {
  line-height: 1.4;
  letter-spacing: 1px;
  margin: 0 0 calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)));
  }
  
  .save-details-box .save-details .mobile p.mobile {
  margin-top: 20px;
  padding-bottom: 6px;
  }
  
  .save-details-box .save-details .button2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -5px;
  }
  
  .save-details-box .save-details .button2 a {
  width: 100%;
  margin: 5px;
  background-color: #fff;
  color: #212529;
  }
  
  
  
  .box-head-checkout i {
  font-size: 15px;
  }
  
  select.form-select.form-control {
  height: 50px;
  line-height: 48px;
  border-radius: 0;
  border: 1px solid #D5D8DB;
  float: none;
  padding: 0 26px;
  font-size: 15px;
  }
  
  
  .checkoutlist .stores-list__item {
    padding-top: 25px;
    background: #fff;
    display: block;
    padding: 10px 15px 10px 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 1px;
    cursor: pointer;
  }
  
  .billing-form__heading {
    font-size: 16px;
  }
  
  .checkoutlist .row > div {
    padding: 5px 5px;
  }
  
  .checkoutlist .stores-list__item.active {
    background-color: #eff2f7 !important;
  }
  .box-head-checkout {
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0px 0px;
  }
  
  .box-head-checkout h3 {
    font-size: 16px;
    font-weight: 300;
    color: #2f2d2d;
    text-transform: uppercase;
  }
  .cart-item__image--ratio-100-122 a {
    padding-bottom: 60%;
  }
  
  .cart-product__image a {
    display: block;
    position: relative;
    padding-bottom: 65px;
  }
  .shopping-cart {
    background-color: #ededed;
  
  }
  
  /* Container override for shopping cart */
  .shopping-cart .container .container {
    max-width: none;
    margin: 0;
    padding: 0;
  }
  
  /* Title */
  .shopping-cart__title {
    font-size: 48px;
    text-align: center;
    padding: 0px 0px 80px 0px;
    margin: 0px; }
  
  /* Cart container */
  
  
  /* Table */
  .shopping-cart__table {
    width: 100%; }
    .shopping-cart__table tr {
      vertical-align: top; }
    .shopping-cart__table thead tr th {
      padding: 10px 15px 10px 15px;
      color: #999999;
      font-size: 14px;
      font-weight: 300;
      text-transform: uppercase;
      letter-spacing: 0.5px; }
      .shopping-cart__table thead tr th:first-child {
        padding-left: 0px; }
      .shopping-cart__table thead tr th:last-child {
        padding-right: 5px; }
    .shopping-cart__table tbody tr td {
      border-top: 1px solid #dedede;
      padding: 20px 15px; }
      .shopping-cart__table tbody tr td:first-child {
        padding-left: 0px; }
      .shopping-cart__table tbody tr td:last-child {
        padding-right: 5px; }
  
  /* Cart product */
  .shopping-cart__product {
    display: flex; }
  
  /* Cart product image */
  .cart-product__image {
    width: 70px;
    min-width: 70px; }
  
    
  
  /* Title and variant */
  .cart-product__title-and-variant {
    padding-left: 20px;
    padding-top: 6px;
    min-width: 140px; }
  
  .cart-product__title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 0;
    letter-spacing: 0px;
    color: #000;
  
    font-weight: 300; }
    .cart-product__title a {
      color: #000;
      letter-spacing: 0.5px; }
      .cart-product__title a:hover {
        color: #928656; }
  
  .cart-product__variant {
    font-size: 14px;
    color: #999999;
    padding: 6px 0px 0px 0px; }
  
  .cart-product__action {
    padding: 11px 0px 0px 0px; }
    .cart-product__action a {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      text-decoration: underline; }
  
  /* Quantity */
  .cart-product__quantity-field {
    max-width: 80px;
    min-width: 70px;
    position: relative; }
  
  .quantity-field__minus {
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); }
    .quantity-field__minus a {
      display: block;
      padding: 5px; }
  
  .quantity-field__plus {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); }
    .quantity-field__plus a {
      display: block;
      padding: 5px; }
  
  .quantity-field__input {
    display: block;
    width: 100%;
    text-align: center;
    padding: 7px 15px;
    margin: 0px;
    border: 1px solid #d0d0d0;
    outline: none;
    height: 34px;
    font-size: 16px;
    line-height: 1.3;
    color: #000; }
    .quantity-field__input:focus {
      border-color: #eae6e6;
      border-radius: 10px;
    
    }
  
  /* Price */
  .cart-product__price {
    padding-top: 6px;
    font-size: 16px;
    line-height: 1.3;
    color: #000; }
  
  /* Delete */
  .cart-product__delete {
    padding-top: 1px; }
    .cart-product__delete a {
      font-size: 12px;
      color: #000;
      line-height: 1.3; }
  
  /* Discount form */
  .shopping-cart__discount {
    margin: 40px 0px 0px 0px;
    border: 1px solid #d0d0d0;
    padding: 24px 29px 29px 29px; }
    .shopping-cart__discount form {
      margin: 0px;
      padding: 0px;
      position: relative; }
  
  .discount__title {
    font-size: 20px;
    padding: 0px 0px 18px 0px;
    margin: 0px;
    letter-spacing: 0.5px; }
  
  .discount__icon {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); }
  
  .discount__input {
    display: block;
    width: 100%;
    background: none;
    border: 1px solid #d0d0d0;
    padding: 12px 100px 12px 50px;
    font-size: 14px;
    color: #000;
    outline: none; }
    .discount__input:focus {
      border-color: #000; }
    .discount__input::-webkit-input-placeholder {
      color: #999; }
    .discount__input::-moz-placeholder {
      color: #999; }
    .discount__input:-ms-input-placeholder {
      color: #999; }
    .discount__input:-moz-placeholder {
      color: #999; }
  
  .discount__submit {
    display: block;
    padding: 0px;
    margin: 0px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    background: none;
    border: none;
    position: absolute;
    font-size: 14px;
    color: #000;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    outline: none; }
  
  /* Order summary */
  
  /* Order summary background */
  .order-summary__background {
    padding: 20px 15px;
    background: #fff;
    margin-bottom: 35px;
    border: 1px solid #ddd;
    position: relative; }
  
  
  
  /* Order summary title */
  .order-summary__title {
    font-size: 15px;
    padding: 0px;
    margin: 0px;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
      border-bottom: 1px solid #ddd;
      padding: 5px;
  
  
  
  }
  
  /* Order summary subtotal */
  .order-summary__subtotal {
    margin-top: 5px;
  
    display: flex; }
  
  .summary-subtotal__title {
    font-size: 16px; }
  
  .summary-subtotal__price {
    padding-left: 20px;
    margin-left: auto;
    font-size: 16px;
    color: #000; }
  
  /* Order summary delivery method */
  .order-summary__delivery-method {
    margin-top: 18px;
    position: relative; }
    .order-summary__delivery-method select {
      width: 100%;
      height: 50px;
      padding-left: 15px;
      padding-right: 45px;
      background-color: #fff;
      border: 1px solid #d0d0d0;
      font-size: 14px;
      color: #000;
      -webkit-appearance: none;
      -moz-appearance: none;
      display: block;
      outline: none; }
    .order-summary__delivery-method:after {
      content: "";
      display: inline-block;
      font: normal normal normal 1em/1 "LineIconsPro Light";
      speak: none;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      font-size: 14px;
      position: absolute;
      top: 50%;
      right: 15px;
      color: #000;
      transform: translateY(-50%) rotate(90deg);
      -webkit-transform: translateY(-50%) rotate(90deg);
      -moz-transform: translateY(-50%) rotate(90deg);
      pointer-events: none; }
  
  /* Order summary total */
  .order-summary__total {
    margin-top: 30px;
    border-top: 1px solid #d0d0d0;
    padding-top: 22px;
    display: flex; }
  
  .summary-total__title {
    font-size: 16px;
    color: #000;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 300; }
  
  .summary-total__price {
    padding-left: 20px;
    margin-left: auto;
    font-size: 20px;
    font-weight: 600;
    color: #000; }
  
  /* Proceed to checkout */
  .order-summary__proceed-to-checkout {
    padding-top: 17px; }
    .order-summary__proceed-to-checkout .second-button {
      display: block;
      width: 100%;
      text-align: center; }
  
  /* Accept payment methods */
  .order-summary__accept-payment-methods {
    border-top: 1px solid #d0d0d0;
    margin-top: 25px;
    padding-top: 22px; }
    .order-summary__accept-payment-methods img {
      max-width: 100%;
      padding: 15px; }
  
  .accept-payment-methods__title {
    padding: 0px 0px 14px 0px;
    margin: 0px;
    font-size: 16px;
  
    color: #000;
    letter-spacing: 0.5px; }
  
  /* Order summary action */
  .order-summary__action {
    text-align: center; }
    .order-summary__action a {
      color: #000000;
      text-decoration: underline;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
  
  
  
  
  .login {
    background: #16161614;
  }
  
  
  .shopping-banner {
    display: flex;
    align-items: center;
    /* font-family: 'Urbanist', sans-serif; */
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #40484e;
    padding: 34px 0;
    border: 1px solid #d9dadd;
    cursor: pointer;
    transition: all .2s ease-in-out;
    border-radius: 5px;
  }
  
  .shopping-banner-img {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    background-color: #f5f7fa;
    transition: all .2s ease-in-out;
    border-radius: 50%;
    margin-bottom: 16px;
  }
  
  
  .shopping-banner-title {
    color: #40484e;
    font-size: 18px;
    font-weight: 300;
  }
  .shopping-banner-sub-title {
    color: #888;
    font-size: 15px;
  }
  
  .shopping-banner-content {
    padding: 5px;
  }
  
  .contact-page {
    padding: 0px 0px 90px 0px;
    background: #f8f9fa;
  }
  
  .contact-page__title {
    padding-top:10px;
    font-size: 25px;
    font-weight: 300;
  }
  .contact-page__form {
    padding: 25px 0px 0px 0px;
    margin: 0px;
  }
  
  .tp-contact-info-content h3 {
    font-size: 19px;
    text-transform: uppercase;
    margin: 10px 20px 20px;
  }
  
  .tp-contact-info-content {
    background: #ffffff;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    margin-top: 10px;
  }
  .tp-contact-info-content span {
    font-size: 16px;
    line-height: 1.44;
    color: #242727;
    padding: 8px 0px 10px 15px;
  }
  
  .store-item__address {
    font-size: 16px;
    line-height: 30px;
  }
  
  .address__store-number {
    color: #000;
    display: block;
    margin: 0px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 600;
    padding-top: 10px;
  }
  
  .tp-product-price-3.old-price {
    font-weight: 300;
    font-size: 14px;
    text-decoration-line: line-through;
    color: #666;
  }
  
  .tp-product-price-3.new-price {
     color: #0a0a0a;
      font-weight: 300;
      font-size: 18px;
  }
  
  .service-promotion__icon img {
    max-width: 50px;
    width: 100%;
    height: auto;
  }
  
  @media (max-width: 768px) {
    .service-promotion.horizontal .col-12 {
      margin-bottom: 2rem !important;
    }
    
    .service-promotion__icon {
      flex-shrink: 0;
      margin-bottom: 0.5rem;
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .service-promotion__icon img {
      max-width: 45px;
      max-height: 45px;
      width: auto;
      height: auto;
      object-fit: contain;
    }
    
    .service-promotion__content-wrap {
      flex: 1;
      min-width: 0;
    }
    
    .service-promotion__title {
      font-size: 0.875rem;
      margin-bottom: 0.5rem !important;
    }
    
    .service-promotion__content {
      font-size: 0.875rem;
      line-height: 1.5;
    }
  }
  
  @media (max-width: 576px) {
    .service-promotion.horizontal .col-12 {
      margin-bottom: 1.5rem !important;
    }
    
    .service-promotion__icon {
      width: 40px;
      height: 40px;
    }
    
    .service-promotion__icon img {
      max-width: 40px;
      max-height: 40px;
      width: auto;
      height: auto;
      object-fit: contain;
    }
    
    .service-promotion__icon i {
      font-size: 2rem !important;
    }
  }
  
  .custome-nav-tabs {
    position: inherit;
    z-index: 9;
    top: 0;
    left: -300px;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .custome-nav-tabs {
    padding: 10px;
    color: black;
    border: none;
    border-radius: 5px;
    position: sticky;
    top: 10px;
    background: #eff2f7;
    margin-top: 60px;
    margin-bottom: 50px;
  }
  .custome-nav-tabs .nav-item .nav-link {
    width: 100%;
    text-align: left;
    border-radius: 5px;
    background: transparent;
    border: 1px solid transparent;
    position: relative;
    font-size: 16px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #212529 !important;
  }
  
  .box-head {
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -2px 15px;
  }
  
  .box-head h3 {
    margin: 0;
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
  }
  
  .myaccount {
    margin-bottom: 20px;
  
  }
  
  
  .dashboard .box-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320))) 0;
  }
  
  .dashboard .box-title h3 {
    font-weight: 300;
  }
  
  .dashboard h6, .dashboard p {
    margin: 6px 0;
    line-height: 1.4;
  }
  
  .order-box-contain .order-box {
    position: relative;
    overflow: hidden;
    padding: 20px 30px;
    border-radius: 6px;
    background-color: #eff2f7;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .order-box-contain .order-box .order-box-image {
    position: absolute;
    top: 50%;
    right: -20px;
    width: 25%;
    opacity: 0.04;
    -webkit-transform: rotate(0) translateY(-50%);
    transform: rotate(0) translateY(-50%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  
  [dir="rtl"] .order-box-contain .order-box .order-box-image {
    left: -20px;
    right: unset;
  }
  
  .order-box-contain .order-box:hover .order-box-image {
    -webkit-transform: rotate(-7deg) translateY(-50%);
    transform: rotate(-7deg) translateY(-50%);
    opacity: 0.25;
  }
  
  [dir="rtl"] .order-box-contain .order-box:hover .order-box-image {
    -webkit-transform: rotate(7deg) translateY(-50%);
    transform: rotate(7deg) translateY(-50%);
  }
  
  .order-box-contain .order-box .order-box-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .order-box-contain .order-box .order-box-contain img {
    width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
  }
  
  .order-box-contain .order-box .order-box-contain > div {
    width: calc(100% - 20px);
    margin-left: 15px;
    text-transform: capitalize;
  }
  
  [dir="rtl"] .order-box-contain .order-box .order-box-contain > div {
    margin-left: unset;
    margin-right: 15px;
  }
  
  .order-box-contain .order-box .order-box-contain > div h3 {
    margin-top: 6px;
  }
  
  .dashboard-profile .dash-profile li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px;
  }
  
  
  .dashboard-profile .dash-profile li .left {
    width: 220px;
  }
  
  
  .dashboard-profile .dash-profile li .left h6 {
    margin: 0;
    text-transform: capitalize;
  }
  
  .dashboard-profile .dash-profile li a {
    margin-left: 20px;
    color: #f50a13;
    font-size: 13px;
  }
  
  .dashboard-security .page-title h4 {
  font-size:18px
  }
  
  
  
  .dashboard-security .page-title {
    margin-bottom: 10px;
  }
  
  .dashboard-security p {
  font-size: 16px;
  }
  
  .dashboard-security .security-details {
    margin-bottom: 18px;
  }
  
  .dashboard-security .security-details h5 span {
    font-weight: 500;
    color: #212529;
  }
  
  .dashboard-security .security-details-1 {
    border: 1px dashed rgba(0, 0, 0, 0.28);
    border-radius: 5px;
    padding: 15px;
  }
  
  .success-button {
    background-color: green;
    margin: 0 !important;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 12px !important;
    color: #fff !important;
  }
  
  
  .save-details-box .save-details {
    border: 1px solid #eff2f7;
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
    background-color: #eff2f7;
    position: relative;
  }
  
  .save-details-box .save-details.show {
    -webkit-box-shadow: 0 0px 10px rgba(33, 37, 41, 0.2);
    box-shadow: 0 0px 10px rgba(33, 37, 41, 0.2);
  }
  
  .save-details-box .save-details .save-name {
    position: relative;
    margin-bottom: 20px;
  }
  
  .save-details-box .save-details .save-name h5 {
    color: #212529;
  }
  
  .save-details-box .save-details .save-position {
    position: absolute;
    color: #ff0101dd !important;
    top: 0;
    right: 0;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
  }
  
  [dir="rtl"] .save-details-box .save-details .save-position {
    right: unset;
    left: 0;
  }
  
  .save-details-box .save-details .save-position h6 {
    margin: 0;
    margin-bottom: -2px;
    font-weight: 500;
    color: #595f65;
    padding: 5px;
    background: #cad4d4;
    border: 1px solid #ddd;
  }
  
  .save-details-box .save-details .save-address p {
    line-height: 1.4;
    letter-spacing: 1px;
    margin: 0 0 calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)));
  }
  
  .save-details-box .save-details .mobile p.mobile {
    margin-top: 20px;
    padding-bottom: 6px;
  }
  
  .save-details-box .save-details .button2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -5px;
  }
  
  .save-details-box .save-details .button2 a {
    width: 100%;
    margin: 5px;
    background-color: #fff;
    color: #212529;
  }
  
  .payment-card-detail {
    position: relative;
  }
  
  .payment-card-detail:hover .edit-card {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  
  .payment-card-detail.add-card {
    background-color: #f9f9f9;
    cursor: pointer;
    padding: 0;
  }
  
  .payment-card-detail.add-card .card-details {
    min-height: 130px;
    background: #d2d2d2;
    color: #212529;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  
  .payment-card-detail.add-card .card-details h5 {
    margin-bottom: 0;
    text-transform: capitalize;
  }
  
  .payment-card-detail .card-details {
    color: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    background-color: #4b77a0;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
  }
  
  .payment-card-detail .card-details.card-visa {
    background-color: #777876;
  }
  
  .payment-card-detail .card-details.dabit-card {
    background-color: #86b8cf;
  }
  
  .payment-card-detail .card-details .card-number {
    margin-bottom: 10px;
  }
  
  .payment-card-detail .card-details .card-number h4 {
    color: #fff;
  }
  
  .payment-card-detail .card-details .valid-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
  }
  
  .payment-card-detail .card-details .valid-detail .title {
    margin-bottom: 0;
  }
  
  .payment-card-detail .card-details .valid-detail .title span {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.3;
  }
  
  .payment-card-detail .card-details .valid-detail .date h3 {
    margin-bottom: 0;
    color: #fff;
    margin-left: 15px;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: normal;
  }
  
  [dir="rtl"] .payment-card-detail .card-details .valid-detail .date h3 {
    margin-left: 0;
    margin-right: 15px;
  }
  
  .payment-card-detail .card-details .valid-detail .primary {
    margin-left: auto;
  }
  
  [dir="rtl"] .payment-card-detail .card-details .valid-detail .primary {
    margin-left: 0;
    margin-right: auto;
  }
  
  .payment-card-detail .card-details .valid-detail .primary span {
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    padding: 0;
    font-weight: 300;
    text-transform: capitalize;
  }
  
  .payment-card-detail .card-details .name-detail {
    margin-top: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .payment-card-detail .card-details .name-detail .name {
    width: 100%;
  }
  
  .payment-card-detail .card-details .name-detail .name h5 {
    text-transform: uppercase;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 0;
    color: #fff;
  }
  
  .payment-card-detail .card-details .name-detail .card-img {
    display: inline-block;
    margin-left: auto;
    text-align: right;
  }
  
  [dir="rtl"] .payment-card-detail .card-details .name-detail .card-img {
    text-align: left;
  }
  
  .payment-card-detail .edit-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    background-color: rgba(33, 37, 41, 0.8);
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  
  
  .payment-card-detail .edit-card a {
    padding: 0 10px;
    text-transform: capitalize;
    color: #fff;
  }
  
  
  .aboutcategry {
    width: 100%;
    background: #faf9f8;
    padding: 24px 0;
    margin: 16px 0;
  }
  
  .categryabout {
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    padding-right: 12px;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
  }
  
  /* Modern Scrollbar Styling - Webkit (Chrome, Safari, Edge) */
  .categryabout::-webkit-scrollbar {
    width: 6px;
  }
  
  .categryabout::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }
  
  .categryabout::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
  }
  
  .categryabout::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
  }
  
  .categryabout p {
    font-size: 16px;
    line-height: 1.75;
    color: #222222;
    margin-bottom: 20px;
    font-weight: 400;
  }
  
  .categryabout p:last-child {
    margin-bottom: 0;
  }
  
  .categryabout p strong {
    font-weight: 600;
    color: #222222;
    letter-spacing: -0.01em;
  }
  
  .categryabout p:first-child {
    margin-top: 0;
  }
  
  
  .edit-card-mobile {
    display: none;
  }
  
  
  /* ==========================================================================
     8.15 #SHOPPING CART PAGE
     ========================================================================== */
     .shopping-cart {
      padding: 90px 0px 160px 0px; }
    
    /* Title */
    .shopping-cart__title {
      font-size: 48px;
      text-align: center;
      padding: 0px 0px 80px 0px;
      margin: 0px; }
    
    /* Cart container */
    .shopping-cart__container {
      padding-right: 70px; }
    
    /* Table */
    .shopping-cart__table {
      width: 100%; }
      .shopping-cart__table tr {
        vertical-align: top; }
      .shopping-cart__table thead tr th {
        padding: 10px 15px 10px 15px;
        color: #999999;
        font-size: 14px;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
        .shopping-cart__table thead tr th:first-child {
          padding-left: 0px; }
        .shopping-cart__table thead tr th:last-child {
          padding-right: 5px; }
      .shopping-cart__table tbody tr td {
        border-top: 1px solid #dedede;
        padding: 20px 15px; }
        .shopping-cart__table tbody tr td:first-child {
          padding-left: 0px; }
        .shopping-cart__table tbody tr td:last-child {
          padding-right: 5px; }
    
    /* Cart product */
    .shopping-cart__product {
      display: flex; }
    
    /* Cart product image */
    .cart-product__image {
      width: 70px;
      min-width: 70px; }
      .cart-product__image a {
        display: block;
        position: relative;
        padding-bottom: 139.948%; }
       
    
    /* Title and variant */
    .cart-product__title-and-variant {
      padding-left: 20px;
      padding-top: 6px;
      min-width: 140px; }
    
    .cart-product__title {
      font-size: 16px;
      line-height: 1.3;
      margin-bottom: 0;
      letter-spacing: 0px;
      color: #000;
      font-weight: 300; }
      .cart-product__title a {
        color: #000;
        letter-spacing: 0.5px; }
        .cart-product__title a:hover {
          color: #928656; }
    
    .cart-product__variant {
      font-size: 14px;
      color: #999999;
      padding: 6px 0px 0px 0px; }
    
    .cart-product__action {
      padding: 11px 0px 0px 0px; }
      .cart-product__action a {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-decoration: underline; }
    
    /* Quantity */
    .cart-product__quantity-field {
      max-width: 80px;
      min-width: 70px;
      position: relative; }
    
    .quantity-field__minus {
      position: absolute;
      left: 5px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%); }
      .quantity-field__minus a {
        display: block;
        padding: 5px; }
    
    .quantity-field__plus {
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%); }
      .quantity-field__plus a {
        display: block;
        padding: 5px; }
    
    .quantity-field__input {
      display: block;
      width: 100%;
      text-align: center;
      padding: 7px 15px;
      margin: 0px;
      border: 1px solid #d0d0d0;
      outline: none;
      height: 34px;
      font-size: 16px;
      line-height: 1.3;
      border-radius: 10px !important;
      color: #000; }
      .quantity-field__input:focus {
        border-color: #000; }
    
    /* Price */
    .cart-product__price {
      padding-top: 6px;
      font-size: 16px;
      line-height: 1.3;
      color: #000; }
    
    /* Delete */
    .cart-product__delete {
      padding-top: 1px; }
      .cart-product__delete a {
        font-size: 12px;
        color: #000;
        line-height: 1.3; }
    
    /* Discount form */
    .shopping-cart__discount {
      margin: 40px 0px 0px 0px;
      border: 1px solid #d0d0d0;
      padding: 24px 29px 29px 29px; }
      .shopping-cart__discount form {
        margin: 0px;
        padding: 0px;
        position: relative; }
    
    .discount__title {
      font-size: 20px;
      padding: 0px 0px 18px 0px;
      margin: 0px;
      letter-spacing: 0.5px; }
    
    .discount__icon {
      position: absolute;
      top: 50%;
      left: 15px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%); }
    
    .discount__input {
      display: block;
      width: 100%;
      background: none;
      border: 1px solid #d0d0d0;
      padding: 12px 100px 12px 50px;
      font-size: 14px;
      color: #000;
      outline: none; }
      .discount__input:focus {
        border-color: #000; }
      .discount__input::-webkit-input-placeholder {
        color: #999; }
      .discount__input::-moz-placeholder {
        color: #999; }
      .discount__input:-ms-input-placeholder {
        color: #999; }
      .discount__input:-moz-placeholder {
        color: #999; }
    
    .discount__submit {
      display: block;
      padding: 0px;
      margin: 0px;
      top: 50%;
      right: 15px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      background: none;
      border: none;
      position: absolute;
      font-size: 14px;
      color: #000;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      outline: none; }
    
    /* Order summary */
    
    /* Order summary background */
    .order-summary__background {
      padding: 20px 15px;
      background: #f0f1f4;
      margin-bottom: 35px;
      position: relative; }
  
    
    /* Order summary title */
    .order-summary__title {
      font-size: 20px;
      padding: 0px;
      margin: 0px;
      letter-spacing: 0.5px;
      margin-bottom: 25px;
        border-bottom: 1px solid #ddd;
        padding: 5px;
    
    
    
    }
    
    /* Order summary subtotal */
    .order-summary__subtotal {
      margin-top: 5px;
    
      display: flex; }
    
    .summary-subtotal__title {
      font-size: 16px; }
    
    .summary-subtotal__price {
      padding-left: 20px;
      margin-left: auto;
      font-size: 16px;
      color: #000; }
    
    /* Order summary delivery method */
    .order-summary__delivery-method {
      margin-top: 18px;
      position: relative; }
      .order-summary__delivery-method select {
        width: 100%;
        height: 50px;
        padding-left: 15px;
        padding-right: 45px;
        background-color: #fff;
        border: 1px solid #d0d0d0;
        font-size: 14px;
        color: #000;
        -webkit-appearance: none;
        -moz-appearance: none;
        display: block;
        outline: none; }
      .order-summary__delivery-method:after {
        content: "";
        display: inline-block;
        font: normal normal normal 1em/1 "LineIconsPro Light";
        speak: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        font-size: 14px;
        position: absolute;
        top: 50%;
        right: 15px;
        color: #000;
        transform: translateY(-50%) rotate(90deg);
        -webkit-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        pointer-events: none; }
    
    /* Order summary total */
    .order-summary__total {
      margin-top: 30px;
      border-top: 1px solid #d0d0d0;
      padding-top: 22px;
      display: flex; }
    
    .summary-total__title {
      font-size: 18px;
      color: #000;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
    
    .summary-total__price {
      padding-left: 20px;
      margin-left: auto;
      font-size: 20px;
      font-weight: 600;
      color: #000; }
    
    /* Proceed to checkout */
    .order-summary__proceed-to-checkout {
      padding-top: 17px; }
      .order-summary__proceed-to-checkout .second-button {
        display: block;
        width: 100%;
        text-align: center; }
    
    /* Accept payment methods */
    .order-summary__accept-payment-methods {
      border-top: 1px solid #d0d0d0;
      margin-top: 25px;
      padding-top: 22px; }
      .order-summary__accept-payment-methods img {
        max-width: 100%; }
    
    .accept-payment-methods__title {
      padding: 0px 0px 14px 0px;
      margin: 0px;
      font-size: 16px;
      color: #000;
      letter-spacing: 0.5px; }
    
    /* Order summary action */
    .order-summary__action {
      text-align: center; }
      .order-summary__action a {
        color: #000000;
        text-decoration: underline;
        letter-spacing: 0.5px;
        text-transform: uppercase; }
  
        /* ==========================================================================
     8.3 #BLOG WITH SIDEBAR PAGE
     ========================================================================== */
  .blog-with-sidebar {
    padding: 0px 0px 150px 0px; }
  
  /* Container override for blog with sidebar */
  .blog-with-sidebar .container .container {
    max-width: none;
    margin: 0;
    padding: 0;
  }
  
  .promo-article {
    position: relative; }
  
  .promo-article__image a {
    display: block; }
    .promo-article__image a img {
      display: block;
      width: 100%;
      height: 35vw;
      min-height: 400px;
      object-fit: cover; }
  
  .promo-article__details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 75px; }
  
  .promo-article__meta {
    list-style: none;
    padding: 0px 0px 20px 0px;
    margin: 0px; }
    .promo-article__meta li {
      display: inline-block;
      color: #fff;
      font-size: 14px; }
      .promo-article__meta li:first-child:before {
        display: none; }
      .promo-article__meta li:before {
        content: '/';
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px 0px 2px; }
      .promo-article__meta li a {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
  
  .promo-article__title {
    line-height: 46px;
    font-size: 36px;
    padding: 0px;
    margin: 0px; }
    .promo-article__title a {
      color: #fff; }
  
  /* Newsletter */
  .blog-newsletter {
    padding: 100px 0px 90px 0px; }
  
  .blog-newsletter__title {
    padding: 0px;
    margin: 0px;
    font-size: 36px; }
  
  .blog-newsletter__form {
    position: relative; }
  
  .blog-newsletter__input {
    display: block;
    width: 100%;
    padding: 5px 0px;
    background: none;
    border: none;
    border-bottom: 1px solid #c1c5cd;
    outline: none; }
  
  .blog-newsletter__submit {
    display: block;
    background: none;
    border: none;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #000; }
  
  /* Left column */
  .blog-with-sidebar__left {
    padding-top: 50px !important; }
    .blog-with-sidebar__left hr {
      margin-top: 55px;
      margin-bottom: 15px; }
  
  /* Article item */
  .blog-article-2 {
    padding-top: 55px; }
  
  .blog-article-2__image {
    padding-bottom: 10px; }
    .blog-article-2__image a {
      display: block; }
      .blog-article-2__image a img {
        display: block;
        width: 100%; }
  
  .blog-article-2__meta {
    list-style: none;
    padding: 15px 0px 0px 0px;
    margin: 0px; }
    .blog-article-2__meta li {
      display: inline-block;
      vertical-align: top;
      color: #999;
      font-size: 14px; }
      .blog-article-2__meta li:first-child:before {
        display: none; }
      .blog-article-2__meta li:before {
        content: '/';
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px 0px 2px; }
      .blog-article-2__meta li a {
        color: #000;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
  
  .blog-article-2__title {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    font-size: 24px;
    color: #000;
    line-height: 1.5; }
    .blog-article-2__title a {
      color: #000;
      letter-spacing: 0.5px; }
      .blog-article-2__title a:hover {
        color: #928656; }
  
  .blog-article-2__description {
    padding: 15px 0px 0px 0px;
    margin: 0px;
    font-size: 16px;
    line-height: 26px; }
  
  /* Blog articles type 2 */
  #main .blog__articles--type-2 {
    margin: 0px -35px; }
    #main .blog__articles--type-2 > div {
      padding: 0px 35px; }
    #main .blog__articles--type-2 .blog-article {
      margin-top: 55px;
      margin-bottom: 0px; }
  
  /* Blog article type 3 */
  .blog-article-3 {
    display: flex;
    padding-top: 55px; }
  
  .blog-article-3__image {
    width: 46.5%;
    min-width: 46.5%;
    margin-right: 50px; }
    .blog-article-3__image a {
      display: block; }
      .blog-article-3__image a img {
        display: block;
        width: 100%; }
  
  .blog-article-3__right {
    width: 100%; }
  
  .blog-article-3__meta {
    list-style: none;
    padding: 7px 0px 0px 0px;
    margin: 0px; }
    .blog-article-3__meta li {
      display: inline-block;
      vertical-align: top;
      color: #999;
      font-size: 14px; }
      .blog-article-3__meta li:first-child:before {
        display: none; }
      .blog-article-3__meta li:before {
        content: '/';
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px 0px 2px; }
      .blog-article-3__meta li a {
        color: #000;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
  
  .blog-article-3__title {
    padding: 5px 0px 10px 0px;
    margin: 0px;
    font-size: 24px;
    color: #000;
    line-height: 1.5; }
    .blog-article-3__title a {
      color: #000;
      letter-spacing: 0.5px; }
      .blog-article-3__title a:hover {
        color: #928656; }
  
  /* Pagination */
  .standard-pagination {
    list-style: none;
    padding: 0px;
    margin: 60px 0px 20px 0px;
    display: flex;
    flex-wrap: wrap; }
    .standard-pagination li {
      padding: 10px 10px 0px 0px; }
      .standard-pagination li a {
        font-size: 14px;
        padding: 8px 15px;
        display: block;
        border: 1px solid #dfdfdf;
        border-radius: 50px;
        text-transform: uppercase;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in; }
        .standard-pagination li a:hover, .standard-pagination li a.active {
          background: #93928c;
          border-color: #93928c;
          color: #fff; }
  
  /* Column right */
  .blog-with-sidebar__right {
    padding-left: 85px !important;
    padding-top: 38px !important; }
  
  /* Blog widget */
  .blog-widget {
    padding: 65px 0px 0px 0px; }
  
  .blog-widget__title {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0px 0px 20px 0px;
    margin: 0px; }
  
  /* Blog widget - search */
  .blog-widget .blog__search {
    margin: 0px;
    padding: 0px;
    width: 100%; }
    .blog-widget .blog__search .blog-search__input {
      padding-left: 0px;
      padding-right: 30px; }
    .blog-widget .blog__search .blog-search__button {
      left: auto;
      right: 0; }
  
  /* Blog widget - socials */
  .blog-widget__socials {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: -5px 0px 0px 0px; }
    .blog-widget__socials li {
      margin: 10px 10px 0px 0px;
      padding: 0px; }
      .blog-widget__socials li a {
        display: block;
        width: 40px;
        height: 40px;
        border: 1px solid #cdcdcd;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        line-height: 38px;
        text-align: center;
        font-size: 18px;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in; }
        .blog-widget__socials li a:hover {
          background: #928656;
          border-color: #928656;
          color: #fff; }
  
  /* Blog widget - popular posts */
  .blog-widget__popular-posts {
    list-style: none;
    padding: 0px;
    margin: 0px; }
    .blog-widget__popular-posts li {
      border-top: 1px solid #cccccc;
      padding: 20px 0px; }
      .blog-widget__popular-posts li:first-child {
        padding-top: 10px;
        border-top: none; }
      .blog-widget__popular-posts li:last-child {
        padding-bottom: 10px; }
      .blog-widget__popular-posts li:nth-child(2) a:before {
        content: '2'; }
      .blog-widget__popular-posts li:nth-child(3) a:before {
        content: '3'; }
      .blog-widget__popular-posts li:nth-child(4) a:before {
        content: '4'; }
      .blog-widget__popular-posts li:nth-child(5) a:before {
        content: '5'; }
      .blog-widget__popular-posts li:nth-child(6) a:before {
        content: '6'; }
      .blog-widget__popular-posts li a {
        display: block;
        position: relative; }
        .blog-widget__popular-posts li a:before {
          content: '1';
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          height: 40px;
          border-right: 1px solid #ccc;
          line-height: 40px;
          text-align: left;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -moz-transform: translateY(-50%);
          font-size: 30px;
          color: #ccc;
          width: 32px; }
        .blog-widget__popular-posts li a:hover .popular-post__title {
          color: #928656; }
  
  .popular-post__category {
    padding: 0px 0px 0px 54px;
    margin: 0px;
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px; }
  
  .popular-post__title {
    padding: 0px 0px 0px 54px;
    margin: 0px;
    font-size: 18px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in; }
  
  /* Blog widget - instagram */
  @media (min-width: 992px) {
    .blog-widget .instagram_feed {
      flex-wrap: wrap;
      padding-top: 20px; }
      .blog-widget .instagram_feed li {
        width: 33.333%;
        min-width: 33.333%;
        padding-top: 10px; }
        .blog-widget .instagram_feed li a i {
          font-size: 24px; } }
  
  
  /* ==========================================================================
     8.2 #BLOG PAGE
     ========================================================================== */
  .blog {
    padding: 0px 0px 160px 0px; }
  
  /* Container override for blog */
  .blog .container .container {
    max-width: none;
    margin: 0;
    padding: 0;
  }
  
  /* Title */
  .blog__title {
    padding: 90px 0px 30px 0px;
    max-width: 750px;
    margin: 0px auto;
    text-align: center;
    font-size: 48px; }
  
  /* Description */
  .blog__description {
    padding: 0px 0px 80px 0px;
    max-width: 750px;
    margin: 0px auto;
    text-align: center; }
  
  /* Featured articles */
  .blog__featured-articles {
    position: relative; }
    .blog__featured-articles .slick-dots {
      position: absolute;
      left: 50%;
      bottom: 65px;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      max-width: 1370px;
      padding: 0px 100px;
      width: 100%;
      display: block;
      margin: 0px auto;
      text-align: right;
      list-style: none; }
      .blog__featured-articles .slick-dots li {
        display: inline-block;
        vertical-align: top;
        margin-left: 8px; }
        .blog__featured-articles .slick-dots li.slick-active button {
          border-color: #fff; }
        .blog__featured-articles .slick-dots li button {
          font-size: 0px;
          width: 23px;
          height: 23px;
          background: none;
          border: 1px solid transparent;
          border-radius: 100px;
          -webkit-border-radius: 100px;
          -moz-border-radius: 100px;
          position: relative;
          outline: none; }
          .blog__featured-articles .slick-dots li button:before {
            content: '';
            display: block;
            width: 4px;
            height: 4px;
            background: #fff;
            border-radius: 100px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%); }
  
  .featured-article {
    position: relative;
    display: block !important; }
  
  .featured-article__image img {
    display: block;
    width: 100%;
    height: 670px;
    object-fit: cover; }
  
  .featured-article__details {
    position: absolute;
    left: 0;
    bottom: 60px;
    right: 0; }
  
  .featured-article__meta {
    max-width: 580px;
    list-style: none;
    padding: 0px 0px 20px 0px;
    margin: 0px; }
    .featured-article__meta li {
      display: inline-block;
      color: #fff;
      font-size: 14px; }
      .featured-article__meta li:first-child:before {
        display: none; }
      .featured-article__meta li:before {
        content: '/';
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px 0px 2px; }
      .featured-article__meta li a {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
  
  .featured-article__title {
    max-width: 580px;
    line-height: 46px;
    font-size: 36px;
    padding: 0px;
    margin: 0px; }
    .featured-article__title a {
      color: #fff; }
  
  /* Latest articles */
  .blog__latest-articles {
    padding: 100px 0px 0px 0px; }
    .blog__latest-articles .slick-prev {
      position: absolute;
      top: -36px;
      right: 53px;
      background: none;
      border: none;
      padding: 0px;
      margin: 0px;
      font-size: 0px;
      outline: none; }
      .blog__latest-articles .slick-prev:hover:before {
        color: #000; }
      .blog__latest-articles .slick-prev:before {
        content: "\ecc1";
        display: inline-block;
        font: normal normal normal 1em/1 'LineIconsPro Light';
        speak: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        color: #ccc;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in; }
    .blog__latest-articles .slick-next {
      position: absolute;
      top: -36px;
      right: 0px;
      background: none;
      border: none;
      padding: 0px;
      margin: 0px;
      font-size: 0px;
      outline: none; }
      .blog__latest-articles .slick-next:hover:before {
        color: #000; }
      .blog__latest-articles .slick-next:before {
        content: "\ecc3";
        display: inline-block;
        font: normal normal normal 1em/1 'LineIconsPro Light';
        speak: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        color: #ccc;
        transition: all 0.3s ease-in;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in; }
    .blog__latest-articles .slick-dots {
      display: none; }
    .blog__latest-articles .slick-list {
      margin: 0px -30px; }
      .blog__latest-articles .slick-list .slick-slide {
        padding: 0px 30px; }
    .blog__latest-articles .our-journal__post {
      margin-top: 55px; }
  
  .latest-articles__title {
    padding: 0px;
    margin: 0px; }
  
  .latest-articles {
    padding-bottom: 90px; }
  
  /* Categories and search */
  .blog__categories-and-search {
    padding-top: 90px;
    display: flex;
    padding-bottom: 60px; }
  
  .blog__categories {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
    flex-wrap: wrap; }
    .blog__categories li {
      padding-right: 35px; }
      .blog__categories li a {
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        white-space: nowrap; }
        .blog__categories li a.active {
          color: #928656; }
  
  .blog__search {
    margin-left: auto;
    width: 270px;
    position: relative;
    margin-top: -7px;
    margin-bottom: auto; }
  
  .blog-search__input {
    display: block;
    width: 100%;
    padding: 10px 0px 10px 30px;
    border: none;
    background: none;
    border-bottom: 1px solid #dbdbdb;
    font-size: 16px;
    color: #000;
    outline: none; }
    .blog-search__input::-webkit-input-placeholder {
      color: #999999; }
    .blog-search__input::-moz-placeholder {
      color: #999999; }
    .blog-search__input:-ms-input-placeholder {
      color: #999999; }
    .blog-search__input:-moz-placeholder {
      color: #999999; }
  
  .blog-search__button {
    display: block;
    background: none;
    border: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%); }
  
  /* Blog articles */
  .blog__articles {
    margin: 0px -24px; }
    .blog__articles > div {
      padding: 0px 24px; }
  
  /* Blog article */
  .blog-article {
    margin-bottom: 55px; }
  
  .blog-article__image {
    margin: 0px 0px 10px 0px; }
    .blog-article__image a {
      display: block; }
      .blog-article__image a img {
        display: block;
        width: 100%; }
  
  .blog-article__meta {
    list-style: none;
    padding: 15px 0px 0px 0px;
    margin: 0px; }
    .blog-article__meta li {
      display: inline-block;
      vertical-align: top;
      color: #999;
      font-size: 14px; }
      .blog-article__meta li:first-child:before {
        display: none; }
      .blog-article__meta li:before {
        content: '/';
        display: inline-block;
        vertical-align: top;
        padding: 0px 6px 0px 2px; }
      .blog-article__meta li a {
        color: #000;
        text-transform: uppercase;
        letter-spacing: 0.5px; }
  
  .blog-article__title {
    padding: 5px 0px 0px 0px;
    margin: 0px;
    font-size: 24px;
    color: #000;
    line-height: 1.5; }
    .blog-article__title a {
      color: #000;
      letter-spacing: 0.5px; }
      .blog-article__title a:hover {
        color: #928656; }
  
  /* Load more */
  .blog__load-more {
    padding-top: 80px;
    text-align: center; }
    .blog__load-more .sixth-button {
      padding: 12px 65px; }

          /* Cookie Banner - Minimal Design with White Tones */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fafafa;
    border-top: 1px solid #f0f0f0;
    z-index: 9999;
    font-size: 14px;
    line-height: 1.5;
}

.cookie-banner__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 20px;
}

.cookie-banner__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.cookie-banner__body {
    flex: 1;
}

.cookie-banner__title {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    margin: 0 0 4px 0;
}

.cookie-banner__description {
    color: #9ca3af;
    margin: 0;
}

.cookie-banner__policy-link {
    margin-top: 8px;
}

.cookie-banner__policy-link a {
    color: #3b82f6;
    text-decoration: none;
    font-size: 13px;
}

.cookie-banner__policy-link a:hover {
    text-decoration: underline;
}

.cookie-banner__actions {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-shrink: 0;
}

.cookie-banner__btn {
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.2s;
}

.cookie-banner__btn--primary {
    background: #3b82f6;
    color: #ffffff;
}

.cookie-banner__btn--primary:hover {
    background: #2563eb;
}

.cookie-banner__btn--secondary {
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.cookie-banner__btn--secondary:hover {
    background: #f1f5f9;
}

.cookie-banner__btn--outline {
    background: #ffffff;
    color: #64748b;
    border: 1px solid #cbd5e1;
}

.cookie-banner__btn--outline:hover {
    background: #f8fafc;
    border-color: #94a3b8;
}

/* Cookie Settings Modal - Minimal */
.cookie-settings-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.cookie-settings-modal--visible {
    display: flex;
}

.cookie-settings-modal__content {
    background: #fefefe;
    border-radius: 8px;
    max-width: 500px;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border: 1px solid #f1f5f9;
}

.cookie-settings-modal__header {
    padding: 20px 24px 16px;
    border-bottom: 1px solid #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cookie-settings-modal__title {
    font-size: 18px;
    font-weight: 600;
    color: #374151;
    margin: 0;
}

.cookie-settings-modal__close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    font-size: 18px;
}

.cookie-settings-modal__close:hover {
    background: #f8fafc;
}

.cookie-settings-modal__body {
    padding: 20px 24px;
}

.cookie-settings-modal__body .cookie-banner__description {
    margin-bottom: 20px;
}

.cookie-category {
    border: 1px solid #f1f5f9;
    border-radius: 6px;
    padding: 16px;
    margin-bottom: 12px;
    background: #ffffff;
}

.cookie-category__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.cookie-category__name {
    font-weight: 600;
    color: #374151;
    margin: 0;
    font-size: 14px;
}

.cookie-category__toggle {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

.cookie-category__toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.cookie-category__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #d1d5db;
    transition: 0.2s;
    border-radius: 20px;
}

.cookie-category__slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background: #ffffff;
    transition: 0.2s;
    border-radius: 50%;
}

.cookie-category__toggle input:checked + .cookie-category__slider {
    background: #3b82f6;
}

.cookie-category__toggle input:checked + .cookie-category__slider:before {
    transform: translateX(20px);
}

.cookie-category__description {
    color: #9ca3af;
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}

.cookie-category__required {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    margin-left: 8px;
}

.cookie-category__required--required {
    background: #f0fdf4;
    color: #166534;
    border: 1px solid #bbf7d0;
}

.cookie-category__required--optional {
    background: #f0f9ff;
    color: #1e40af;
    border: 1px solid #bae6fd;
}

.cookie-settings-modal__footer {
    padding: 16px 24px 20px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

/* Responsive Design */

.account-page * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .account-page {
    background-color: #f8f9fa;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    padding: 20px;
  }
  
  .account-page .account-container {
    max-width: 1320px;
    width: 100%;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 20px;
    margin-top: 50px;
  }
  
  /* Sol menü stilleri - style2.css ile uyumlu */
  .account-page .sidebar {
    background: #ffffff;
    border-radius: 12px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #e9ecef;
    height: fit-content;
    position: sticky;
    top: 20px;
    max-height: calc(100vh - 40px);
    overflow: hidden;
  }
  
  .account-page .sidebar h1 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f1f3f4;
    text-align: center;
  }
  
  .account-page .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  
  .account-page .sidebar ul::-webkit-scrollbar {
    display: none;
  }
  
  .account-page .sidebar li {
    margin-bottom: 2px;
    border-radius: 8px;
    transition: all 0.2s ease;
    overflow: hidden;
  }
  
  .account-page .sidebar li:hover {
    background: #f8f9fa;
    transform: translateX(2px);
  }
  
  .account-page .sidebar li.active {
    background: #3498db;
    box-shadow: 0 2px 6px rgba(52, 152, 219, 0.2);
  }
  
  .account-page .sidebar li a {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    text-decoration: none;
    color: #6c757d;
    font-weight: 500;
    font-size: 0.85rem;
    transition: all 0.2s ease;
    position: relative;
  }
  
  .account-page .sidebar li.active a {
    color: #ffffff;
  }
  
  .account-page .sidebar li:hover a {
    color: #3498db;
  }
  
  .account-page .sidebar li.active:hover a {
    color: #ffffff;
  }
  
  .account-page .sidebar li img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    filter: grayscale(100%);
    transition: all 0.2s ease;
  }
  
  .account-page .sidebar li.active img {
    filter: brightness(0) invert(1);
  }
  
  .account-page .sidebar li:hover img {
    filter: grayscale(0%);
  }
  
  .account-page .sidebar li.active:hover img {
    filter: brightness(0) invert(1);
  }
  
  .account-page .sidebar li:last-child {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f1f3f4;
  }
  
  .account-page .sidebar li:last-child a {
    color: #e74c3c;
  }
  
  .account-page .sidebar li:last-child:hover {
    background: #fdf2f2;
  }
  
  .account-page .sidebar li:last-child:hover a {
    color: #c0392b;
  }
  
  .account-page .sidebar li:last-child img {
    filter: grayscale(0%);
  }
  
  .account-page .content-section {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  }
  
  .account-page h1, .account-page h2 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #1a1a1a;
    position: relative;
  }
  
  .account-page h2::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50px;
    height: 2px;
    background: #1a1a1a;
  }
  
  .account-page .content {
    display: none;
  }
  
  .account-page .content.active {
    display: block;
  }
  
  .account-page .overview-section .user-info {
    background: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
  }
  
  .account-page .overview-section .user-info p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
  }
  
  .account-page .overview-section .user-info p.email {
    font-size: 14px;
    color: #666;
  }
  
  .account-page .overview-section .overview-cards {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
  }
  
  .account-page .overview-section .overview-card {
    flex: 1;
    background: #e9ecef;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  }
  
  .account-page .overview-section .overview-card h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  
  .account-page .overview-section .overview-card p {
    font-size: 24px;
    font-weight: 300;
    color: #2d2d2d;
    margin: 0;
  }
  
  .account-page .overview-section .notification {
    background: #fff3cd;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #856404;
  }
  
  .account-page .overview-section .recent-order {
    background: #e9ecef;
    border-radius: 8px;
    padding: 15px;
  }
  
  .account-page .overview-section .recent-order p {
    margin: 0;
    font-size: 14px;
  }
  
  .account-page .form-group {
    margin-bottom: 20px;
  }
  
  .account-page label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
  }
  
  .account-page input, .account-page select, .account-page textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s;
  }
  
  .account-page input:focus, .account-page select:focus, .account-page textarea:focus {
    outline: none;
    border-color: #2d2d2d;
  }
  
  .account-page .error-message {
    color: #e74c3c;
    font-size: 12px;
    margin-top: 5px;
    padding: 5px;
    background: #ffe6e6;
    border-radius: 5px;
    display: none;
  }
  
  .account-page .save-btn {
    width: 100%;
    padding: 12px;
    background: #2d2d2d;
    border: none;
    border-radius: 8px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
  }
  
  .account-page .save-btn:hover {
    background: #555;
  }
  
  .account-page .orders-filter {
    margin-bottom: 20px;
  }
  
  .account-page .orders-filter select {
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
  }
  
  .account-page .orders-table {
    width: 100%;
    border-collapse: collapse;
  }
  
  .account-page .orders-table th, .account-page .orders-table td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
  }
  
  .account-page .orders-table th {
    background: #e9ecef;
    font-weight: 600;
  }
  
  .account-page .orders-table td {
    background: #fafafa;
  }
  
  .account-page .orders-table .view-details {
    padding: 8px 12px;
    background: #2d2d2d;
    color: #ffffff !important;
    border-radius: 8px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
  }
  
  .account-page .orders-table .view-details:hover {
    background: #555;
  }
  
  .account-page .order-details-section .order-summary {
    background: #e9ecef;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
  }
  
  .account-page .order-details-section .order-summary p {
    margin: 5px 0;
    font-size: 14px;
  }
  
  .account-page .order-details-section .order-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
  }
  
  .account-page .order-details-section .order-item img {
    width: 60px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
  }
  
  .account-page .order-details-section .order-item-details {
    flex-grow: 1;
    font-size: 14px;
    color: #333;
  }
  
  .account-page .order-details-section .order-item-details p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
  }
  
  .account-page .order-details-section .order-item-details p.small {
    font-size: 14px;
    color: #666;
  }
  
  .account-page .order-details-section .order-item-price {
    font-weight: 600;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  
  .account-page .order-details-section .order-item-price .old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 14px;
  }
  
  .account-page .order-details-section .order-item-price .new-price {
    color: #e74c3c;
  }
  
  .account-page .order-details-section .delivery-info, .account-page .order-details-section .payment-info {
    margin-top: 20px;
    padding: 15px;
    background: #e9ecef;
    border-radius: 8px;
  }
  
  .account-page .order-details-section .delivery-info p, .account-page .order-details-section .payment-info p {
    margin: 5px 0;
    font-size: 14px;
  }
  
  .account-page .order-details-section .summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin: 8px 0;
    font-weight: 500;
  }
  
  .account-page .order-details-section .summary-row.discount {
    color: #e74c3c;
  }
  
  .account-page .order-details-section .summary-row.total {
    font-weight: 300;
    font-size: 18px;
    margin-top: 15px;
  }
  
  .account-page .address-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
  
  .account-page .add-address-btn {
    padding: 8px 12px;
    background: #2d2d2d;
    color: #ffffff !important;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 0.3s;
  }
  
  .account-page .add-address-btn img {
    width: 16px;
    height: 16px;
  }
  
  .account-page .add-address-btn:hover {
    background: #555;
  }
  
  .account-page .address-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }
  
  .account-page .address-item {
    flex: 1 1 calc(50% - 15px);
    padding: 15px;
    font-size: 14px;
    transition: all 0.3s;
  }
  
  .account-page .address-item.default {
    border-color: #2d2d2d;
    background: #f0f0f0;
    font-weight: 500;
  }
  
  
  
  .account-page .address-item .title {
    font-weight: 600;
    color: #2d2d2d;
    margin-bottom: 5px;
  }
  
  .account-page .address-item .actions {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  
  .account-page .address-item .actions button {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
  }
  
  .account-page .address-item .actions .edit-btn {
    background: #2d2d2d;
    color: #ffffff !important;
  }
  
  .account-page .address-item .actions .delete-btn {
    background: #e74c3c;
    color: #ffffff !important;
  }
  
  .account-page .address-item .actions .default-btn {
    background: #dc3545;
    color: #ffffff !important;
  }
  
  .account-page .modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    width: 90%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 8px;
    z-index: 9999;
  }
  
  .account-page .modal-header {
    border-bottom: 1px solid #ddd;
  }
  
  
  /* Modal arka plan katmanı */
  .account-page .modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px; /* mobilde taşmayı engeller */
    overflow-y: auto;
  }
  
  /* Genel form elemanları */
  .account-page .modal-body form {
    width: 100%;
  }
  
  .account-page .modal-body .form-group {
    margin-bottom: 5px;
  }
  
  .account-page .modal-body label {
    display: block;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 6px;
    color: #333;
  }
  
  .account-page .modal-body input[type="text"],
  .account-page .modal-body input[type="email"],
  .account-page .modal-body input[type="number"],
  .account-page .modal-body input[type="tel"],
  .account-page .modal-body select,
  .account-page .modal-body textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    transition: border-color 0.3s ease;
  }
  
  .account-page .modal-body input:focus,
  .account-page .modal-body select:focus,
  .account-page .modal-body textarea:focus {
    border-color: #007bff;
    outline: none;
  }
  
  /* Radio butonlar */
  .account-page .modal-body .customRadio {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  
  .account-page .modal-body .customRadio input[type="radio"] {
    margin-right: 5px;
  }
  
  /* Hata mesajları */
  .account-page .modal-body .invalid-feedback,
  .account-page .modal-body .text-danger {
    font-size: 13px;
    color: #dc3545;
    margin-top: 5px;
  }
  
  /* Responsive grid uyumu */
  .account-page .modal-body .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  
  .account-page .modal-body .col-12,
  .account-page .modal-body .col-sm-12,
  .account-page .modal-body .col-md-6,
  .account-page .modal-body .col-lg-6,
  .account-page .modal-body .col-xl-12 {
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%;
  }
  
  @media (min-width: 576px) {
    .account-page .modal-body .col-md-6,
    .account-page .modal-body .col-lg-6 {
      width: 50%;
    }
  }
  
  /* Telefon alanı için özel input-group düzeni */
  .account-page .modal-body .input-group {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  
  .account-page .modal-body .input-group .form-select {
    flex: 0 0 30%;
    min-width: 80px;
  }
  
  .account-page .modal-body .input-group input {
    flex: 1;
  }
  
  .account-page .modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
  }
  
  .account-page .modal-body {
    padding: 20px;
  }
  
  
  /* Modal Footer Düzeni */
  .account-page .modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 30px;
    flex-wrap: wrap;
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
  }
  
  /* Ortak Buton Temeli */
  .account-page .modal-footer .btn {
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 6px;
    min-width: 120px;
    transition: background-color 0.25s ease, color 0.25s ease;
  }
  
  /* Vazgeç Butonu (İkincil) */
  .account-page .modal-footer .btn-secondary {
    background-color: #e0e0e0;
    color: #333;
    border: none;
  }
  
  .account-page .modal-footer .btn-secondary:hover {
    background-color: #cfcfcf;
    color: #000;
  }
  
  /* Kaydet Butonu (Birincil) */
  .account-page .modal-footer .btn-primary {
    background-color: #007bff;
    border: none;
    color: #fff;
  }
  
  .account-page .modal-footer .btn-primary:hover {
    background-color: #0056b3;
    color: #fff;
  }
  
  /* Mobil Görünüm */
  
  
  .account-page .modal-footer {
    border-top: 1px solid #ddd;
    padding-top: 15px;
  }
  
  .account-page .modal-footer .btn-secondary {
    background: #e9ecef;
    color: #333;
    border: none;
  }
  
  .account-page .modal-footer .btn-primary {
    background: #2d2d2d;
    color: #ffffff !important;
    border: none;
  }
  
  .account-page .logout-btn {
    width: 100%;
    padding: 12px;
    background: #e74c3c;
    border: none;
    border-radius: 8px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
  }
  
  .account-page .logout-btn:hover {
    background: #c0392b;
  }
  

/* Sepet çıkarma butonu stilleri */
.js-cart-item-remove {
  background: #6b7280 !important;
  color: white !important;
  border: none !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 1 !important;
}

.js-cart-item-remove:hover {
  background: #4b5563 !important;
  transform: scale(1.05) !important;
}

.js-cart-item-remove i {
  font-size: 8px !important;
  line-height: 1 !important;
}

/* ===== PRODUCT THUMBNAIL GALLERY STYLES ===== */
/* Kategori sayfası ürün kartlarında thumbnail galeri stilleri */
.product-image-container {
    position: relative !important;
}

.product-thumbnail-gallery {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    display: flex;
    gap: 6px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0;
    background: transparent;
    pointer-events: none;
}

.product-card-wrapper:hover .product-thumbnail-gallery,
.product-image-container:hover .product-thumbnail-gallery {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.product-thumbnail-item {
    width: 35px;
    height: 35px;
    min-height: 35px;
    max-height: 35px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: transparent;
    position: relative;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px !important;
    display: block;
}

.product-thumbnail-item:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 8px 25px rgba(220, 38, 38, 0.25);
}

.product-thumbnail-item.active {

    box-shadow: 0 4px 15px rgba(220, 38, 38, 0.3);
    transform: translateY(-1px);
}

.product-thumbnail-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px !important;
}

/* Mobile responsive */


/* PHPFlasher Styles - Modern Tasarım */
.fl-main-container {
    position: fixed;
    top: 24px;
    right: 24px;
    z-index: 9999;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    max-width: 420px;
    width: 100%;
}

.fl-flasher {
    margin-bottom: 0;
    pointer-events: auto;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
    border-left: 4px solid #dc3545;
    min-width: 320px;
    max-width: 420px;
    width: 100%;
    opacity: 0;
    transform: translateX(120%) scale(0.95);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
}

.fl-flasher::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.fl-flasher.fl-show {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.fl-flasher.fl-show::before {
    opacity: 1;
}

.fl-flasher.fl-success {
    border-left-color: #10b981;
    background: #ffffff;
}

.fl-flasher.fl-error {
    border-left-color: #ef4444;
    background: #ffffff;
}

.fl-flasher.fl-warning {
    border-left-color: #f59e0b;
    background: #ffffff;
}

.fl-flasher.fl-info {
    border-left-color: #3b82f6;
    background: #ffffff;
}

.fl-content {
    display: flex;
    align-items: flex-start;
    padding: 18px 20px;
    gap: 14px;
    position: relative;
    z-index: 1;
}

.fl-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
}

.fl-flasher.fl-success .fl-icon {
    background-color: #10b981;
}

.fl-flasher.fl-error .fl-icon {
    background-color: #ef4444;
}

.fl-flasher.fl-warning .fl-icon {
    background-color: #f59e0b;
}

.fl-flasher.fl-info .fl-icon {
    background-color: #3b82f6;
}

.fl-title {
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: #111827;
    margin-bottom: 6px;
    line-height: 1.4;
}

.fl-message {
    display: block;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
}

.fl-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

.fl-progress {
    height: 100%;
    background-color: #10b981;
    transition: width 0.1s linear;
    border-radius: 0 0 12px 12px;
}

.fl-flasher.fl-success .fl-progress {
    background-color: #10b981;
}

.fl-flasher.fl-error .fl-progress {
    background-color: #ef4444;
}

.fl-flasher.fl-warning .fl-progress {
    background-color: #f59e0b;
}

.fl-flasher.fl-info .fl-progress {
    background-color: #3b82f6;
}

/* Responsive - Mobil Optimizasyonu */
@media (max-width: 768px) {
    .fl-main-container {
        top: 16px;
        right: 16px;
        left: 16px;
        max-width: none;
        width: auto;
        align-items: stretch;
    }
    
    .fl-flasher {
        min-width: auto;
        max-width: none;
        width: 100%;
        border-radius: 10px;
        transform: translateY(-20px) scale(0.95);
    }
    
    .fl-flasher.fl-show {
        transform: translateY(0) scale(1);
    }
    
    .fl-content {
        padding: 16px 18px;
        gap: 12px;
    }
    
    .fl-icon {
        width: 22px;
        height: 22px;
        font-size: 11px;
    }
    
    .fl-title {
        font-size: 14px;
        margin-bottom: 5px;
    }
    
    .fl-message {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .fl-main-container {
        top: 12px;
        right: 12px;
        left: 12px;
    }
    
    .fl-flasher {
        border-radius: 8px;
    }
    
    .fl-content {
        padding: 14px 16px;
        gap: 10px;
    }
    
    .fl-icon {
        width: 20px;
        height: 20px;
    }
    
    .fl-title {
        font-size: 13px;
    }
    
    .fl-message {
        font-size: 12px;
    }
}

/* Modal Gallery System - Gelişmiş Modern Tasarım */
.uomo-simple-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.uomo-modal-overlay {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.uomo-modal-content {
    position: relative;
    width: 100%;
    max-width: 1720px;
    height: 100%;
    max-height: 95vh;
    display: flex;
    flex-direction: column;
    animation: modalSlideUp 0.4s ease;
}

@keyframes modalSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Üst Bar */
.uomo-modal-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border-radius: 12px 12px 0 0;
    z-index: 10;
}

.uomo-modal-counter {
    font-weight: 600;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0.5px;
}

.uomo-modal-actions {
    display: flex;
    gap: 10px;
    align-items: center;
}

.uomo-modal-actions button {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 16px;
}

.uomo-modal-actions button:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.15);
}

.uomo-modal-close:hover {
    background: rgba(220, 38, 38, 0.9);
    border-color: rgba(220, 38, 38, 1);
}

/* Ana Resim Container */
.uomo-modal-image-container {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    margin: 0;
}

.uomo-modal-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    cursor: zoom-in;
    transition: transform 0.3s ease;
    user-select: none;
}

.uomo-modal-image[style*="scale(2)"] {
    cursor: zoom-out;
}

/* Video Container */
.uomo-modal-video-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background: #000;
}

.uomo-modal-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Zoom Hint */
.uomo-modal-zoom-hint {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 5;
}

.uomo-modal-zoom-hint i {
    font-size: 16px;
}

/* Navigasyon Okları */
.uomo-modal-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 20px;
    z-index: 10;
}

.uomo-modal-nav-btn:hover {
    background: rgba(0, 88, 80, 0.9);
    border-color: rgba(0, 88, 80, 1);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 20px rgba(0, 88, 80, 0.4);
}

.uomo-modal-prev {
    left: 20px;
}

.uomo-modal-next {
    right: 20px;
}

/* Thumbnail Bar */
.uomo-modal-thumbnails-container {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    padding: 15px;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
}

.uomo-modal-thumbnails {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 5px 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

.uomo-modal-thumbnails::-webkit-scrollbar {
    height: 6px;
}

.uomo-modal-thumbnails::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.uomo-modal-thumbnails::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

.uomo-modal-thumbnails::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

.uomo-modal-thumbnail {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

.uomo-modal-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.uomo-modal-thumbnail:hover img {
    transform: scale(1.1);
}

.uomo-modal-thumbnail.active {
    border-color: #c32929;
    box-shadow: 0 0 0 2px rgba(0, 88, 80, 0.3);
}

.uomo-modal-thumbnail::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.uomo-modal-thumbnail.active::after {
    opacity: 0;
}

.uomo-modal-thumbnail:not(.active)::after {
    opacity: 0.5;
}

.uomo-modal-thumbnail:hover::after {
    opacity: 0;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    .uomo-modal-topbar {
        padding: 10px;
    }
    
    .uomo-modal-counter {
        font-size: 14px;
    }
    
    .uomo-modal-actions button {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    .uomo-modal-nav-btn {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .uomo-modal-prev {
        left: 10px;
    }
    
    .uomo-modal-next {
        right: 10px;
    }
    
    .uomo-modal-thumbnail {
        width: 60px;
        height: 60px;
    }
    
    .uomo-modal-zoom-hint {
        font-size: 12px;
        padding: 8px 16px;
    }
    
    .uomo-modal-thumbnails-container {
        padding: 10px;
    }
}

/* Tam ekran modu için ayarlamalar */
.uomo-simple-gallery-modal:-webkit-full-screen {
    background: #000;
}

.uomo-simple-gallery-modal:-moz-full-screen {
    background: #000;
}

.uomo-simple-gallery-modal:fullscreen {
    background: #000;
}

/* Thumbnail Görünürlük Override - Güçlü */
.uomo-unique-gallery-container .uomo-thumbs-swiper,
.uomo-unique-gallery-container .uomo-thumbs-swiper .swiper-wrapper,
.uomo-unique-gallery-container .uomo-thumbs-swiper .swiper-slide,
.product-page-thumbnail-swiper,
.product-page-thumbnail-swiper .swiper-wrapper,
.product-page-thumbnail-swiper .swiper-slide,
.product-page-gallery-thumbs,
.product-page-gallery-thumb {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.uomo-unique-gallery-container .uomo-thumbs-swiper .swiper-wrapper {
    display: flex !important;
}

.product-page-gallery-thumbs {
    display: flex !important;
}

/* ===== CROSS-BROWSER BOX-SIZING FIX ===== */
/* Safari ve Firefox uyumluluğu için universal box-sizing */
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Cross-browser width calculation fix */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Safari ve Firefox için width hesaplama düzeltmesi */
.container, .container-fluid, .minimal-container, .awp-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;

}

/* ===== BOOTSTRAP CONTAINER CONFLICT FIX ===== */
/* Bootstrap'in container stillerinin temamızı bozmasını engelle */

/* Tema container stillerini koru - Bootstrap override'larını engelle */
.awp-container,
.minimal-container,
.bank-accounts-container,
.modern-product-container,
.product-gallery-container,
.uomo-unique-gallery-container {
    max-width: inherit !important;
    margin: inherit !important;
    padding: inherit !important;
    width: inherit !important;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

/* Bootstrap container sınıflarını tema container'larından izole et */
.awp-container .container,
.minimal-container .container,
.bank-accounts-container .container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Bootstrap grid sistemini tema container'larından izole et */
.awp-container .row,
.minimal-container .row,
.bank-accounts-container .row {
    margin: 0 !important;
    padding: 0 !important;
}

.awp-container .col,
.minimal-container .col,
.bank-accounts-container .col {
    padding: 0 !important;
}

/* Bootstrap utility sınıflarını tema container'larından izole et */
.awp-container .d-flex,
.minimal-container .d-flex,
.bank-accounts-container .d-flex {
    display: flex !important;
}

.awp-container .justify-content-center,
.minimal-container .justify-content-center,
.bank-accounts-container .justify-content-center {
    justify-content: center !important;
}

/* Bootstrap icon'ları için özel koruma */
.bi {
    font-family: "bootstrap-icons" !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Bootstrap icon'larının tema container'larını etkilememesini sağla */
.bi::before {
    display: inline-block !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
}

 

/* ===== PRODUCT GALLERY TOOLTIP STYLES ===== */
.uomo-color-tooltip,
.product-page-color-tooltip {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.uomo-gallery-image-container:hover .uomo-color-tooltip,
.product-page-gallery-main:hover .product-page-color-tooltip {
    opacity: 1;
}

/* Thumbnail tooltip styles */
.thumbnail-slide:hover .uomo-color-tooltip,
.product-page-gallery-thumb:hover .product-page-color-tooltip {
    opacity: 1;
}

/* Tooltip arrow */
.uomo-color-tooltip::after,
.product-page-color-tooltip::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.8);
}

/* Checkout Login Options Styles */
.checkout-login-options {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.checkout-login-header h3 {
    color: #333;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.checkout-login-header p {
    color: #666;
    margin-bottom: 1.5rem;
}

.checkout-login-buttons {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.checkout-login-btn,
.checkout-guest-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    min-height: 44px;
}

.checkout-login-btn {
    background: #c32929;
    color: white;
    box-shadow: 0 2px 4px rgba(102, 126, 234, 0.3);
}

.checkout-login-btn:hover {
    background: #5a67d8;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(102, 126, 234, 0.4);
    color: white;
    text-decoration: none;
}

.checkout-guest-btn {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

.checkout-guest-btn:hover {
    background: #e5e7eb;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Guest Checkout Form Styles */
.guest-checkout-form {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.guest-form-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.guest-form-title {
    color: #333;
    margin: 0;
    font-weight: 600;
}

.guest-form-close {
    background: none;
    border: none;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.guest-form-close:hover {
    background: #f3f4f6;
    color: #374151;
}

.guest-form-note {
    background: #e3f2fd;
    border: 1px solid #bbdefb;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.guest-form-note p {
    margin: 0;
    color: #1565c0;
    font-size: 0.9rem;
}

.guest-form-section {
    margin-bottom: 2rem;
}

.guest-form-section h4 {
    color: #333;
    margin-bottom: 1rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e9ecef;
}

.guest-form-section .form-group {
    margin-bottom: 1rem;
}

.guest-form-section .form-label {
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}

.guest-form-section .form-control {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 0.75rem;
    font-size: 0.9rem;
    transition: border-color 0.2s ease;
}

.guest-form-section .form-control:focus {
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    outline: none;
}

.guest-form-section .form-check {
    margin-bottom: 1rem;
}

.guest-form-section .form-check-input {
    margin-right: 0.5rem;
}

.guest-form-section .form-check-label {
    font-size: 0.9rem;
    color: #374151;
}

.guest-form-section .form-check-label a {
    color: #c32929;
    text-decoration: none;
}

.guest-form-section .form-check-label a:hover {
    text-decoration: underline;
}

/* Responsive adjustments */

/* ===========================================
   MODERN TAKIM İÇERİĞİ CARD LAYOUT
   =========================================== */

/* Team Content Header */
.team-content-header {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1.5rem 0;
}

.team-content-header h3 {
    font-size: 1.75rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.75rem;
    font-family: 'Nunito', sans-serif;
}

.team-content-header p {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

/* Team Products Grid */
.team-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

/* Team Product Card */
.team-product-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.5rem;
    transition: border-color 0.2s ease;
}

.team-product-card:focus-within {
    border-color: #3b82f6;
}

/* Team Product Header */
.team-product-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    gap: 1rem;
}

.team-product-info {
    flex: 1;
}

.team-product-name {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    line-height: 1.4;
    font-family: 'Nunito', sans-serif;
}

.team-product-include {
    flex-shrink: 0;
}

/* Custom Checkbox */
.team-include-checkbox {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.team-include-checkbox input[type="checkbox"] {
    display: none;
}

.checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #d1d5db;
    border-radius: 4px;
    background: #ffffff;
    position: relative;
    transition: all 0.2s ease;
}

.team-include-checkbox input[type="checkbox"]:checked + .checkmark {
    background: #3b82f6;
    border-color: #3b82f6;
}

.team-include-checkbox input[type="checkbox"]:checked + .checkmark::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.include-label {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

/* Team Product Prices */
.team-product-prices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.team-price-item {
    text-align: center;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 8px;
}

.team-price-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.team-price-value {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: #059669;
    font-family: 'Nunito', sans-serif;
}

/* Team Product Controls */
.team-product-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: center;
}

.team-quantity-control {
    text-align: center;
}

.team-quantity-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}

.team-qty-selector {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    max-width: 120px;
    margin: 0 auto;
}

.team-qty-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    transition: all 0.2s ease;
}

.team-qty-btn:active {
    background: #f3f4f6;
    border-color: #9ca3af;
}

.team-qty-input {
    width: 50px;
    height: 32px;
    text-align: center;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    background: #ffffff;
}

.team-qty-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

.team-total-price {
    text-align: center;
}

.team-total-label {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}

.team-total-value {
    display: block;
    font-size: 1.125rem;
    font-weight: 700;
    color: #059669;
    font-family: 'Nunito', sans-serif;
}

/* Team Summary */
.team-summary {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.team-summary-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.team-summary-info h4 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0 0 0.25rem 0;
    font-family: 'Nunito', sans-serif;
}

.team-summary-info p {
    font-size: 0.875rem;
    color: #6b7280;
    margin: 0;
}

.team-summary-price {
    font-size: 1.5rem;
    font-weight: 700;
    color: #059669;
    font-family: 'Nunito', sans-serif;
}

/* Team Actions */
.team-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: 1.5rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}

.team-actions .team-quantity-selector {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 0.75rem 1rem !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    min-width: 200px !important;
}

.team-actions .team-quantity-selector .team-quantity-label {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #374151 !important;
    white-space: nowrap !important;
    font-family: 'Nunito', sans-serif !important;
    margin: 0 !important;
}

.team-actions .team-quantity-selector .team-qty-selector {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 0.25rem !important;
    min-width: 120px !important;
}

.team-actions .team-quantity-selector .team-qty-btn {
    width: 32px !important;
    height: 32px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.team-actions .team-quantity-selector .team-qty-btn:hover {
    background: #f3f4f6 !important;
    border-color: #9ca3af !important;
}

.team-actions .team-quantity-selector .team-qty-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.95) !important;
}

.team-actions .team-quantity-selector .team-qty-input {
    width: 50px !important;
    height: 32px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    color: #374151 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.team-actions .team-quantity-selector .team-qty-input:focus {
    outline: none !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.team-action-buttons {
    display: flex;
    gap: 1rem;
}

.team-btn {
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Nunito', sans-serif;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease;
    text-decoration: none;
    min-width: 140px;
}

.team-btn-primary {
    background: #3b82f6;
    color: #ffffff;
}

.team-btn-primary:active {
    background: #2563eb;
}

.team-btn-secondary {
    background: #6b7280;
    color: #ffffff;
}

.team-btn-secondary:active {
    background: #4b5563;
}

/* ===========================================
   RESPONSIVE DESIGN
   =========================================== */



/* ===========================================
   TAKIM ADEDİ SEÇİCİ ÖZEL OVERRIDE
   =========================================== */

/* Takım adedi seçici için özel stiller */
.team-content-section .team-actions .team-quantity-selector {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 0.75rem 1rem !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    min-width: 200px !important;
    box-sizing: border-box !important;
}

.team-content-section .team-actions .team-quantity-selector .team-quantity-label {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #374151 !important;
    white-space: nowrap !important;
    font-family: 'Nunito', sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-selector {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    background: #f8f9fa !important;
    border: 3px solid #dee2e6 !important;
    border-radius: 25px !important;
    padding: 4px !important;
    min-width: 160px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    overflow: visible !important;
    height: 48px !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn {
    width: 40px !important;
    height: 40px !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #000000 !important;
    background: #ffffff !important;
    border: 2px solid #6c757d !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    user-select: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 10 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
    transform: none !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.98) !important;
    color: #1f2937 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-input {
    width: 80px !important;
    height: 40px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    text-align: center !important;
    background: #ffffff !important;
    border: 2px solid #6c757d !important;
    border-radius: 8px !important;
    color: #000000 !important;
    margin: 0 8px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
    outline: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: textfield !important;
    position: relative !important;
    z-index: 10 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-input::-webkit-outer-spin-button,
.team-content-section .team-actions .team-quantity-selector .team-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-input:focus {
    outline: none !important;
    background: transparent !important;
    color: #1f2937 !important;
}

.team-content-section .team-actions .team-quantity-selector:focus-within {
    border-color: #d1d5db !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
}

/* Ek görünürlük için */
.team-content-section .team-actions .team-quantity-selector .team-qty-selector * {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn::before {
    content: attr(data-symbol) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn:first-child::before {
    content: "−" !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn:last-child::before {
    content: "+" !important;
}

/* Mobil responsive override */

/* =========================================================
   GENEL MİKTAR SEÇİCİ HOVER EFEKTLERİ
   Tüm miktar seçiciler için ortak hover efektleri
   ========================================================= */

/* Sepet sayfası miktar seçici hover efektleri */
.mxw-quantity-btn:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

.mxw-quantity-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.98) !important;
    color: #1f2937 !important;
}

.mxw-quantity-input:focus {
    background: transparent !important;
    color: #1f2937 !important;
}

/* Ürün detay sayfası miktar seçici hover efektleri */
.pdp-qty button:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

.pdp-qty button:active {
    background: #e5e7eb !important;
    transform: scale(0.98) !important;
    color: #1f2937 !important;
}

.pdp-qty input:focus {
    background: transparent !important;
    color: #1f2937 !important;
}

/* Child products list miktar seçici hover efektleri */
.quantity-controls .quantity-btn:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

.quantity-controls .quantity-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.98) !important;
    color: #1f2937 !important;
}

.quantity-controls .quantity-input:focus {
    background: transparent !important;
    color: #1f2937 !important;
}

/* Grouped product selector miktar seçici hover efektleri */
.team-content-section .team-actions .team-quantity-selector .team-qty-btn:hover {
    background: #f3f4f6 !important;
    color: #374151 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.98) !important;
    color: #1f2937 !important;
}

.team-content-section .team-actions .team-quantity-selector .team-qty-input:focus {
    background: transparent !important;
    color: #1f2937 !important;
}

/* Yeni Ürün Kartı Düzeni - Ürün Adı Yukarı, Fiyat Aşağı */
.new-variant-content {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Ürün Adı - En üstte */
.new-product-title-wrapper {
    order: 1;
    margin-bottom: 0;
}

/* Fiyat Grubu - Ürün adının altında */
.new-price-group {
    order: 2;
    margin-bottom: 0;
}

.new-price-with-discount {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    width: 100%;
}

.price-values {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1;
}

/* Eski (çizgili) fiyat üstte, yeni fiyat altta */
.price-values .new-old-price { order: 1; }
.price-values .new-new-price { order: 2; }

.favorite-btn-price {
    margin-left: auto;
    cursor: pointer !important;
}

.price-separator {
    color: #999;
    font-weight: 400;
    margin: 0 2px;
}

/* Ürün Adı Wrapper - Fiyatın altında */
.new-product-title-wrapper {
    order: 2;
    margin-bottom: 6px;
}

.new-product-title {
    font-size: 1.1rem; /* Masaüstü için büyütüldü (0.9rem'den 1.1rem'e) */
    font-weight: 400;
    color: #333;
    margin: 0;
    line-height: 1.3;
    word-break: break-word;
}

.new-product-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
    cursor: pointer;
    font-size: 16px;
}

.new-product-title a:hover {
    color: #3b82f6;
}

/* Rozetler - Ürün adının altında */
.new-badge-images {
    order: 3;
    margin-bottom: 6px;
}

/* Varyant Renk Göstergeleri - En altta */
.variant-colors-wrapper {
    order: 4;
    margin-bottom: 0;
}

.variant-colors {
    display: flex;
    gap: 6px;
    align-items: center;
}

.color-swatch {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
}

.color-swatch:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.color-swatch.active {
    border-color: #333;
    box-shadow: 0 0 0 1px #333, 0 2px 6px rgba(0, 0, 0, 0.3);
}


/* Fiyat Stilleri */
.new-new-price {
    font-size: 1rem;
    font-weight: 600 !important;
    color: #dc2626;
    line-height: 1.2;
}

.new-old-price {
    font-size: 0.85rem;
    color: #6b6b6b;
    text-decoration: line-through;
    line-height: 1.2;
    font-weight: 400 !important;
    margin-top: 10px;
}


/* Favori Butonu - Fiyat satırının sağında */
.favorite-btn-price {
    background: none;
    border: none;
    color: #ccc;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 4px;
    border-radius: 50%;
    transition: all 0.2s ease;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorite-btn-price:hover {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.1);
}

.favorite-btn-price.active {
    color: #dc2626;
}

.favorite-btn-price.active:hover {
    color: #b91c1c;
}

/* New Badge Images Container - Benzersiz sınıf */
.new-badge-images {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    margin-bottom: 8px;
}

/* New Badge Images - Product Collection Badge */
.new-badge-images .product_collection_badge {
    display: inline-block;
    margin: 0;
    position: relative;
}

.new-badge-images .product_collection_badge .product-badge {
    width: auto;
    height: 24px;
    max-width: 120px;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}


/* New Badge Images - Image badge specific styling */
.new-badge-images .product_collection_badge.image-badge {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

.new-badge-images .product_collection_badge.image-badge .product-badge {
    height: 28px !important;
    max-width: 140px !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* New Badge Images - Text badge styling */
.new-badge-images .product_collection_badge.product-badge_text {
    padding: 6px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(4px) !important;
    width: fit-content !important;
    max-width: 120px !important;
}

/* İndirim Türü Göstergesi */
.discount-type-indicator {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 8px;
    padding: 6px 8px;
    text-align: center;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    z-index: 10;
    border: 1px solid rgba(255, 255, 255, 0.8);
    min-width: 60px;
}

.discount-type-indicator .discount-amount {
    font-size: 0.8rem;
    font-weight: 700;
    color: #dc2626;
    display: block;
    line-height: 1.1;
    margin-bottom: 1px;
}

.discount-type-indicator .discount-type-label {
    font-size: 0.65rem;
    color: white;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Gruplu Ürün Fiyat Etiketi */
.grouped-product-price-label {
    font-size: 0.75rem;
    color: #666;
    margin-bottom: 2px;
    font-weight: 500;
}

/* Responsive Düzenlemeler */



/* Video Badge Styles - Beyaz-siyah renk şeması */
.product-video-badge {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    background: white !important;
    color: #333 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
    z-index: 1005 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    min-width: 35px !important;
    max-width: 60px !important;
    border: 1px solid #e0e0e0 !important;
}

.product-video-badge:hover {
    transform: translateY(-2px) scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    background: #f8f9fa !important;
}

.product-video-badge i {
    color: #333 !important;
    font-size: 0.5rem !important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

/* Video Badge Responsive */

/* Video Modal Styles - KALDIRILDI */
/* Video rozeti artık sadece görsel, modal açılmıyor */

/* ===== STOKTA OLMAYAN VARYANTLAR - BENZERSİZ VE SPESİFİK STİLLER ===== */
/* Tüm görüntüleme türleri için ortak özellikler */
.product-variant-selector .out-of-stock,
#variant-selector .out-of-stock,
.pdp-section .out-of-stock {
    position: relative !important;
    cursor: not-allowed !important;
}

/* ===== TEXT VARYANTLARI (pdp-chip) - Kırmızı X çizgisi ===== */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip,
#variant-selector .pdp-chips .out-of-stock.pdp-chip,
.pdp-section .pdp-chips .out-of-stock.pdp-chip,
.pdp-chip.out-of-stock,
/* Seçili durumda da out-of-stock stili korunmalı */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip.active,
#variant-selector .pdp-chips .out-of-stock.pdp-chip.active,
.pdp-section .pdp-chips .out-of-stock.pdp-chip.active,
.pdp-chip.out-of-stock.active,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"],
#variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"],
.pdp-section .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"],
.pdp-chip.out-of-stock[aria-checked="true"],
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"],
#variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"],
.pdp-section .pdp-chips .out-of-stock.pdp-chip[data-active="true"],
.pdp-chip.out-of-stock[data-active="true"] {
    position: relative !important;
    background-color: #f5f5f5 !important;
    color: #999 !important;
    border-color: #e0e0e0 !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
}

/* / çizgisi için ::after kullanıyoruz - has-tip olmayan durumlar için */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip:not(.has-tip)::after,
#variant-selector .pdp-chips .out-of-stock.pdp-chip:not(.has-tip)::after,
.pdp-section .pdp-chips .out-of-stock.pdp-chip:not(.has-tip)::after,
.pdp-chip.out-of-stock:not(.has-tip)::after,
/* Seçili durumda da / çizgisi korunmalı - has-tip olmayan */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip.active:not(.has-tip)::after,
#variant-selector .pdp-chips .out-of-stock.pdp-chip.active:not(.has-tip)::after,
.pdp-section .pdp-chips .out-of-stock.pdp-chip.active:not(.has-tip)::after,
.pdp-chip.out-of-stock.active:not(.has-tip)::after,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:not(.has-tip)::after,
#variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:not(.has-tip)::after,
.pdp-section .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:not(.has-tip)::after,
.pdp-chip.out-of-stock[aria-checked="true"]:not(.has-tip)::after,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:not(.has-tip)::after,
#variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:not(.has-tip)::after,
.pdp-section .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:not(.has-tip)::after,
.pdp-chip.out-of-stock[data-active="true"]:not(.has-tip)::after,
button.pdp-chip.out-of-stock:not(.has-tip)::after,
button.pdp-chip.out-of-stock.active:not(.has-tip)::after,
button.pdp-chip.out-of-stock[aria-checked="true"]:not(.has-tip)::after,
button.pdp-chip.out-of-stock[data-active="true"]:not(.has-tip)::after {
    content: '/' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    color: #999 !important;
    z-index: 10 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
}

/* / çizgisi için ::after - has-tip olan durumlar için (tooltip override) */
.pdp-chip.has-tip.out-of-stock::after,
.pdp-chip.has-tip.out-of-stock.active::after,
.pdp-chip.has-tip.out-of-stock[aria-checked="true"]::after,
.pdp-chip.has-tip.out-of-stock[data-active="true"]::after,
button.pdp-chip.has-tip.out-of-stock::after,
button.pdp-chip.has-tip.out-of-stock.active::after,
button.pdp-chip.has-tip.out-of-stock[aria-checked="true"]::after,
button.pdp-chip.has-tip.out-of-stock[data-active="true"]::after,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip.has-tip::after,
#variant-selector .pdp-chips .out-of-stock.pdp-chip.has-tip::after,
.pdp-section .pdp-chips .out-of-stock.pdp-chip.has-tip::after {
    content: '/' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    color: #999 !important;
    z-index: 10000 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    white-space: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
    bottom: auto !important;
}

/* Text varyantlarında zil ikonu yok - ::before artık / çizgisi için kullanılıyor */

/* ===== COLOR SWATCHES (pdp-swatch) - Beyaz slash + beyaz zil ===== */
.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch,
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch,
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch,
.pdp-swatch.out-of-stock,
/* Seçili durumda da out-of-stock stili korunmalı */
.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch.active,
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch.active,
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch.active,
.pdp-swatch.out-of-stock.active,
.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch[aria-checked="true"],
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch[aria-checked="true"],
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch[aria-checked="true"],
.pdp-swatch.out-of-stock[aria-checked="true"] {
    position: relative !important;
    opacity: 1 !important;
    border: 2px solid #dc2626 !important;
    box-shadow: 0 0 0 1px #dc2626 !important;
    transform: none !important;
}

.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch::after,
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch::after,
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch::after,
.pdp-swatch.out-of-stock::after {
    content: '/' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.1em !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    z-index: 10 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch::before,
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch::before,
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch::before,
.pdp-swatch.out-of-stock::before {
    content: '\f0f3' !important;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    font-size: 0.5em !important;
    color: #ffffff !important;
    z-index: 11 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* ===== IMAGE VARYANTLARI (pdp-iv) - Gri slash + gri zil ===== */
.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv,
.pdp-iv.out-of-stock,
/* Seçili durumda da out-of-stock stili korunmalı */
.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv.active,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv.active,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv.active,
.pdp-iv.out-of-stock.active,
.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv[aria-checked="true"],
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv[aria-checked="true"],
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv[aria-checked="true"],
.pdp-iv.out-of-stock[aria-checked="true"] {
    position: relative !important;
    opacity: 1 !important;
    border-color: #dc2626 !important;
    border-width: 2px !important;
    transform: none !important;
    outline-offset: 0 !important;
}

.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .ph,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .ph,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv .ph,
.pdp-iv.out-of-stock .ph {
    position: relative !important;
}

.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .ph::after,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .ph::after,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv .ph::after,
.pdp-iv.out-of-stock .ph::after {
    content: '/' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.2em !important;
    font-weight: 300 !important;
    color: #999 !important;
    z-index: 10 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
}

/* Image varyantlarında zil ikonu yok - sadece slash */
.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv::before,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv::before,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv::before,
.pdp-iv.out-of-stock::before {
    display: none !important;
}

.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .label,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv .label,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv .label,
.pdp-iv.out-of-stock .label {
    color: #999 !important;
}

/* ===== OUT-OF-STOCK HOVER EFEKTLERİ - İYİLEŞTİRİLMİŞ ===== */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip:hover,
#variant-selector .pdp-chips .out-of-stock.pdp-chip:hover,
.pdp-section .pdp-chips .out-of-stock.pdp-chip:hover,
.pdp-chip.out-of-stock:hover,
/* Seçili durumda hover */
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip.active:hover,
#variant-selector .pdp-chips .out-of-stock.pdp-chip.active:hover,
.pdp-section .pdp-chips .out-of-stock.pdp-chip.active:hover,
.pdp-chip.out-of-stock.active:hover,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:hover,
#variant-selector .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:hover,
.pdp-section .pdp-chips .out-of-stock.pdp-chip[aria-checked="true"]:hover,
.pdp-chip.out-of-stock[aria-checked="true"]:hover,
.product-variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:hover,
#variant-selector .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:hover,
.pdp-section .pdp-chips .out-of-stock.pdp-chip[data-active="true"]:hover,
.pdp-chip.out-of-stock[data-active="true"]:hover,
button.pdp-chip.out-of-stock:hover,
button.pdp-chip.out-of-stock.active:hover,
button.pdp-chip.out-of-stock[aria-checked="true"]:hover,
button.pdp-chip.out-of-stock[data-active="true"]:hover {
    background-color: #f0f0f0 !important;
    border-color: #d5d5d5 !important;
    opacity: 1 !important;
    transform: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

.product-variant-selector .pdp-swatches .out-of-stock.pdp-swatch:hover,
#variant-selector .pdp-swatches .out-of-stock.pdp-swatch:hover,
.pdp-section .pdp-swatches .out-of-stock.pdp-swatch:hover,
.pdp-swatch.out-of-stock:hover {
    opacity: 1 !important;
    box-shadow: 0 0 0 2px #dc2626, 0 0 0 4px rgba(220, 38, 38, 0.2) !important;
}

.product-variant-selector .pdp-iv-grid .out-of-stock.pdp-iv:hover,
#variant-selector .pdp-iv-grid .out-of-stock.pdp-iv:hover,
.pdp-section .pdp-iv-grid .out-of-stock.pdp-iv:hover,
.pdp-iv.out-of-stock:hover {
    opacity: 1 !important;
    border-color: #dc2626 !important;
}

/* ===== OUT-OF-STOCK TRANSITION ANİMASYONLARI ===== */
.product-variant-selector .out-of-stock,
#variant-selector .out-of-stock,
.pdp-section .out-of-stock,
.product-variant-selector .out-of-stock .ph,
#variant-selector .out-of-stock .ph,
.pdp-section .out-of-stock .ph,
.product-variant-selector .out-of-stock .ph::after,
#variant-selector .out-of-stock .ph::after,
.pdp-section .out-of-stock .ph::after,
.product-variant-selector .pdp-iv.out-of-stock,
#variant-selector .pdp-iv.out-of-stock,
.pdp-section .pdp-iv.out-of-stock,
.product-variant-selector .pdp-iv.out-of-stock::before,
#variant-selector .pdp-iv.out-of-stock::before,
.pdp-section .pdp-iv.out-of-stock::before,
.product-variant-selector .pdp-swatch.out-of-stock,
#variant-selector .pdp-swatch.out-of-stock,
.pdp-section .pdp-swatch.out-of-stock,
.product-variant-selector .pdp-swatch.out-of-stock::before,
#variant-selector .pdp-swatch.out-of-stock::before,
.pdp-section .pdp-swatch.out-of-stock::before,
.product-variant-selector .pdp-swatch.out-of-stock::after,
#variant-selector .pdp-swatch.out-of-stock::after,
.pdp-section .pdp-swatch.out-of-stock::after,
.product-variant-selector .pdp-chip.out-of-stock,
#variant-selector .pdp-chip.out-of-stock,
.pdp-section .pdp-chip.out-of-stock,
.product-variant-selector .pdp-chip.out-of-stock::before,
#variant-selector .pdp-chip.out-of-stock::before,
.pdp-section .pdp-chip.out-of-stock::before,
.product-variant-selector .pdp-chip.out-of-stock::after,
#variant-selector .pdp-chip.out-of-stock::after,
.pdp-section .pdp-chip.out-of-stock::after {
    transition: all 0.2s ease !important;
}

/* Disabled butonlar için stil */
.pdp-btn.disabled,
.pdp-btn:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: #9ca3af !important;
    color: #6b7280 !important;
    pointer-events: none !important;
}

.pdp-btn--primary.disabled,
.pdp-btn--primary:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    background-color: #9ca3af !important;
    color: #6b7280 !important;
    pointer-events: none !important;
}


/* Banka Hesapları Sayfası - Sade Tasarım */
.bankapage-container {
    padding: 40px 24px;
    max-width: 1280px;
    margin: 0 auto;
    background: transparent;
}

.bankapage-content {
    background: transparent;
    border-radius: 0;
    padding: 0;
    border: none;
    box-shadow: none;
}

.bankapage-header {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 40px;
    padding-bottom: 32px;
    border-bottom: 1px solid #e5e7eb;
}

.bankapage-header-icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #c32929;
    border-radius: 16px;
    color: #ffffff;
    font-size: 28px;
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.2);
}

.bankapage-header-text {
    flex: 1;
    padding-top: 4px;
}

.bankapage-title {
    font-size: 32px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 12px 0;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.bankapage-subtitle {
    font-size: 16px;
    color: #6b7280;
    margin: 0;
    line-height: 1.6;
    font-weight: 400;
}

.bankapage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    gap: 28px;
    margin-bottom: 32px;
}

.bankapage-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: 28px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

.bankapage-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #c32929;
    transform: scaleY(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: top;
}

.bankapage-card:hover {
    border-color: #c32929;
    box-shadow: 0 8px 24px rgba(1, 88, 80, 0.12);
    transform: translateY(-4px);
}

.bankapage-card:hover::before {
    transform: scaleY(1);
}

.bankapage-card-header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f4f6;
}

.bankapage-logo-wrapper {
    flex-shrink: 0;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f9fafb;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    padding: 10px;
    transition: all 0.3s ease;
}

.bankapage-card:hover .bankapage-logo-wrapper {
    background: #f0fdf4;
    border-color: #c32929;
    transform: scale(1.05);
}

.bankapage-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.bankapage-bank-info {
    flex: 1;
    min-width: 0;
}

.bankapage-bank-name {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    margin: 0 0 8px 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}

.bankapage-branch-name {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
}

.bankapage-branch-name i {
    font-size: 12px;
    color: #c32929;
}

.bankapage-details {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.bankapage-detail-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bankapage-detail-label {
    font-size: 12px;
    color: #9ca3af;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.bankapage-detail-label i {
    font-size: 14px;
    color: #c32929;
}

.bankapage-detail-value {
    font-size: 16px;
    color: #111827;
    font-weight: 600;
    text-align: left;
    font-family: 'Courier New', monospace;
    word-break: break-word;
    padding: 12px 16px;
    background: #f9fafb;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
}

.bankapage-iban-item {
    gap: 12px;
}

.bankapage-iban-wrapper {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex-wrap: wrap;
}

.bankapage-iban-value {
    font-family: 'Courier New', monospace;
    letter-spacing: 1px;
    font-size: 15px;
    color: #c32929;
    font-weight: 700;
    flex: 1;
    min-width: 200px;
    word-break: break-word;
    padding: 14px 18px;
    background: #f0fdf4;
    border: 2px solid #c32929;
    border-radius: 12px;
    display: flex;
    align-items: center;
}

.bankapage-copy-btn {
    background: #c32929;
    color: #ffffff;
    border: none;
    border-radius: 12px;
    padding: 14px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(1, 88, 80, 0.2);
}

.bankapage-copy-btn:hover {
    background: #01796f;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.3);
}

.bankapage-copy-btn:active {
    transform: translateY(0);
}

.bankapage-copy-btn i {
    font-size: 14px;
}

.bankapage-copy-text {
    display: inline-block;
}

.bankapage-copy-btn-success {
    background: #22c55e;
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
}

.bankapage-copy-btn-success:hover {
    background: #22c55e;
}

.bankapage-info {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 16px;
    padding: 24px;
    margin-top: 12px;
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.08);
}

.bankapage-info-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0ea5e9;
    border-radius: 12px;
    color: white;
    font-size: 20px;
    box-shadow: 0 2px 8px rgba(14, 165, 233, 0.25);
}

.bankapage-info-content {
    flex: 1;
    min-width: 0;
}

.bankapage-info-title {
    font-size: 16px;
    font-weight: 700;
    color: #0369a1;
    margin: 0 0 8px 0;
    letter-spacing: -0.01em;
}

.bankapage-info p {
    margin: 0;
    color: #075985;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
}

/* Responsive */

/* ===== COMPACT SLIDER STYLES ===== */
.google-reviews-compact-slider {
    position: relative;
    padding: 20px 10px;
}

.google-reviews-compact-swiper {
    padding: 0 35px;
}

.google-review-card-compact {
    background: white;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.google-review-card-compact:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.compact-card-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.compact-avatar {
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    overflow: hidden;
    flex-shrink: 0;
}

.compact-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.compact-info {
    flex: 1;
    min-width: 0;
}

.compact-author {
    font-size: 13px;
    font-weight: 600;
    color: #222;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.compact-rating {
    display: flex;
    gap: 2px;
    font-size: 11px;
    color: #fbbf24;
}

.google-mini-badge {
    font-size: 14px;
    color: #4285f4;
}

.compact-content {
    flex: 1;
    margin-bottom: 10px;
}

.compact-text {
    font-size: 12px;
    line-height: 1.5;
    color: #555;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.compact-footer {
    border-top: 1px solid #f0f0f0;
    padding-top: 8px;
}

.compact-footer small {
    font-size: 11px;
    color: #888;
    display: flex;
    align-items: center;
    gap: 5px;
}

.compact-nav-btn {
    width: 30px;
    height: 30px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    font-size: 12px;
    transition: all 0.3s ease;
}

.compact-nav-btn:hover {
    background: #222;
    color: white;
    border-color: #222;
}

.compact-pagination {
    margin-top: 15px;
}

.compact-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #ddd;
    opacity: 1;
}

.compact-pagination .swiper-pagination-bullet-active {
    background: #4285f4;
    width: 20px;
    border-radius: 3px;
}

/* ===== TESTIMONIAL SLIDER STYLES - ULTRA MODERN ===== */
.google-reviews-testimonial-slider {
    position: relative;
    padding: 40px 10px;
}

.google-reviews-testimonial-swiper {
    padding: 20px 60px 40px;
}

.testimonial-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 32px;
    padding: 3rem 2.5rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(229, 231, 235, 0.6);
    overflow: hidden;
}

.testimonial-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #4285f4 0%, #34a853 33%, #fbbc04 66%, #ea4335 100%);
    background-size: 200% 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    animation: gradientShift 3s ease infinite;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.testimonial-card:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    border-color: rgba(66, 133, 244, 0.3);
}

.testimonial-card:hover::before {
    opacity: 1;
}

.testimonial-quote-icon {
    position: absolute;
    top: 24px;
    right: 24px;
    font-size: 80px;
    color: rgba(66, 133, 244, 0.08);
    opacity: 1;
    line-height: 1;
    font-weight: 300;
    transform: rotate(180deg);
}

.testimonial-quote-icon i {
    display: block;
}

.testimonial-content {
    flex: 1;
    margin-bottom: 2rem;
    padding-top: 0;
    position: relative;
    z-index: 2;
}

.testimonial-text {
    font-size: 1.125rem;
    line-height: 1.8;
    color: #1f2937;
    margin: 0;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.01em;
}

.testimonial-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 2px solid #f3f4f6;
    padding-top: 1.5rem;
    position: relative;
    z-index: 2;
}

.testimonial-author-section {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.testimonial-avatar {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    overflow: hidden;
    border: 3px solid #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.testimonial-card:hover .testimonial-avatar {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(66, 133, 244, 0.3) !important;
    border-color: #4285f4 !important;
}

.testimonial-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.testimonial-author-info {
    flex: 1;
}

.testimonial-author-name {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem 0;
    letter-spacing: -0.02em;
}

.testimonial-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 1rem;
    color: #fbbf24;
    margin-bottom: 0.375rem;
}

.testimonial-rating i {
    filter: drop-shadow(0 2px 4px rgba(251, 191, 36, 0.3));
}

.testimonial-rating-number {
    font-size: 0.875rem;
    color: #6b7280;
    margin-left: 8px;
    font-weight: 600;
    background: rgba(251, 191, 36, 0.1);
    padding: 2px 8px;
    border-radius: 12px;
}

.testimonial-date {
    color: #9ca3af;
    font-size: 0.8125rem;
    font-weight: 500;
}

.testimonial-google-badge {
    font-size: 32px;
    color: #4285f4;
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(66, 133, 244, 0.1);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.testimonial-card:hover .testimonial-google-badge {
    background: linear-gradient(135deg, #4285f4 0%, #34a853 100%);
    color: white;
    transform: rotate(360deg) scale(1.1);
    box-shadow: 0 6px 20px rgba(66, 133, 244, 0.4);
}

.testimonial-nav-btn {
    width: 56px;
    height: 56px;
    background: #ffffff;
    border: 2px solid #e5e7eb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #374151;
    font-size: 18px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.testimonial-nav-btn:hover {
    background: linear-gradient(135deg, #4285f4 0%, #34a853 100%);
    color: white;
    border-color: transparent;
    transform: scale(1.15);
    box-shadow: 0 8px 24px rgba(66, 133, 244, 0.4);
}

.testimonial-pagination {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.testimonial-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #d1d5db;
    opacity: 1;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.testimonial-pagination .swiper-pagination-bullet-active {
    background: linear-gradient(135deg, #4285f4 0%, #34a853 100%);
    width: 36px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.4);
}

/* ===== MINIMAL SLIDER STYLES ===== */
.google-reviews-minimal-slider {
    position: relative;
    padding: 20px 10px;
}

.google-reviews-minimal-swiper {
    padding: 0 40px 10px;
}

.minimal-review-card {
    background: white;
    border-radius: 12px;
    padding: 24px 22px;
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
    height: 100%;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.minimal-review-card:hover {
    border-color: #4285f4;
    box-shadow: 0 4px 12px rgba(66, 133, 244, 0.12);
    transform: translateY(-2px);
}

.minimal-border-accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #4285f4;
    border-radius: 12px 0 0 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.minimal-review-card:hover .minimal-border-accent {
    opacity: 1;
}

.minimal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    flex-shrink: 0;
}

.minimal-rating {
    display: flex;
    gap: 4px;
    font-size: 15px;
    color: #fbbf24;
}

.minimal-rating i {
    line-height: 1;
}

.minimal-google-icon {
    font-size: 20px;
    color: #4285f4;
    line-height: 1;
}

.minimal-content {
    flex: 1;
    margin-bottom: 18px;
    overflow: hidden;
}

.minimal-text {
    font-size: 14px;
    line-height: 1.65;
    color: #4b5563;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.minimal-footer {
    border-top: 1px solid #f0f0f0;
    padding-top: 14px;
    margin-top: auto;
    flex-shrink: 0;
}

.minimal-author-section {
    display: flex;
    align-items: center;
    gap: 11px;
}

.minimal-avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    flex-shrink: 0;
    border: 2px solid #f3f4f6 !important;
}

.minimal-author-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1;
}

.minimal-author-name {
    font-size: 14px;
    color: #111827;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.minimal-date {
    font-size: 12px;
    color: #9ca3af;
    line-height: 1.3;
}

.minimal-nav-btn {
    width: 38px;
    height: 38px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #374151;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.minimal-nav-btn:hover {
    background: #4285f4;
    color: white;
    border-color: #4285f4;
    box-shadow: 0 4px 8px rgba(66, 133, 244, 0.2);
}

.minimal-pagination {
    margin-top: 20px;
}

.minimal-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #d1d5db;
    opacity: 1;
    transition: all 0.3s ease;
}

.minimal-pagination .swiper-pagination-bullet-active {
    background: #4285f4;
    width: 24px;
    border-radius: 4px;
}

/* ===== THEME STYLES FOR NEW SLIDERS ===== */

/* Classic Theme - Compact Slider */
.google-reviews-compact-slider.classic-theme .google-review-card-compact {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
}

.google-reviews-compact-slider.classic-theme .compact-rating i {
    color: #f59e0b;
}

.google-reviews-compact-slider.classic-theme .compact-nav-btn {
    background: #f3f4f6;
    border-color: #d1d5db;
}

.google-reviews-compact-slider.classic-theme .compact-nav-btn:hover {
    background: #6b7280;
    color: white;
}

/* Classic Theme - Testimonial Slider */
.google-reviews-testimonial-slider.classic-theme .testimonial-card {
    border-radius: 32px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    border: 2px solid #f59e0b;
    background: linear-gradient(135deg, #ffffff 0%, #fffbf5 100%);
}

.google-reviews-testimonial-slider.classic-theme .testimonial-card::before {
    background: linear-gradient(90deg, #f59e0b 0%, #d97706 100%);
}

.google-reviews-testimonial-slider.classic-theme .testimonial-card:hover {
    border-color: #d97706;
    box-shadow: 0 20px 60px rgba(245, 158, 11, 0.25);
}

.google-reviews-testimonial-slider.classic-theme .testimonial-rating i {
    color: #f59e0b;
    filter: drop-shadow(0 2px 4px rgba(245, 158, 11, 0.3));
}

.google-reviews-testimonial-slider.classic-theme .testimonial-quote-icon {
    color: rgba(245, 158, 11, 0.1);
}

.google-reviews-testimonial-slider.classic-theme .testimonial-google-badge {
    color: #f59e0b;
    background: rgba(245, 158, 11, 0.1);
}

.google-reviews-testimonial-slider.classic-theme .testimonial-card:hover .testimonial-google-badge {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
}

.google-reviews-testimonial-slider.classic-theme .testimonial-nav-btn:hover {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.4);
}

/* Classic Theme - Minimal Slider */
.google-reviews-minimal-slider.classic-theme .minimal-review-card {
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
}

.google-reviews-minimal-slider.classic-theme .minimal-review-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.google-reviews-minimal-slider.classic-theme .minimal-rating i {
    color: #f59e0b;
}

.google-reviews-minimal-slider.classic-theme .minimal-google-icon {
    color: #ea580c;
}

.google-reviews-minimal-slider.classic-theme .minimal-border-accent {
    background: #f59e0b;
    border-radius: 10px 0 0 10px;
}

.google-reviews-minimal-slider.classic-theme .minimal-nav-btn:hover {
    background: #f59e0b;
    border-color: #f59e0b;
}

/* Minimal Theme - Compact Slider */
.google-reviews-compact-slider.minimal-theme .google-review-card-compact {
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #e5e7eb;
    background: #fafafa;
}

.google-reviews-compact-slider.minimal-theme .google-review-card-compact:hover {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

.google-reviews-compact-slider.minimal-theme .compact-rating i {
    color: #000;
}

.google-reviews-compact-slider.minimal-theme .google-mini-badge {
    display: none;
}

/* Minimal Theme - Testimonial Slider */
.google-reviews-testimonial-slider.minimal-theme .testimonial-card {
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border: 1px solid #e5e7eb;
    border-left: 4px solid #222222;
    background: #ffffff;
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-card::before {
    display: none;
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-card:hover {
    border-left-color: #111827;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-quote-icon {
    display: none;
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-rating i {
    color: #222222;
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-text {
    font-style: normal;
    color: #374151;
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-google-badge {
    color: #222222;
    background: rgba(34, 34, 34, 0.05);
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-card:hover .testimonial-google-badge {
    background: #222222;
    color: white;
}

.google-reviews-testimonial-slider.minimal-theme .testimonial-nav-btn:hover {
    background: #222222;
    border-color: #222222;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

/* Minimal Theme - Minimal Slider */
.google-reviews-minimal-slider.minimal-theme .minimal-review-card {
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid #d1d5db;
    background: #f9fafb;
}

.google-reviews-minimal-slider.minimal-theme .minimal-review-card:hover {
    border-color: #9ca3af;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.google-reviews-minimal-slider.minimal-theme .minimal-rating i {
    color: #111827;
}

.google-reviews-minimal-slider.minimal-theme .minimal-google-icon {
    display: none;
}

.google-reviews-minimal-slider.minimal-theme .minimal-border-accent {
    background: #111827;
    border-radius: 4px 0 0 4px;
}

.google-reviews-minimal-slider.minimal-theme .minimal-footer {
    border-top-color: #e5e7eb;
}

/* ===== RESPONSIVE STYLES FOR NEW SLIDERS ===== */


/* ========================================
   ÜRÜN DETAY SAYFASı - MOBİL THUMBNAIL GİZLEME VE BOŞLUKLARI AZALTMA
   ======================================== */


/* ===== TEAM CONTENT TAB - TWO COLUMN LAYOUT ===== */

/* Ana Layout - İki Kolon */
.team-content-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 24px;
    margin-top: 20px;
}

/* Sol Kolon - Ürün Listesi */
.team-products-column {
    overflow-y: auto;
    max-height: 650px;
    padding-right: 10px;
}

.team-products-column::-webkit-scrollbar {
    width: 6px;
}

.team-products-column::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.team-products-column::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.team-products-column::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Ürün Kartları - Grid Layout */
.team-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

/* Eski team-product-card - sadece geriye dönük uyumluluk için */
.team-product-card:not(.productdetail-team-card) {
    display: flex;
    gap: 16px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 14px;
    transition: all 0.3s ease;
    align-items: stretch;
}

.team-product-card:not(.productdetail-team-card):hover {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
}

.team-product-image {
    flex: 0 0 120px;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0;
}

.team-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-product-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

/* Takım içeriği tab'ı için özel kart stili - çakışmaları önlemek için spesifik selector */
.team-products-grid .productdetail-team-card,
#tab-team-content .productdetail-team-card {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    gap: 16px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
    min-height: 100%;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    padding: 16px !important;
    background: #ffffff !important;
    align-items: stretch !important;
}

.team-products-grid .productdetail-team-card:hover,
#tab-team-content .productdetail-team-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
    border-color: #d1d5db !important;
    cursor: pointer;
}

.productdetail-team-card__media {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #f9fafb;
    width: 100%;
}

.productdetail-team-card__image {
    width: 100%;
    height: 200px;
    margin: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.productdetail-team-card__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.4s ease;
    background: #ffffff;
    padding: 8px;
}

.productdetail-team-card:hover .productdetail-team-card__image img {
    transform: scale(1.03);
}

.productdetail-team-card__dimensions {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px;
    background: linear-gradient(165deg, #fafbfc 0%, #f0f2f5 100%);
    border: 1px solid #e4e7ec;
    font-size: 12px;
    line-height: 1.35;
    color: #374151;
}

.productdetail-team-card__dimension-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.productdetail-team-card__dimension-key {
    flex-shrink: 0;
    width: 1.625rem;
    height: 1.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #dce0e6;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #4b5563;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

.productdetail-team-card__dimension-val {
    flex: 1;
    min-width: 0;
    text-align: right;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: #111827;
}

.productdetail-team-card__dimension-unit {
    font-weight: 500;
    color: #6b7280;
    font-size: 0.92em;
}

.productdetail-team-card__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    flex: 1;
}

.productdetail-team-card__title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.productdetail-team-card__name {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0;
    line-height: 1.4;
    word-wrap: break-word;
}


.productdetail-team-card__prices {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 12px;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.productdetail-team-card__price-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}

.productdetail-team-card__price-label {
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

.productdetail-team-card__price-value {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
}

.productdetail-team-card__controls {
    margin-top: auto;
    padding-top: 8px;
}

.productdetail-team-card__quantity {
    display: flex;
    justify-content: center;
}

.productdetail-team-card__qty-selector {
    width: 100%;
    max-width: 140px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
}

.productdetail-team-card__qty-input {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    height: 36px;
    flex: 1;
    text-align: center;
    border: none;
    background: transparent;
    padding: 0;
}

.productdetail-team-card__qty-btn {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 1;
    border: none;
    background: #f3f4f6;
    color: #374151;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    border-radius: 0;
}

.productdetail-team-card__qty-btn:hover {
    background: #111827 !important;
    color: #fff !important;
}

.productdetail-team-card__qty-selector {
    height: 36px;
    display: flex;
    align-items: center;
}

.productdetail-team-card__price-value--credit {
    color: #1f2937;
}




.team-product-name {
    font-size: 13px;
    font-weight: 600;
    color: #222;
    margin: 0;
    line-height: 1.3;
    min-height: 33px;
}

.team-product-dimensions {
    display: flex;
    gap: 8px;
    font-size: 11px;
    color: #222;
    flex-wrap: wrap;
    background: #f8f9fa;
    padding: 4px 8px;
    border-radius: 4px;
}

.team-product-dimensions span {
    display: inline-block;
    font-weight: 600;
}

.team-product-dimensions strong {
    color: #666;
    font-weight: 700;
}

.team-product-prices {
    margin: 6px 0;
    display: flex;
    gap: 12px;
}

.team-price-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.team-price-label {
    font-size: 9px;
    color: #666;
    font-weight: 500;
}

.team-price-value {
    font-size: 13px;
    font-weight: 700;
    color: #222;
}

.team-price-credit {
    color: #dc3545;
}

.team-product-controls {
    margin-top: auto;
    padding-top: 6px;
}

.team-qty-selector {
    display: flex;
    align-items: center;
    gap: 0;
    background: #ffffff;
    border: 1px solid #e1e5e9;
    border-radius: 6px;
    padding: 2px;
    width: 100%;
    justify-content: center;
}

.team-qty-btn,
.team-qty-btn-tab,
.team-tab-increase-btn,
.team-tab-decrease-btn {
    width: 30px !important;
    height: 28px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    user-select: none !important;
}

.team-qty-btn:hover,
.team-qty-btn-tab:hover,
.team-tab-increase-btn:hover,
.team-tab-decrease-btn:hover {
    background: #f3f4f6 !important;
    color: #222 !important;
}

.team-qty-btn:active,
.team-qty-btn-tab:active,
.team-tab-increase-btn:active,
.team-tab-decrease-btn:active {
    background: #e5e7eb !important;
    transform: scale(0.95);
}

.team-qty-btn:disabled,
.team-qty-btn-tab:disabled,
.team-tab-increase-btn:disabled,
.team-tab-decrease-btn:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    background: transparent !important;
}

.team-qty-input {
    flex: 1;
    height: 28px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    background: transparent;
    border: none;
    color: #374151;
    outline: none;
    max-width: 50px;
    pointer-events: none;
    user-select: none;
}

/* Sağ Kolon - Takım Özeti (Sticky) */
.team-summary-column {
    position: relative;
}

.team-summary-sticky {
    position: sticky;
    top: 20px;
    background: #ffffff;
    border: 1px solid #c8c8c8;
    border-radius: 12px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.team-summary-header {
    background: #f8f9fa;
    margin: -16px -16px 0 -16px;
    padding: 12px 16px;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 10px 10px 0 0;
}

.team-summary-header h4 {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    margin: 0 0 8px 0;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.team-summary-image {
    width: 100%;
    height: 120px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.team-summary-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-summary-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

.team-summary-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 6px;
}

.team-summary-item-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.team-summary-item-name {
    font-size: 11px;
    color: #222;
    font-weight: 500;
    line-height: 1.3;
}

.team-summary-item-qty {
    font-size: 10px;
    color: #666;
}

.team-summary-item-price {
    font-size: 12px;
    font-weight: 600;
    color: #222;
    white-space: nowrap;
}

.team-summary-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 6px;
    margin-top: 4px;
}

.team-summary-total-label {
    font-size: 14px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.team-summary-total-price {
    font-size: 18px;
    font-weight: 800;
    color: #222;
}

.team-summary-actions {
    margin-top: auto;
}

.team-btn {
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.team-btn svg {
    width: 18px;
    height: 18px;
}

.team-btn-primary {
    background: #222;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.team-btn-primary:hover {
    background: #000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transform: translateY(-1px);
}

.team-btn-block {
    width: 100%;
}

/* Responsive - Mobil */



/* Tab içeriği için üst boşluk ayarı */
.team-content-section {
    margin-top: 0;
    padding-top: 0;
}

/* Takım başlığı kaldırıldı, boşluk azalt */
#tab-team-content .container {
    padding-top: 10px;
}

/* ==========================================
   MODERN HOMEPAGE CATEGORY SLIDER
   ========================================== */
.homepagecategory {
    padding: 50px 0;
    background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%);
    position: relative;
    overflow: hidden;
}


.homepagecategory__container {
    position: relative;
    z-index: 1;
}

.homepagecategory__header {
    margin-bottom: 24px;
}

.homepagecategory__title {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 6px;
}

.homepagecategory__subtitle {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
}

.homepagecategory__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
}

/* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
@supports not (gap: 18px) {
    .homepagecategory__list > * + * {
        margin-top: 18px;
    }
}

.homepagecategory-card {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    -ms-grid-columns: none !important;
    -ms-grid: none !important;
}

/* Desktop'ta layout class'ı ile yan yana düzenleme - responsive.css'te override edilecek */
@media (min-width: 768px) {
    .homepagecategory.layout .homepagecategory-card {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}

/* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
@supports not (gap: 24px) {
    .homepagecategory-card > * + * {
        margin-left: 24px;
    }
}

.homepagecategory-card__content {
    background-color: #ffffff;
    border: 1px solid #ddd !important;
    border-radius: 12px;
}

.homepagecategory-card__media {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    border: none;
}

/* Desktop'ta kategori görseli görünür olmalı */
@media (min-width: 768px) {
    .homepagecategory.layout .homepagecategory-card__media {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

.homepagecategory-card__media-link {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    background-color: transparent;
    width: 100%;
}

.homepagecategory-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepagecategory-card__image-placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 200px;
    font-size: 2rem;
    color: #9ca3af;
}


.homepagecategory-card__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
}

/* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
@supports not (gap: 16px) {
    .homepagecategory-card__content > * + * {
        margin-top: 16px;
    }
}

.homepagecategory-card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
}

/* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
@supports not (gap: 12px) {
    .homepagecategory-card__header > * + * {
        margin-left: 12px;
    }
}

.homepagecategory-card__title-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}

/* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
@supports not (gap: 6px) {
    .homepagecategory-card__title-group > * + * {
        margin-top: 6px;
    }
}

.homepagecategory-card__title {
    font-size: 1.35rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
}

.homepagecategory-card__description {
    font-size: 0.95rem;
    color: #4b5563;
    margin: 0;
}

.homepagecategory-card__cta {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #111827;
    text-decoration: none;
    padding: 6px 12px;
    border: 1px solid #d1d5db;
    border-radius: 999px;
}

/* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
@supports not (gap: 6px) {
    .homepagecategory-card__cta > * + * {
        margin-left: 6px;
    }
}

.homepagecategory-card__cta:hover {
    background-color: #111827;
    color: #ffffff !important;
}

.homepagecategory-card__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

/* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
@supports not (gap: 12px) {
    .homepagecategory-card__body > * + * {
        margin-top: 12px;
    }
}

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

.homepagecategory-card__toolbar-title {
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
}

.homepagecategory-card__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

/* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
@supports not (gap: 8px) {
    .homepagecategory-card__controls > * + * {
        margin-left: 8px;
    }
}

.homepagecategory-card__control {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #d1d5db;
    background-color: #ffffff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.homepagecategory-card__control:hover {
    background-color: #111827;
    color: #ffffff;
}

.homepagecategory-card__control[disabled],
.homepagecategory-card__control--disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.homepagecategory-card__products {
    overflow: hidden;
}

.homepagecategory-card__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
}

/* Firefox ve Safari fallback - gap desteği olmayan tarayıcılar için */
@supports not (gap: 10px) {
    .homepagecategory-card__track > * + * {
        margin-left: 10px;
    }
}

.homepagecategory-card__product {
    /* Genişlik JS tarafından (awa.js > applyHomepageCategoryCardResponsiveColumns) hesaplanıyor.
       Burada sadece temel flex davranışını tanımlayıp genişliği JS'ye bırakıyoruz ki
       ilk yüklemede oluşan boşluk problemleri engellensin. */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.homepagecategory-card__empty {
    border: 1px dashed #d1d5db;
    border-radius: 10px;
    text-align: center;
    padding: 18px;
    font-size: 0.95rem;
    color: #6b7280;
}



/* -------------------------------------------------------------------------- */
/* Tabbed Homepage Category Layout                                            */
/* -------------------------------------------------------------------------- */
.homepagecategory--tabs {
    background-color: #ffffff;
    padding: 48px 0;
}

.homepagecategory--tabs .homepagecategory-card {
    grid-template-columns: 1fr;
}

.homepagecategory--tabs .homepagecategory-card__content {
    border: none;
    background-color: transparent;
    padding: 0;
}

.homepagecategory-tabs {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
}

.homepagecategory-tabs__nav {
    display: flex;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e5e7eb;
}

.homepagecategory-tabs__item {
    margin: 0;
    padding: 0;
}

.homepagecategory-tabs__nav-link {
    border: none;
    background: none;
    padding: 8px 0;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #6b7280;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
    text-decoration: none;
}

.homepagecategory-tabs__nav-link.is-active {
    color: #2563eb;
    border-color: #2563eb;
}

.homepagecategory-tabs__nav-link:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
}

.homepagecategory-tabs__panes {
    position: relative;
}

.homepagecategory-tabs__pane {
    display: none;
}

.homepagecategory-tabs__pane.is-active {
    display: block;
}

.homepagecategory-card--tabs .homepagecategory-card__body {
    margin-top: 12px;
}

.homepagecategory-card--tabs .homepagecategory-card__toolbar-title {
    color: #111827;
}

.homepagecategory--tabs .homepagecategory-card__cta {
    border-color: #d1d5db;
}

.homepagecategory--tabs .homepagecategory-card__cta:hover {
    background-color: #2563eb;
    border-color: #2563eb;
}

.homepagecategory--tabs .homepagecategory-card__products {
    margin-top: 8px;
}

.homepagecategory--tabs .homepagecategory-card__product {
    flex: 0 0 calc(33.333% - 8px);
}

.homepagecategory__empty-state {
    border: 1px dashed #d1d5db;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    color: #6b7280;
    background-color: #f9fafb;
}



/* -------------------------------------------------------------------------- */
/* Homepage Category Banner Slider                                            */
/* -------------------------------------------------------------------------- */
.homepage-category-banner-slider {
    padding: 40px 0;
    background-color: #ffffff;
}

.homepage-category-banner-slider__header {
    margin-bottom: 24px;
}

.homepage-category-banner-slider__title {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 8px;
}

.homepage-category-banner-slider__subtitle {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
}

.homepage-category-banner-slider__swiper {
    padding-bottom: 36px;
    min-height: 340px;
}
.homepage-category-banner-slider__swiper .swiper-slide {
    height: auto;
    min-height: 340px;
}

.homepage-category-banner-slider__item {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background-color: #0f172a;
    min-height: 340px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.homepage-category-banner-slider__item:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 32px rgba(15, 23, 42, 0.2);
}

.homepage-category-banner-slider__image-wrapper,
.homepage-category-banner-slider__image-link,
.homepage-category-banner-slider__image-holder {
    display: block;
    height: 100%;
}

.homepage-category-banner-slider__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.homepage-category-banner-slider__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0) 35%, rgba(15, 23, 42, 0.88) 100%);
    display: flex;
    align-items: flex-end;
    padding: 24px 24px 28px;
}

.homepage-category-banner-slider__overlay-content {
    color: #ffffff;
    text-align: left;
    width: 100%;
}

.homepage-category-banner-slider__item-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 10px;
        color: #ffffff;
}

.homepage-category-banner-slider__item-subtitle {
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 16px;
}

.homepage-category-banner-slider__button {
    border-radius: 999px;
    padding: 10px 22px;
    font-weight: 600;
    color: #111827;
}

.homepage-category-banner-slider__button:hover {
    color: #ffffff;
    background-color: #111827;
}

.homepage-category-banner-slider__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #d1d5db;
    background-color: rgba(255, 255, 255, 0.95);
    color: #111827;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.homepage-category-banner-slider__nav:hover {
    background-color: #111827;
    color: #ffffff;
}

.homepage-category-banner-slider__nav--prev {
    left: 10px;
}

.homepage-category-banner-slider__nav--next {
    right: 10px;
}

.homepage-category-banner-slider__pagination .swiper-pagination-bullet {
    background-color: #d1d5db;
    opacity: 1;
}

.homepage-category-banner-slider__pagination .swiper-pagination-bullet-active {
    background-color: #111827;
}



.mobilemenu-bottom {
    position: relative;
    bottom: 0;
    background-color: #ffffff;
    border-top: 1px solid #e6e6e6;
    padding-bottom: max(env(safe-area-inset-bottom, 0px), 0px);
    z-index: 10;
    margin-top: auto;
    width: 100%;
}

.mobilemenu-bottom__wrapper {
    padding: 20px 16px;
    background-color: #ffffff;
    border-top: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
    margin: 0;
    width: 100%;
}

.header-mobile__navigation .mobilemenu-bottom .container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
}

.mobilemenu-bottom__account-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background-color: #f1f2f4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    font-size: 18px;
}

.mobilemenu-bottom__account-link {
    display: inline-flex;
    align-items: center;
    color: #111111;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.mobilemenu-bottom__account-link:hover {
    color: #000000;
}

.mobilemenu-bottom__account-link--primary {
    padding: 6px 12px;
    background-color: #0f172a;
    border-radius: 999px;
    color: #ffffff;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.mobilemenu-bottom__account-link--primary:hover {
    background-color: #111827;
    color: #ffffff;
}

.mobilemenu-bottom__account {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
}

.mobilemenu-bottom__account-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.mobilemenu-bottom__account-text {
    font-size: 0.8125rem;
    color: #4b5563;
    line-height: 1.4;
    word-wrap: break-word;
}

.mobilemenu-bottom__divider {
    height: 1px;
    width: 100%;
    background-color: #e5e7eb;
    margin: 4px 0;
    border: none;
}

.mobilemenu-bottom__contact {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.mobilemenu-bottom__contact-title {
    font-size: 0.75rem;
    font-weight: 600;
    color: #111111;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 4px;
}

.mobilemenu-bottom__contact-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.mobilemenu-bottom__contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.875rem;
    color: #252b37;
    line-height: 1.5;
    padding: 4px 0;
}

.mobilemenu-bottom__contact-item i {
    width: 20px;
    min-width: 20px;
    font-size: 0.9375rem;
    color: #111111;
    text-align: center;
    flex-shrink: 0;
}

.mobilemenu-bottom__contact-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.mobilemenu-bottom__contact-link:hover {
    color: #000000;
}

.mobilemenu-bottom__social {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 4px;
}

.mobilemenu-bottom__social-title {
    font-size: 0.75rem;
    font-weight: 500;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 4px;
}

.mobilemenu-bottom__social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.mobilemenu-bottom__social-link {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1.5px solid #e5e7eb;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 1.125rem;
}

.mobilemenu-bottom__social-link:hover {
    background-color: #f9fafb;
    border-color: #d1d5db;
    color: #000000;
    transform: translateY(-1px);
}

.mobilemenu-bottom__account-links {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    color: #4b5563;
}

.mobilemenu-bottom__account-separator {
    color: #cbd5f5;
}


/* ===========================================
   WhatsApp Butonları Stilleri - Modern Tasarım
   =========================================== */
.pdp-whatsapp-buttons {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.pdp-btn--whatsapp-order,
.pdp-btn--whatsapp-info {
    flex: 1;
    min-width: 160px;
    padding: 10px 18px;
    border-radius: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.3px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 2px solid rgba(255, 255, 255, 0.3);
    cursor: pointer !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
}

.pdp-btn--whatsapp-order {
    background: linear-gradient(135deg, #25D366 0%, #20BA5A 50%, #1DA851 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.35);
    border-color: rgba(255, 255, 255, 0.4);
}

.pdp-btn--whatsapp-order::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.pdp-btn--whatsapp-order:hover::before {
    left: 100%;
}

.pdp-btn--whatsapp-order:hover {
    background: linear-gradient(135deg, #2FE576 0%, #25D366 50%, #20BA5A 100%);
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.6);
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 28px rgba(37, 211, 102, 0.5);
    cursor: pointer !important;
}

.pdp-btn--whatsapp-order:active {
    transform: translateY(-1px) scale(0.98);
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);
}

.pdp-btn--whatsapp-info {
    background: linear-gradient(135deg, #128C7E 0%, #0F7A6E 50%, #0D6B5F 100%);
    color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(18, 140, 126, 0.35);
    border-color: rgba(255, 255, 255, 0.4);
}

.pdp-btn--whatsapp-info::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.pdp-btn--whatsapp-info:hover::before {
    left: 100%;
}

.pdp-btn--whatsapp-info:hover {
    background: linear-gradient(135deg, #14A694 0%, #128C7E 50%, #0F7A6E 100%);
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.6);
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 8px 28px rgba(18, 140, 126, 0.5);
    cursor: pointer !important;
}

.pdp-btn--whatsapp-info:active {
    transform: translateY(-1px) scale(0.98);
    box-shadow: 0 4px 16px rgba(18, 140, 126, 0.4);
}

.pdp-btn--whatsapp-order i,
.pdp-btn--whatsapp-info i {
    font-size: 20px;
    line-height: 1;
    color: #ffffff !important;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
    transition: transform 0.3s ease;
}

.pdp-btn--whatsapp-order:hover i,
.pdp-btn--whatsapp-info:hover i {
    transform: scale(1.15) rotate(5deg);
}

.pdp-btn--whatsapp-order span,
.pdp-btn--whatsapp-info span {
    line-height: 1.2;
    position: relative;
    z-index: 1;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.pdp-btn--whatsapp-order i,
.pdp-btn--whatsapp-info i {
    color: #ffffff !important;
}

/* Mobile Responsive */

/* Tablet Responsive */

/* Ripple effect for click animation */
.pdp-btn--whatsapp-order::after,
.pdp-btn--whatsapp-info::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    transform: translate(-50%, -50%);
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), 
                height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.pdp-btn--whatsapp-order:active::after,
.pdp-btn--whatsapp-info:active::after {
    width: 300px;
    height: 300px;
    opacity: 0;
}

/* Focus states for accessibility */
.pdp-btn--whatsapp-order:focus,
.pdp-btn--whatsapp-info:focus {
    outline: 3px solid rgba(255, 255, 255, 0.6);
    outline-offset: 3px;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.5), 
                0 0 0 3px rgba(255, 255, 255, 0.3);
}

.pdp-btn--whatsapp-info:focus {
    box-shadow: 0 4px 20px rgba(18, 140, 126, 0.5), 
                0 0 0 3px rgba(255, 255, 255, 0.3);
}

.pdp-btn--whatsapp-order:focus-visible,
.pdp-btn--whatsapp-info:focus-visible {
    outline: 3px solid rgba(255, 255, 255, 0.9);
    outline-offset: 4px;
}

/* Disabled state */
.pdp-btn--whatsapp-order:disabled,
.pdp-btn--whatsapp-info:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    background: linear-gradient(135deg, #9ca3af 0%, #6b7280 50%, #4b5563 100%);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

.pdp-btn--whatsapp-order:disabled:hover,
.pdp-btn--whatsapp-info:disabled:hover {
    transform: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.pdp-btn--whatsapp-order:disabled::before,
.pdp-btn--whatsapp-info:disabled::before {
    display: none;
}

/* Loading state (if needed in future) */
.pdp-btn--whatsapp-order.loading,
.pdp-btn--whatsapp-info.loading {
    pointer-events: none;
    opacity: 0.7;
}

.pdp-btn--whatsapp-order.loading::after,
.pdp-btn--whatsapp-info.loading::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Global button cursor pointer fix */
button:not(:disabled),
button[type="button"]:not(:disabled),
button[type="submit"]:not(:disabled),
button[type="reset"]:not(:disabled),
input[type="button"]:not(:disabled),
input[type="submit"]:not(:disabled),
input[type="reset"]:not(:disabled) {
    cursor: pointer !important;
}

button:disabled,
button[disabled],
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
    cursor: not-allowed !important;
}

/* ===========================================
   ORDERS PAGE STYLES
   =========================================== */
.orders-page-header {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.orders-header-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.orders-header-icon {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background: #c32929;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.orders-header-icon svg {
    width: 30px;
    height: 30px;
    color: #ffffff;
}

.orders-header-text {
    flex: 1;
}

.orders-page-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 8px 0;
    color: #111827;
}

.orders-page-description {
    color: #6b7280;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.orders-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.order-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    transition: all 0.3s ease;
}

.order-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
}

.order-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f4f6;
}

.order-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.order-number {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.order-number-label {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.order-number-value {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
}

.order-date {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: #6b7280;
}

.order-date-icon {
    width: 16px;
    height: 16px;
}

.order-status-wrapper {
    flex-shrink: 0;
}

.order-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
}

.order-status-badge svg {
    width: 14px;
    height: 14px;
}

.order-status-badge.pending {
    background: #fef3c7;
    color: #92400e;
}

.order-status-badge.pending_transaction {
    background: #dbeafe;
    color: #1e40af;
}

.order-status-badge.waiting_for_payment {
    background: #cffafe;
    color: #0e7490;
}

.order-status-badge.payment_failed {
    background: #fee2e2;
    color: #991b1b;
}

.order-status-badge.got_transaction_notification {
    background: #d1fae5;
    color: #065f46;
}

.order-status-badge.transaction_failed {
    background: #fecaca;
    color: #7f1d1d;
}

.order-status-badge.waiting_for_approval {
    background: #fed7aa;
    color: #9a3412;
}

.order-status-badge.ordered {
    background: #dcfce7;
    color: #166534;
}

.order-status-badge.preparing {
    background: #e0e7ff;
    color: #3730a3;
}

.order-status-badge.processing {
    background: #f3e8ff;
    color: #6b21a8;
}

.order-status-badge.shipped {
    background: #e0e7ff;
    color: #4338ca;
}

.order-status-badge.delivered {
    background: #d1fae5;
    color: #065f46;
}

.order-status-badge.completed {
    background: #a7f3d0;
    color: #064e3b;
}

.order-status-badge.cancelled {
    background: #fee2e2;
    color: #991b1b;
}

.order-card-body {
    margin-bottom: 20px;
}

.order-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: #f9fafb;
    border-radius: 12px;
}

.order-total-label {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.order-total-value {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
}

.order-card-footer {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.order-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.order-action-btn svg {
    width: 16px;
    height: 16px;
}

.order-btn-details {
    background: #111827 !important;
    color: #ffffff !important;
    border-color: #111827 !important;
}

.order-btn-details:hover {
    background: #1f2937 !important;
    border-color: #1f2937 !important;
    color: #ffffff !important;
}

.order-btn-details svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.order-btn-cancel {
    background: #ffffff !important;
    color: #991b1b !important;
    border-color: #fecaca !important;
}

.order-btn-cancel:hover {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #991b1b !important;
}

.order-btn-cancel svg {
    color: #991b1b !important;
    fill: #991b1b !important;
}

.order-action-btn svg {
    fill: currentColor !important;
}

.orders-empty {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 60px 24px;
    text-align: center;
}

.orders-empty-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orders-empty-icon svg {
    width: 40px;
    height: 40px;
    color: #9ca3af;
}

.orders-empty-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 12px 0;
}

.orders-empty-description {
    font-size: 1rem;
    color: #6b7280;
    margin: 0 0 24px 0;
}

.orders-empty-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #111827;
    color: #ffffff !important;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.orders-empty-btn:hover {
    background: #1f2937;
    color: #ffffff !important;
}

.orders-empty-btn svg {
    width: 18px;
    height: 18px;
    color: #ffffff !important;
    fill: #ffffff !important;
}

.orders-pagination {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

/* ===========================================
   FAVORITES PAGE STYLES
   =========================================== */
.favorites-page {
    width: 100%;
}

.favorites-page-header {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.favorites-header-content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.favorites-header-icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: linear-gradient(135deg, #e8f5f3 0%, #c32929 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.favorites-header-icon svg {
    width: 32px;
    height: 32px;
    color: #c32929;
}

.favorites-header-text {
    flex: 1;
}

.favorites-page-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 8px 0;
    color: #111827;
}

.favorites-page-description {
    color: #6b7280;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.favorites-stats {
    margin-bottom: 20px;
}

.favorites-count {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.favorites-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
}

.favorite-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.favorite-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
}

/* Yatak formatı - 4:3 yatay (proje ProductDisplaySettings horizontal ile uyumlu) */
.favorite-card-image {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
}

.favorite-card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.favorite-card:hover .favorite-card-image img {
    transform: scale(1.03);
}

.favorite-remove-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.favorite-remove-btn:hover {
    background: #e8f5f3;
    border-color: #c32929;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.25);
}

.favorite-remove-btn svg {
    width: 18px;
    height: 18px;
    color: #c32929;
    transition: color 0.2s ease;
}

.favorite-remove-btn:hover svg {
    color: #c32929;
}

.discount-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 6px 12px;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #ffffff;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 700;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4);
}

.favorite-card-content {
    padding: 20px;
}

.product-title {
    margin: 0 0 12px 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    line-height: 1.4;
}

.product-title a {
    color: #111827;
    text-decoration: none;
    transition: color 0.2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-title a:hover {
    color: #c32929;
}

.product-price {
    margin-bottom: 16px;
}

.price-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.current-price {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
}

.old-price {
    font-size: 0.875rem;
    color: #9ca3af;
    text-decoration: line-through;
}

.favorite-added-date {
    margin-top: 8px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    color: #9ca3af;
}

.favorite-date-icon {
    width: 14px;
    height: 14px;
    color: #9ca3af;
}

.product-actions {
    display: flex;
    gap: 8px;
}

.add-to-cart-btn,
.view-product-btn {
    flex: 1;
    padding: 10px 18px;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
}

.add-to-cart-btn {
    background: #c32929;
    color: #ffffff;
    border-color: #c32929;
}

.add-to-cart-btn:hover {
    background: #a31f1f;
    border-color: #a31f1f;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.3);
}

.view-product-btn {
    background: #ffffff;
    color: #c32929;
    border-color: #c32929;
}

.view-product-btn:hover {
    background: #e8f5f3;
    border-color: #c32929;
    color: #c32929;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.add-to-cart-btn svg,
.view-product-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.favorites-empty {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 60px 24px;
    text-align: center;
}

.favorites-empty-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorites-empty-icon svg {
    width: 40px;
    height: 40px;
    color: #9ca3af;
}

.favorites-empty-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 12px 0;
}

.favorites-empty-description {
    font-size: 1rem;
    color: #6b7280;
    margin: 0 0 24px 0;
}

.favorites-empty-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #c32929;
    color: #ffffff !important;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.favorites-empty-btn:hover {
    background: #a31f1f;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(1, 88, 80, 0.3);
}

.favorites-empty-btn svg {
    width: 18px;
    height: 18px;
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Loading State */
.favorites-loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding: 60px 24px;
}

.favorites-loading {
    text-align: center;
}

.loading-spinner {
    width: 48px;
    height: 48px;
    border: 4px solid #f3f4f6;
    border-top: 4px solid #111827;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 16px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.favorites-loading-text {
    color: #6b7280;
    font-size: 1rem;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 768px) {
    .favorites-page-header {
        padding: 20px;
    }

    .favorites-header-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .favorites-header-icon {
        width: 48px;
        height: 48px;
    }

    .favorites-header-icon svg {
        width: 24px;
        height: 24px;
    }

    .favorites-page-title {
        font-size: 1.5rem;
    }

    .favorites-page-description {
        font-size: 0.875rem;
    }

    .favorites-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 16px;
    }

    .favorite-card-image {
        aspect-ratio: 4 / 3;
    }

    .favorite-card-content {
        padding: 16px;
    }

    .product-title {
        font-size: 1rem;
    }

    .product-actions {
        flex-direction: column;
    }

    .add-to-cart-btn,
    .view-product-btn {
        width: 100%;
    }

    .favorites-empty {
        padding: 40px 20px;
    }

    .favorites-empty-icon {
        width: 64px;
        height: 64px;
    }

    .favorites-empty-icon svg {
        width: 32px;
        height: 32px;
    }

    .favorites-empty-title {
        font-size: 1.25rem;
    }

    .favorites-empty-description {
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .favorites-grid {
        grid-template-columns: 1fr;
    }
}

/* ===========================================
   REVIEWS PAGE STYLES
   =========================================== */
.reviews-header {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.reviews-header__content {
    display: flex;
    align-items: center;
    gap: 20px;
}

.reviews-header__icon {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    background: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.reviews-header__icon svg {
    width: 30px;
    height: 30px;
    color: #ffffff;
}

.reviews-header__text {
    flex: 1;
}

.reviews-header__title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 8px 0;
    color: #111827;
}

.reviews-header__subtitle {
    color: #6b7280;
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
}

.reviews-pending {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.reviews-pending__title {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviews-pending__title svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
}

.reviews-pending__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.reviews-pending__item {
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    transition: all 0.3s ease;
}

.reviews-pending__item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-color: #d1d5db;
}

.reviews-pending__product {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.reviews-pending__image {
    flex-shrink: 0;
}

.reviews-pending__image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.reviews-pending__details {
    flex: 1;
}

.reviews-pending__name {
    margin: 0 0 8px 0;
    color: #111827;
    font-weight: 600;
    font-size: 1rem;
}

.reviews-pending__order,
.reviews-pending__date {
    margin: 0 0 4px 0;
    color: #6b7280;
    font-size: 0.875rem;
}

.reviews-pending__btn {
    width: 100%;
    padding: 12px;
    border-radius: 10px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #10b981;
    color: #ffffff;
}

.reviews-pending__btn:hover {
    background: #059669;
    color: #ffffff;
}

.reviews-pending__btn svg {
    width: 16px;
    height: 16px;
}

.star-filled {
    color: #fbbf24;
}

.star-empty {
    color: #d1d5db;
}

.reviews-existing__rating svg {
    width: 16px;
    height: 16px;
}

.reviews-existing {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 24px;
}

.reviews-existing__title {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: #111827;
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviews-existing__title svg {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0;
}

.reviews-existing__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reviews-existing__item {
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
}

.reviews-existing__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.reviews-existing__product {
    display: flex;
    align-items: center;
    gap: 16px;
}

.reviews-existing__product img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.reviews-existing__details {
    flex: 1;
}

.reviews-existing__name {
    margin: 0 0 8px 0;
    color: #111827;
    font-weight: 600;
    font-size: 1rem;
}

.reviews-existing__rating {
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviews-existing__rating svg {
    width: 16px;
    height: 16px;
}

.reviews-existing__rating-text {
    color: #6b7280;
    font-size: 0.875rem;
}

.reviews-existing__actions {
    display: flex;
    gap: 8px;
}

.reviews-existing__edit,
.reviews-existing__delete {
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.reviews-existing__edit {
    background: #3b82f6;
    color: #ffffff;
}

.reviews-existing__edit:hover {
    background: #2563eb;
}

.reviews-existing__delete {
    background: #ef4444;
    color: #ffffff;
}

.reviews-existing__delete:hover {
    background: #dc2626;
}

.reviews-existing__comment {
    margin-bottom: 16px;
}

.reviews-existing__comment-text {
    margin: 0;
    color: #6b7280;
    line-height: 1.6;
}

.reviews-existing__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid #f3f4f6;
}

.reviews-existing__date {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6b7280;
    font-size: 0.875rem;
}

.reviews-existing__date svg {
    width: 14px;
    height: 14px;
}

.reviews-existing__status {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.reviews-existing__status--approved {
    background: #10b981;
    color: #ffffff;
}

.reviews-existing__status--pending {
    background: #f59e0b;
    color: #ffffff;
}

.reviews-empty {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 60px 24px;
    text-align: center;
}

.reviews-empty__icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 20px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reviews-empty__icon svg {
    width: 40px;
    height: 40px;
    color: #9ca3af;
}

.reviews-empty__title {
    color: #6b7280;
    margin: 0 0 8px 0;
    font-size: 1.125rem;
    font-weight: 600;
}

.reviews-empty__subtitle {
    color: #6b7280;
    margin: 0 0 24px 0;
    font-size: 1rem;
}

.reviews-empty__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #111827;
    color: #ffffff !important;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
}

.reviews-empty__btn:hover {
    background: #1f2937;
    color: #ffffff !important;
}

.reviews-empty__btn svg {
    width: 18px;
    height: 18px;
    color: #ffffff !important;
    fill: #ffffff !important;
}

.reviews-existing__pagination {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

/* ===========================================
   NOTIFICATIONS PAGE – Modern, kompakt tasarım
   =========================================== */
.user-account-container:has(.notifications-page-header) .user-content {
    padding: 1rem !important;
}
@media (max-width: 768px) {
    .user-account-container:has(.notifications-page-header) .user-content {
        padding: 0.75rem !important;
    }
}
@media (max-width: 480px) {
    .user-account-container:has(.notifications-page-header) .user-content {
        padding: 0.5rem !important;
    }
}
.notifications-page-header {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.notifications-header-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.notifications-page-title {
    font-size: 1.375rem;
    font-weight: 600;
    margin: 0 0 4px 0;
    color: #111827;
    letter-spacing: -0.02em;
}

.notifications-page-description {
    color: #6b7280;
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.4;
}

.notifications-header-actions {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.notification-header-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    cursor: pointer;
}

.notification-header-btn svg {
    width: 14px;
    height: 14px;
}

.notification-header-btn-primary {
    background: #111827;
    color: #ffffff;
    border-color: #111827;
}

.notification-header-btn-primary:hover {
    background: #1f2937;
    border-color: #1f2937;
    color: #ffffff;
}

.notification-header-btn-secondary {
    background: #ffffff;
    color: #111827;
    border-color: #e5e7eb;
}

.notification-header-btn-secondary:hover {
    background: #f9fafb;
    border-color: #d1d5db;
    color: #111827;
}

.notifications-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.notification-item {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px 18px;
    transition: all 0.2s ease;
}

.notification-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    border-color: #d1d5db;
}

.notification-item.unread {
    border-left: 3px solid #c32929;
    background: #fefafa;
}

.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f4f6;
}

.notification-body {
    padding-top: 8px;
}

.notification-info {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}

.notification-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.notification-icon svg {
    width: 18px;
    height: 18px;
    color: #6b7280;
}

.notification-icon.unread {
    background: #fee2e2;
}

.notification-icon.unread svg {
    color: #c32929;
}

.notification-title {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 2px 0;
}

.notification-date {
    font-size: 0.8125rem;
    color: #9ca3af;
}

.notification-actions {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.notification-btn {
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #111827;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.notification-btn:hover {
    background: #f9fafb;
    border-color: #d1d5db;
}

.notification-btn-icon {
    width: 12px;
    height: 12px;
}

.notification-content {
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.55;
    margin: 0 0 10px 0;
}

.notification-action-link {
    margin-top: 10px;
}

.notification-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: #111827;
    color: #ffffff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.notification-action-btn:hover {
    background: #1f2937;
    color: #ffffff;
}

.notification-action-btn-icon {
    width: 16px;
    height: 16px;
}

.notifications-empty {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 32px 20px;
    text-align: center;
}

.notifications-empty-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    border-radius: 12px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notifications-empty-icon svg {
    width: 28px;
    height: 28px;
    color: #9ca3af;
}

.notifications-empty-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 8px 0;
}

.notifications-empty-text {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
}

.notifications-pagination {
    margin-top: 16px;
    display: flex;
    justify-content: center;
}

/* ===========================================
   DASHBOARD PAGE STYLES
   =========================================== */

/* Dashboard Welcome Card */
.dashboard-welcome-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.dashboard-welcome-content {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.dashboard-welcome-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background: #2d2d2d;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dashboard-welcome-icon svg {
    width: 30px;
    height: 30px;
    color: #ffffff;
}

.dashboard-welcome-text {
    flex: 1;
}

.dashboard-welcome-title {
    font-size: 1.875rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    color: #2d2d2d;
}

.dashboard-welcome-subtitle {
    color: #666;
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
}

/* Dashboard Stats Grid */
.dashboard-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.dashboard-stat-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dashboard-stat-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.dashboard-stat-card-link:hover {
    text-decoration: none;
    color: inherit;
}

.dashboard-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dashboard-stat-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.dashboard-stat-icon svg {
    width: 40px;
    height: 40px;
    color: #ffffff;
}

.dashboard-stat-icon-primary {
    background: #c32929;
}

.dashboard-stat-icon-danger {
    background: #f5576c;
}

.dashboard-stat-icon-success {
    background: #4facfe;
}

.dashboard-stat-icon-warning {
    background: #f59e0b;
}

.dashboard-stat-title {
    font-size: 0.9rem;
    font-weight: 500;
    color: #666;
    margin: 0 0 0.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dashboard-stat-value {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

.dashboard-stat-value-primary {
    color: #c32929;
}

.dashboard-stat-value-danger {
    color: #f5576c;
}

.dashboard-stat-value-success {
    color: #4facfe;
}

.dashboard-stat-value-warning {
    color: #f59e0b;
}

.dashboard-stat-description {
    font-size: 0.875rem;
    color: #999;
    margin: 0;
}

/* Dashboard Orders Section */
.dashboard-orders-section {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    margin-bottom: 2rem;
}

.dashboard-orders-header {
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.dashboard-section-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2d2d2d;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-section-icon {
    width: 24px;
    height: 24px;
    color: #2d2d2d;
}

.dashboard-orders-body {
    padding: 1.5rem;
}

.dashboard-orders-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.dashboard-order-item {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    transition: all 0.2s ease;
}

.dashboard-order-item:hover {
    border-color: #d1d5db;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.dashboard-order-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.dashboard-order-number {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.dashboard-order-number-label {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dashboard-order-number-value {
    font-size: 1rem;
    font-weight: 600;
    color: #2d2d2d;
}

.dashboard-order-date {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #666;
}

.dashboard-order-date-icon {
    width: 16px;
    height: 16px;
    color: #999;
}

.dashboard-order-details {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-end;
}

.dashboard-order-total {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.dashboard-order-total-label {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.dashboard-order-total-value {
    font-size: 1.125rem;
    font-weight: 600;
    color: #2d2d2d;
}

.dashboard-order-status {
    margin-top: 0.5rem;
}

.dashboard-order-status-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
}

.dashboard-order-status-pending {
    background: #fef3c7;
    color: #92400e;
}

.dashboard-order-status-processing {
    background: #dbeafe;
    color: #1e40af;
}

.dashboard-order-status-shipped {
    background: #e0e7ff;
    color: #3730a3;
}

.dashboard-order-status-delivered {
    background: #d1fae5;
    color: #065f46;
}

.dashboard-order-status-cancelled {
    background: #fee2e2;
    color: #991b1b;
}

.dashboard-order-status-ordered {
    background: #d1fae5;
    color: #065f46;
}

.dashboard-order-action {
    flex-shrink: 0;
}

.dashboard-order-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.25rem;
    background: #2d2d2d !important;
    color: #ffffff !important;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    transition: all 0.2s ease;
    border: none;
}

.dashboard-order-btn:hover {
    background: #555 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.dashboard-order-btn span,
.dashboard-order-btn svg {
    color: #ffffff !important;
}

.dashboard-order-btn-icon {
    width: 16px;
    height: 16px;
}

.dashboard-orders-footer {
    margin-top: 1.5rem;
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.dashboard-view-all-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: #2d2d2d !important;
    color: #ffffff !important;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
    border: none;
}

.dashboard-view-all-btn:hover {
    background: #555 !important;
    color: #ffffff !important;
    text-decoration: none;
}

.dashboard-empty-card {
    text-align: center;
    padding: 3rem 2rem;
}

.dashboard-empty-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 1.5rem;
    color: #d1d5db;
}

.dashboard-empty-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2d2d2d;
    margin: 0 0 0.5rem 0;
}

.dashboard-empty-text {
    font-size: 1rem;
    color: #666;
    margin: 0 0 1.5rem 0;
}

.dashboard-empty-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    background: #2d2d2d !important;
    color: #ffffff !important;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
    border: none;
}

.dashboard-empty-btn:hover {
    background: #555 !important;
    color: #ffffff !important;
    text-decoration: none;
}

/* Dashboard Verification Button Success State */
.dashboard-verification-btn-success {
    background: #10b981 !important;
    border-color: #10b981 !important;
}

/* Dashboard Notification */
.dashboard-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    color: white;
    font-weight: 500;
    z-index: 10000;
    animation: dashboardNotificationSlideIn 0.3s ease-out;
    max-width: 300px;
    word-wrap: break-word;
}

.dashboard-notification-success {
    background: #10b981;
}

.dashboard-notification-error {
    background: #ef4444;
}

.dashboard-notification-warning {
    background: #f59e0b;
}

.dashboard-notification-info {
    background: #3b82f6;
}

.dashboard-notification-hide {
    animation: dashboardNotificationSlideOut 0.3s ease-in;
}

@keyframes dashboardNotificationSlideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes dashboardNotificationSlideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

/* ===========================================
   ADDRESSES PAGE STYLES (Additional)
   =========================================== */

.address-card-badge-icon {
    width: 12px;
    height: 12px;
    margin-right: 0.25rem;
    display: inline-block;
}

.address-card-badge-default {
    background: #d1fae5;
    color: #065f46;
}

.address-card-badge-company {
    background: #dbeafe;
    color: #1e40af;
}

.address-card-badge-personal {
    background: #f3f4f6;
    color: #374151;
}

.address-form-company-fields {
    display: none;
}

/* Kurumsal alanlar gösterildiğinde */
.address-form-company-fields[style*="display: block"],
#companyFields[style*="display: block"] {
    display: block !important;
}

#companyFields[style*="display: block"] .address-form-grid,
#companyFields[style*="display: block"] .address-form-field {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#companyFields[style*="display: block"] input,
#companyFields[style*="display: block"] label {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.address-form-divider {
    margin: 1rem 0;
    border: none;
    border-top: 1px solid #f0f0f0;
}

.address-form-company-title {
    margin: 0 0 1rem 0;
    color: #2d2d2d;
    font-size: 1.125rem;
    font-weight: 600;
}

/* ===========================================
   NOTIFICATION PERMISSION BANNER
   =========================================== */
.notification-permission-banner {
    position: fixed !important;
    top: 20px !important;
    left: 20px !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    max-width: 400px !important;
    animation: slideInLeft 0.3s ease-out !important;
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.notification-permission-banner__content {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
}

.notification-permission-banner__content i.fa-bell {
    font-size: 20px;
    color: #c32929;
    flex-shrink: 0;
}

.notification-permission-banner__content span {
    flex: 1;
    font-size: 14px;
    line-height: 1.5;
    color: #222222;
}

.notification-permission-banner__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.notification-permission-btn {
    border: none;
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.notification-permission-btn--allow {
    background: #c32929;
    color: #222222;
}

.notification-permission-btn--allow:hover {
    background: #d4a910;
    transform: translateY(-1px);
}

.notification-permission-btn--dismiss {
    background: transparent;
    color: #666666;
    padding: 8px;
    width: 32px;
    height: 32px;
}

.notification-permission-btn--dismiss:hover {
    background: #f5f5f5;
    color: #222222;
}

.notification-permission-btn--dismiss i {
    font-size: 14px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .notification-permission-banner {
        top: 10px;
        left: 10px;
        right: 10px;
        max-width: 100%;
    }

    .notification-permission-banner__content {
        flex-wrap: wrap;
        padding: 14px 16px;
    }

    .notification-permission-banner__content span {
        width: 100%;
        margin-bottom: 8px;
    }

    .notification-permission-banner__actions {
        width: 100%;
        justify-content: flex-end;
    }
}

/* ===== EN GÜÇLÜ OVERRIDE - STOKTA OLMAYAN VARYANTLAR İÇİN ===== */
/* Bu kurallar dosyanın sonunda olduğu için en yüksek önceliğe sahip */
.pdp-chip.out-of-stock.active,
.pdp-chip.out-of-stock[aria-checked="true"],
.pdp-chip.out-of-stock[data-active="true"],
button.pdp-chip.out-of-stock.active,
button.pdp-chip.out-of-stock[aria-checked="true"],
button.pdp-chip.out-of-stock[data-active="true"],
.pdp-chip.has-tip.out-of-stock.active,
.pdp-chip.has-tip.out-of-stock[aria-checked="true"],
.pdp-chip.has-tip.out-of-stock[data-active="true"],
button.pdp-chip.has-tip.out-of-stock.active,
button.pdp-chip.has-tip.out-of-stock[aria-checked="true"],
button.pdp-chip.has-tip.out-of-stock[data-active="true"] {
    background-color: #f5f5f5 !important;
    background: #f5f5f5 !important;
    color: #999 !important;
    border-color: #e0e0e0 !important;
    transform: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
}

/* / çizgisi artık ::after'da - tooltip ile çakışmaması için z-index yüksek */
.pdp-chip.out-of-stock.active::after,
.pdp-chip.out-of-stock[aria-checked="true"]::after,
.pdp-chip.out-of-stock[data-active="true"]::after,
button.pdp-chip.out-of-stock.active::after,
button.pdp-chip.out-of-stock[aria-checked="true"]::after,
button.pdp-chip.out-of-stock[data-active="true"]::after,
.pdp-chip.has-tip.out-of-stock.active::after,
.pdp-chip.has-tip.out-of-stock[aria-checked="true"]::after,
.pdp-chip.has-tip.out-of-stock[data-active="true"]::after,
button.pdp-chip.has-tip.out-of-stock.active::after,
button.pdp-chip.has-tip.out-of-stock[aria-checked="true"]::after,
button.pdp-chip.has-tip.out-of-stock[data-active="true"]::after {
    content: '/' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    font-size: 1.5em !important;
    font-weight: 400 !important;
    color: #999 !important;
    z-index: 10000 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    font-family: Arial, sans-serif !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    white-space: normal !important;
    opacity: 1 !important;
    visibility: visible !important;
    bottom: auto !important;
}

/* Register Page - Password Requirements Styles */
.register-password-requirements {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.register-requirement {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    transition: all 0.3s ease;
}

.register-requirement-icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    transition: all 0.3s ease;
}

.register-requirement.not-met {
    color: #dc3545;
}

.register-requirement.not-met .register-requirement-icon {
    color: #dc3545;
}

.register-requirement.met {
    color: #22c55e !important;
    font-weight: 500;
}

.register-requirement.met .register-requirement-icon {
    color: #22c55e !important;
}

.register-requirement.met .register-requirement-text {
    color: #22c55e !important;
}

.register-requirement-text {
    user-select: none;
}

/* Page Content Wrapper - Arkaplan Rengi */
.page-content-wrapper {
    background-color: #f5f5f5;
    min-height: calc(100vh - 200px);
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Blog section subtitle font size */
.section-subtitle.fs-15 {
    font-size: 1.0625rem !important; /* 17px - fs-15'ten biraz daha büyük */
}

/* Blog grid item image - remove white borders */
.blog-grid__item-image {
    border-radius: 0 !important;
    padding: 0 !important;
}

.blog-carousel .blog-grid__item-image {
    border-radius: 0 !important;
    padding: 0 !important;
}

/* Footer Bottom Mobile Responsive */
@media (max-width: 768px) {
    .footer-bottom {
        padding: 20px 0;
    }
    
    .footer-bottom .row {
        flex-direction: column;
        gap: 20px;
    }
    
    .footer-bottom .col-md-6 {
        width: 100%;
        text-align: center !important;
    }
    
    .footer-bottom .col-md-6.text-md-end {
        text-align: center !important;
    }
    
    .footer-copyright {
        font-size: 13px;
        line-height: 1.8;
        margin-bottom: 0;
        text-align: center;
    }
    
    .footer-bottom .d-flex {
        flex-direction: column;
        align-items: center !important;
        justify-content: center !important;
        gap: 15px !important;
    }
    
    .footer-cookie-link {
        font-size: 13px;
        white-space: nowrap;
    }
    
    .footer-ssl-icon {
        height: 28px;
        width: auto;
    }
}

/* Mobil header logo ortalaması */
.header-mobile .container.d-flex {
    justify-content: space-between;
    position: relative;
}

.header-mobile .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 !important;
    z-index: 1;
}

.header-mobile .logo a {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ===========================================
   PAGE BLADE SAYFASI STİLLERİ
   =========================================== */

/* Page Blade Wrapper */
.page-blade-wrapper {
    background-color: #ffffff;
    min-height: 100vh;
    padding: 40px 0;
}

.page-blade-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.page-blade-layout {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 60px;
    align-items: start;
}

/* Sidebar */
.page-blade-sidebar {
    position: sticky;
    top: 20px;
}

.page-blade-sidebar-pages {
    background-color: #fafafa;
    padding: 16px;
    margin-top: 0;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
}

.page-blade-sidebar-pages-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.page-blade-sidebar-page {
    font-size: 14px;
    color: #333;
    text-decoration: none;
    padding: 12px 16px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    border: none;
    border-radius: 6px;
    position: relative;
}

.page-blade-sidebar-icon {
    color: #ff6b35;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    width: 18px;
    text-align: center;
}

.page-blade-sidebar-text {
    flex: 1;
    font-weight: 400;
}

.page-blade-sidebar-page:hover {
    color: #ff6b35;
    background-color: #fff;
    transform: translateX(2px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.page-blade-sidebar-page.page-blade-active {
    background-color: #fff;
    color: #ff6b35;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(255, 107, 53, 0.15);
    border-left: 3px solid #ff6b35;
}

.page-blade-sidebar-page.page-blade-active .page-blade-sidebar-icon {
    color: #ff6b35;
    font-weight: 600;
}

/* Main Content */
.page-blade-main {
    background-color: transparent;
    padding: 0;
}

.page-blade-header {
    padding: 0 0 30px;
    border-bottom: none;
}

.page-blade-title-wrapper {
    max-width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 0;
}

.page-blade-title {
    font-size: 40px;
    font-weight: 700;
    color: #ff6b35;
    margin: 0 0 16px 0;
    line-height: 1.2;
    letter-spacing: 0;
}

.page-blade-subtitle {
    font-size: 17px;
    font-weight: 400;
    color: #666;
    margin: 0;
    line-height: 1.6;
}

.page-blade-article {
    padding: 0;
}

.page-blade-content {
    max-width: 100%;
    color: #333;
    line-height: 1.7;
    font-size: 15px;
    font-weight: 400;
}

.page-blade-content > *:first-child {
    margin-top: 0;
}

.page-blade-content > *:last-child {
    margin-bottom: 0;
}

/* Özel Class Stilleri - Sayfa İçeriği Elementleri */
.page-content-h1 {
    font-size: 26px;
    font-weight: 700;
    color: #212529;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.4;
    letter-spacing: -0.3px;
}

.page-content-h1:first-child {
    margin-top: 0;
}

.page-content-h2 {
    font-size: 22px;
    font-weight: 700;
    color: #212529;
    margin-top: 36px;
    margin-bottom: 18px;
    line-height: 1.4;
    letter-spacing: -0.2px;
}

.page-content-h2:first-child {
    margin-top: 0;
}

.page-content-h3 {
    font-size: 19px;
    font-weight: 600;
    color: #212529;
    margin-top: 32px;
    margin-bottom: 16px;
    line-height: 1.45;
    letter-spacing: -0.1px;
}

.page-content-h3:first-child {
    margin-top: 0;
}

.page-content-h4 {
    font-size: 17px;
    font-weight: 600;
    color: #212529;
    margin-top: 28px;
    margin-bottom: 14px;
    line-height: 1.5;
}

.page-content-h4:first-child {
    margin-top: 0;
}

.page-content-span {
    display: inline;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* H1 Stilleri */
.page-blade-content h1 {
    font-size: 24px;
    font-weight: 700;
    color: #212529;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    font-family: var(--dynamic-google-font, "Roboto"), sans-serif;
}

.page-blade-content h1:first-child {
    margin-top: 0;
}

/* H2 Stilleri */
.page-blade-content h2 {
    font-size: 20px;
    font-weight: 700;
    color: #212529;
    margin-top: 36px;
    margin-bottom: 18px;
    line-height: 1.4;
    letter-spacing: -0.2px;
    font-family: var(--dynamic-google-font, "Roboto"), sans-serif;
}

.page-blade-content h2:first-child {
    margin-top: 0;
}

/* H3 Stilleri */
.page-blade-content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #212529;
    margin-top: 32px;
    margin-bottom: 16px;
    line-height: 1.45;
    letter-spacing: -0.1px;
}

.page-blade-content h3:first-child {
    margin-top: 0;
}

/* H4 Stilleri */
.page-blade-content h4 {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    margin-top: 28px;
    margin-bottom: 14px;
    line-height: 1.5;
}

.page-blade-content h4:first-child {
    margin-top: 0;
}

/* Paragraf Stilleri */
.page-blade-content p {
    margin-bottom: 24px;
    color: #333;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 400;
}

/* Strong/Bold Stilleri */
.page-blade-content strong {
    font-weight: 700;
    color: #212529;
}

.page-blade-content b {
    font-weight: 700;
    color: #212529;
}

/* Liste Stilleri */
.page-blade-content ul,
.page-blade-content ol {
    margin-bottom: 24px;
    padding-left: 32px;
    color: #333;
}

.page-blade-content ul {
    list-style-type: disc;
}

.page-blade-content ol {
    list-style-type: decimal;
}

.page-blade-content li {
    margin-bottom: 12px;
    color: #333;
    line-height: 1.8;
    font-size: 17px;
    font-weight: 400;
}

.page-blade-content li strong {
    font-weight: 700;
    color: #212529;
}

/* Link Stilleri - alt çizgi yok (2026 modern UI) */
.page-blade-content a {
    color: #212529;
    text-decoration: none;
    transition: color 0.2s ease;
}

.page-blade-content a:hover {
    color: #01796f;
}

/* Blockquote Stilleri */
.page-blade-content blockquote {
    border-left: 3px solid #e5e5e5;
    padding-left: 28px;
    margin: 36px 0;
    color: #666;
    font-style: italic;
    font-size: 18px;
    line-height: 1.7;
}

.page-blade-content blockquote p {
    margin-bottom: 12px;
    color: #666;
}

.page-blade-content blockquote p:last-child {
    margin-bottom: 0;
}

/* Tablo Stilleri */
.page-blade-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 36px 0;
    border: 1px solid #e5e5e5;
}

.page-blade-content table th,
.page-blade-content table td {
    padding: 16px;
    border: 1px solid #e5e5e5;
    text-align: left;
    font-size: 16px;
    line-height: 1.6;
}

.page-blade-content table th {
    background-color: #fafafa;
    font-weight: 700;
    color: #212529;
}

.page-blade-content table td {
    color: #333;
    font-weight: 400;
}

.page-blade-content table td strong {
    font-weight: 700;
    color: #212529;
}

/* Resim Stilleri */
.page-blade-content img {
    max-width: 100%;
    height: auto;
    margin: 36px 0;
    display: block;
}

.page-blade-content img:first-child {
    margin-top: 0;
}

.page-blade-content img:last-child {
    margin-bottom: 0;
}

/* Code Stilleri */
.page-blade-content code {
    background-color: #f5f5f5;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 15px;
    font-family: 'Courier New', monospace;
    color: #c7254e;
}

.page-blade-content pre {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 4px;
    overflow-x: auto;
    margin: 24px 0;
    font-family: 'Courier New', monospace;
    font-size: 15px;
    line-height: 1.6;
}

.page-blade-content pre code {
    background-color: transparent;
    padding: 0;
    color: #333;
}

/* HR Stilleri */
.page-blade-content hr {
    border: none;
    border-top: 1px solid #e5e5e5;
    margin: 40px 0;
}

/* Em/Italic Stilleri */
.page-blade-content em {
    font-style: italic;
    color: #333;
}

/* Mark/Highlight Stilleri */
.page-blade-content mark {
    background-color: #fff3cd;
    padding: 2px 4px;
    color: #212529;
}

/* Responsive - Tablet */
@media (max-width: 1024px) {
    .page-blade-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .page-blade-sidebar {
        position: static;
        order: 2;
    }
    
    .page-blade-meta {
        display: flex;
        flex-direction: row;
        gap: 32px;
        justify-content: flex-start;
    }
    
    .page-blade-meta-item {
        flex-direction: row;
        align-items: center;
        gap: 8px;
    }
    
    .page-blade-divider {
        width: 1px;
        height: auto;
        margin: 0;
    }
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .page-blade-wrapper {
        padding: 40px 0;
    }
    
    .page-blade-container {
        padding: 0 16px;
    }
    
    .page-blade-header {
        padding: 40px 24px 30px;
    }
    
    .page-blade-title {
        font-size: 24px;
        line-height: 1.3;
    }
    
    .page-blade-article {
        padding: 40px 24px;
    }
    
    .page-blade-content {
        font-size: 16px;
        line-height: 1.75;
    }
    
    .page-blade-content h1 {
        font-size: 20px;
        margin-top: 32px;
    }
    
    .page-blade-content h2 {
        font-size: 18px;
        margin-top: 28px;
    }
    
    .page-blade-content h3 {
        font-size: 16px;
        margin-top: 24px;
    }
    
    .page-blade-content h4 {
        font-size: 15px;
        margin-top: 20px;
    }
    
    .page-blade-content p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .page-blade-content ul,
    .page-blade-content ol {
        padding-left: 24px;
    }
    
    .page-blade-content blockquote {
        padding-left: 20px;
        margin: 28px 0;
        font-size: 16px;
    }
    
    .page-blade-content table {
        font-size: 14px;
    }
    
    .page-blade-content table th,
    .page-blade-content table td {
        padding: 12px;
        font-size: 14px;
    }
    
    .page-blade-meta {
        flex-direction: column;
        gap: 20px;
    }
    
    .page-blade-meta-item {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .page-blade-divider {
        width: 100%;
        height: 1px;
        margin: 0;
    }
}

/* ===== ÜRÜN DETAY SAYFASI GRUPLU ÜRÜNLER - BENZERSİZ CLASS'LAR ===== */
/* Bu stiller sadece ürün detay sayfasındaki gruplu ürünler için kullanılır */
/* pdp- prefix'i ile diğer yerlerle çakışmayı önler */

.pdp-grouped-products-list {
    margin-bottom: 20px;
    background: #ffffff;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #e5e7eb;
}

.pdp-grouped-variation-item {
    width: 100%;
}

.pdp-grouped-header {
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f3f4f6;
    font-size: 14px;
    font-weight: 700;
    color: #c32929;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

.pdp-grouped-header strong {
    font-weight: 500;
    font-size: 12px;
    color: #6b7280;
    text-transform: none;
    letter-spacing: normal;
    display: block;
    margin-top: 4px;
    line-height: 1.4;
}

.pdp-grouped-table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.pdp-grouped-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

.pdp-grouped-table thead,
.pdp-grouped-table tbody,
.pdp-grouped-table tfoot,
.pdp-grouped-table tr,
.pdp-grouped-table td,
.pdp-grouped-table th {
    border-style: none;
}

.pdp-grouped-table tbody tr.pdp-grouped-child-row {
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.2s ease;
}

.pdp-grouped-table tbody tr.pdp-grouped-child-row:hover {
    background-color: #f9fafb;
}

.pdp-grouped-table tbody tr.pdp-grouped-child-row:last-child {
    border-bottom: none;
}

.pdp-grouped-table tbody tr.pdp-grouped-child-row th {
    padding: 10px 8px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    font-size: 14px;
}

.pdp-grouped-table tbody tr.pdp-grouped-child-row th:first-child {
    width: 40%;
}

.pdp-grouped-table tbody tr.pdp-grouped-child-row th:nth-child(2) {
    width: 30%;
    text-align: center;
}

.pdp-grouped-table tbody tr.pdp-grouped-child-row th:last-child {
    width: 30%;
    text-align: right;
}

.pdp-grouped-child-name {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    display: block;
    line-height: 1.4;
}

.pdp-grouped-qty-display {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-right: 6px;
}

.pdp-grouped-child-price {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    margin-right: 4px;
}

.pdp-grouped-table tbody tr.pdp-grouped-child-row th:nth-child(2) span:last-child {
    font-size: 13px;
    color: #1a1a1a;
    font-weight: 600;
}

.pdp-grouped-qty-control {
    display: inline-flex;
    align-items: center;
    gap: 0;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 3px;
    min-width: 110px;
    height: 40px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    justify-content: center;
    transition: all 0.2s ease;
}

.pdp-grouped-qty-control:hover {
    border-color: #9ca3af;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

.pdp-grouped-qty-btn {
    width: 15px;
    height: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #4b5563;
    background: transparent;
    border: none;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    padding: 0;
    transition: all 0.2s ease;
    user-select: none;
    -webkit-user-select: none;
}

.pdp-grouped-qty-btn:hover {
    background: #f3f4f6;
    color: #1f2937;
}

.pdp-grouped-qty-btn:active {
    background: #e5e7eb;
    transform: scale(0.95);
}

.pdp-grouped-qty-decrease {
    margin-right: 2px;
}

.pdp-grouped-qty-increase {
    margin-left: 2px;
}

.pdp-grouped-qty-input {
    width: 40px;
    height: 34px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #1f2937 !important;
    margin: 0;
    padding: 0;
    outline: none;
    -moz-appearance: textfield;
    min-width: 40px;
    opacity: 1 !important;
    visibility: visible !important;
}

.pdp-grouped-qty-input::-webkit-inner-spin-button,
.pdp-grouped-qty-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.pdp-grouped-qty-input::placeholder {
    color: #9ca3af;
    opacity: 0.6;
}

.pdp-grouped-qty-input::-webkit-input-placeholder {
    color: #9ca3af;
    opacity: 0.6;
}

.pdp-grouped-qty-input:-moz-placeholder {
    color: #9ca3af;
    opacity: 0.6;
}

.pdp-grouped-qty-input::-moz-placeholder {
    color: #9ca3af;
    opacity: 0.6;
}

.pdp-grouped-qty-input:focus {
    background: #f9fafb;
}

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    .pdp-grouped-products-list {
        padding: 10px;
        margin-bottom: 16px;
    }
    
    .pdp-grouped-header {
        font-size: 13px;
        margin-bottom: 8px;
        padding-bottom: 6px;
    }
    
    .pdp-grouped-header strong {
        font-size: 11px;
        margin-top: 3px;
    }
    
    .pdp-grouped-table-responsive {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    
    .pdp-grouped-table tbody tr.pdp-grouped-child-row th {
        padding: 5px 6px;
        font-size: 13px;
    }
    
    .pdp-grouped-table tbody tr.pdp-grouped-child-row th:first-child {
        width: 35%;
        min-width: 120px;
    }
    
    .pdp-grouped-table tbody tr.pdp-grouped-child-row th:nth-child(2) {
        width: 30%;
        text-align: center;
    }
    
    .pdp-grouped-table tbody tr.pdp-grouped-child-row th:last-child {
        width: 35%;
        text-align: right;
    }
    
    .pdp-grouped-child-name {
        font-size: 13px;
    }
    
    .pdp-grouped-qty-display {
        font-size: 12px;
        margin-right: 4px;
        color: #1a1a1a;
    }
    
    .pdp-grouped-child-price {
        font-size: 13px;
        margin-right: 2px;
        color: #1a1a1a;
    }
    
    .pdp-grouped-table tbody tr.pdp-grouped-child-row th:nth-child(2) span:last-child {
        color: #1a1a1a;
    }
    
    .pdp-grouped-qty-control {
        min-width: 100px;
        height: 36px;
        padding: 2px;
    }
    
    .pdp-grouped-qty-btn {
        width: 15px;
        height: 15px;
        font-size: 15px;
    }
    
    .pdp-grouped-qty-input {
        width: 42px;
        height: 32px;
        font-size: 14px;
        min-width: 42px;
        color: #1f2937 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Team Content Section Mobil Düzeltmeleri */
@media (max-width: 767px) {
    #tab-team-content {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    .team-content-section {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    .team-content-layout {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    .team-products-column {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    .team-products-grid {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: hidden;
        box-sizing: border-box;
    }
    
    .team-products-grid .productdetail-team-card,
    #tab-team-content .productdetail-team-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .productdetail-team-card__media {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
    
    .productdetail-team-card__body {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    
    .productdetail-team-card__prices {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    
    .productdetail-team-card__controls {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
}

@media (max-width: 480px) {
    .pdp-grouped-products-list {
        padding: 8px;
    }
    
    .pdp-grouped-table tbody tr.pdp-grouped-child-row th {
        padding: 8px 4px;
    }
    
    .pdp-grouped-child-name {
        font-size: 12px;
    }
    
    .pdp-grouped-qty-control {
        min-width: 90px;
        height: 34px;
    }
    
    .pdp-grouped-qty-btn {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    
    .pdp-grouped-qty-input {
        width: 38px;
        height: 30px;
        font-size: 14px;
        min-width: 38px;
        color: #1f2937 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* Son Gezilen Ürünler - Alt Boşluk Düzenlemesi */
.son-gezilen-urunler-wrapper {
    padding-bottom: 1rem !important;
    margin-bottom: 0 !important;
}

.son-gezilen-urunler-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.son-gezilen-urunler-title-row {
    margin-bottom: 1.5rem !important;
}

.son-gezilen-urunler-slider-row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.son-gezilen-urunler-slider {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 768px) {
    .son-gezilen-urunler-wrapper {
        padding-bottom: 0.75rem !important;
    }
    
    .son-gezilen-urunler-title-row {
        margin-bottom: 1rem !important;
    }
}

@media (max-width: 576px) {
    .son-gezilen-urunler-wrapper {
        padding-bottom: 0.5rem !important;
    }
    
    .son-gezilen-urunler-title-row {
        margin-bottom: 0.75rem !important;
    }
}

/* Scroll to Top Button */
#scrollTop.scroll-to-top-btn {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
    background-color: #222222 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    font-size: 18px !important;
    clip: auto !important;
}

#scrollTop.scroll-to-top-btn:hover {
    background-color: #333333 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

#scrollTop.scroll-to-top-btn.show {
    opacity: 1 !important;
    visibility: visible !important;
}

#scrollTop.scroll-to-top-btn i {
    color: #ffffff !important;
}

@media (max-width: 768px) {
    #scrollTop.scroll-to-top-btn {
        bottom: 20px !important;
        right: 20px !important;
        width: 45px !important;
        height: 45px !important;
        font-size: 16px !important;
    }
}


/* Minimal Radio Buttons */
.minimal-radio-group {
    display: flex;
    gap: 8px;
    background: #f8f9fa;
    padding: 4px;
    border-radius: 8px;
    border: 1px solid #eee;
}

.minimal-radio-option {
    margin: 0;
    cursor: pointer;
    flex: 1;
    min-width: 80px;
}

.minimal-radio-option input {
    display: none;
}

.minimal-radio-option .radio-content {
    padding: 6px 12px;
    border-radius: 6px;
    text-align: center;
    transition: all 0.2s ease;
    font-size: 0.875rem;
    font-weight: 500;
    color: #666;
    background: transparent;
    border: 1px solid transparent;
}

.minimal-radio-option input:checked + .radio-content {
    background: #222;
    color: #fff;
    border-color: #222;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.minimal-radio-option:hover .radio-content:not(input:checked + .radio-content) {
    background: #e9ecef;
}

/* Page Blade Responsive */
@media (max-width: 1024px) {
    .page-blade-layout {
        grid-template-columns: 240px 1fr;
        gap: 40px;
    }
    
    .page-blade-sidebar-pages {
        padding: 14px;
    }
    
    .page-blade-title {
        font-size: 32px;
    }
    
    .page-blade-subtitle {
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .page-blade-wrapper {
        padding: 40px 0;
    }
    
    .page-blade-container {
        padding: 0 16px;
    }
    
    .page-blade-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .page-blade-sidebar {
        position: static;
        order: 2;
    }
    
    .page-blade-sidebar-pages {
        padding: 14px;
    }
    
    .page-blade-main {
        order: 1;
    }
    
    .page-blade-title {
        font-size: 28px;
    }
    
    .page-blade-subtitle {
        font-size: 14px;
    }
    
    .page-blade-article {
        padding: 20px 0 0;
    }
    
    .page-blade-content {
        font-size: 16px;
    }
}

/* ===== SECURITY PAGE SPECIFIC STYLES ===== */
#security-page {
    width: 100%;
}

#security-page .minimal-alert {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 1rem 1.5rem !important;
    border-radius: 8px !important;
    margin-bottom: 1.5rem !important;
    gap: 0.75rem !important;
    width: 100% !important;
}

#security-page .minimal-alert > div {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

#security-page .minimal-alert > div span {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#security-page .minimal-alert-close {
    background: none !important;
    border: none !important;
    font-size: 1.5rem !important;
    color: currentColor !important;
    cursor: pointer !important;
    padding: 0 !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    transition: background-color 0.2s !important;
    flex-shrink: 0 !important;
    opacity: 0.7 !important;
}

#security-page .minimal-alert-close:hover {
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 1;
}

#security-page .minimal-alert .minimal-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

#security-page .minimal-card {
    margin-bottom: 2rem;
}

#security-page .minimal-card-header h5 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
}

#security-page .minimal-card-header h5 .minimal-icon {
    width: 1.25rem;
    height: 1.25rem;
}

#security-page .minimal-grid-2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
}

#security-page .minimal-form-group {
    margin-bottom: 1rem;
}

#security-page .minimal-form-label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #333;
    font-size: 0.875rem;
}

#security-page .minimal-form-input {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.875rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    background: #ffffff;
}

#security-page .minimal-form-input:focus {
    outline: none;
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}

#security-page .minimal-form-input:disabled {
    background-color: #f5f5f5;
    cursor: not-allowed;
    opacity: 0.7;
}

#security-page .minimal-btn {
    margin-top: 0.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
}

#security-page .minimal-btn .minimal-icon-sm {
    width: 1rem !important;
    height: 1rem !important;
    flex-shrink: 0 !important;
    margin-right: 0 !important;
}

#security-page .minimal-btn svg.minimal-icon-sm {
    width: 1rem !important;
    height: 1rem !important;
    flex-shrink: 0 !important;
    margin-right: 0 !important;
}

#security-page .minimal-btn span {
    white-space: nowrap !important;
}

#security-page .minimal-btn:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/* Security Page - Belirgin Buton Stilleri */
#security-page .security-btn-primary {
    padding: 0.65rem 1.25rem !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    min-height: 42px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(220, 53, 69, 0.25) !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
}

#security-page .security-btn-primary:hover:not(:disabled) {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.35) !important;
}

#security-page .security-btn-primary:active:not(:disabled) {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(220, 53, 69, 0.25) !important;
}

#security-page .security-btn-secondary {
    padding: 0.65rem 1.25rem !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    min-height: 42px !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(108, 117, 125, 0.15) !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    background: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

#security-page .security-btn-secondary:hover:not(:disabled) {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(108, 117, 125, 0.25) !important;
    background: #5a6268 !important;
    border-color: #5a6268 !important;
}

#security-page .security-btn-secondary:active:not(:disabled) {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(108, 117, 125, 0.15) !important;
}

#security-page .security-btn-primary .minimal-icon-sm,
#security-page .security-btn-secondary .minimal-icon-sm {
    width: 1.1rem !important;
    height: 1.1rem !important;
}

/* Şifrenizi mi unuttunuz? Bölümü */
#security-page .security-forgot-password-box {
    background: #fff8e1 !important;
    padding: 2rem !important;
    border-radius: 12px !important;
    border: 2px solid #f59e0b !important;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.15) !important;
    margin-bottom: 1rem !important;
}

#security-page .security-forgot-password-box h6 {
    color: #d97706 !important;
}

#security-page .security-forgot-password-box p {
    color: #92400e !important;
}

/* Responsive adjustments for security page */
@media (max-width: 768px) {
    #security-page .minimal-grid-2 {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    #security-page .minimal-card {
        margin-bottom: 1.5rem !important;
    }
    
    #security-page .minimal-card-header {
        padding: 1rem !important;
    }
    
    #security-page .minimal-card-body {
        padding: 1rem !important;
    }
    
    #security-page .minimal-alert {
        padding: 0.875rem 1rem !important;
        flex-wrap: wrap !important;
    }
    
    #security-page .minimal-alert > div {
        width: 100% !important;
        margin-bottom: 0.5rem !important;
    }
    
    #security-page .minimal-alert-close {
        align-self: flex-start !important;
        margin-left: auto !important;
    }
    
    #security-page .minimal-btn {
        padding: 0.5rem 1rem !important;
        font-size: 0.875rem !important;
        min-height: 40px !important;
        gap: 0.5rem !important;
    }
    
    #security-page .security-btn-primary,
    #security-page .security-btn-secondary {
        padding: 0.6rem 1.1rem !important;
        font-size: 0.85rem !important;
        min-height: 40px !important;
    }
    
    #security-page .security-btn-primary .minimal-icon-sm,
    #security-page .security-btn-secondary .minimal-icon-sm {
        width: 1rem !important;
        height: 1rem !important;
    }
}

/* ===========================================
   KATEGORİ SAYFASI - SCROLL YÜKLEME ANİMASYONLARI
   =========================================== */

/* Yeni yüklenen ürünler için animasyon */
.products-grid .product-card-wrapper.product-loading-animation {
    opacity: 0;
    transform: translateY(20px);
    will-change: opacity, transform;
}

/* Ürün kartları için performans optimizasyonu */
.products-grid .product-card-wrapper {
    will-change: opacity, transform;
}

/* Loading spinner animasyonu */
#infinite-scroll-loading {
    padding: 2rem 0;
}

#infinite-scroll-loading .spinner-border {
    width: 2.5rem;
    height: 2.5rem;
    border-width: 0.25rem;
    animation: spinner-border 0.75s linear infinite;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

/* Infinite scroll end mesajı */
#infinite-scroll-end {
    padding: 2rem 0;
    color: #6c757d;
    font-size: 0.9rem;
}

/* Ürün grid için performans optimizasyonu */
.products-grid {
    contain: layout style paint;
}

.products-grid .product-card-wrapper {
    contain: layout style paint;
}

/* ===========================================
   UI/UX MOBİL İYİLEŞTİRMELERİ (WCAG & Apple HIG)
   =========================================== */

/* Touch hedefleri min 44x44px - erişilebilirlik */
@media (max-width: 768px) {
    button, .btn, a.btn,
    input[type="submit"], input[type="button"],
    .mobile-bottom-nav a,
    .product-card .btn-add-cart,
    .furniture-form-submit {
        min-height: 44px;
        min-width: 44px;
        padding: 0.75rem 1rem;
    }
    
    /* Input alanları dokunma dostu */
    input[type="text"], input[type="email"], input[type="password"],
    input[type="tel"], input[type="search"], textarea, select {
        font-size: 16px !important; /* iOS zoom engelleme */
        min-height: 44px;
        padding: 0.75rem 1rem;
    }
    
    /* Safe area - çentikli cihazlar */
    body {
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
    
    .mobile-bottom-nav,
    .fixed-bottom,
    header.header {
        padding-bottom: env(safe-area-inset-bottom);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
}

/* Küçük ekranlar için okunabilirlik */
@media (max-width: 576px) {
    body {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }
    
    /* Minimum font boyutu */
    .product-card__title,
    .blog-card h3,
    h1, h2, h3 {
        font-size: clamp(1rem, 4vw, 1.5rem) !important;
    }
}

/* ===========================================
   2026 MODERN TASARIM - Shopify benzeri
   Container, buton ve sayfa tutarlılığı
   =========================================== */

/* Global container max-width - 1320px (Bootstrap xl+) */
.user-account-container .container,
.furniture-contact-page .container,
.bankapage-container .bankapage-content,
.furniture-contact-layout,
.shop-main.container,
.container .cartnova,
.container.mxw-wrap,
.page-blade-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Banks page - outer wrapper padding */
.bankapage-container {
    padding: 2rem 1rem;
}

/* Cart page - dikey boşluk container py-4/py-lg-5 ile sağlanıyor */

/* Checkout page - main content spacing */
.container.mxw-wrap {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
}

/* Checkout - breadcrumb container */
.checkout-breadcrumb .container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

/* User account - modern card layout */
.user-account-container {
    padding: 2rem 0;
}

.user-sidebar .sidebar {
    border-radius: 12px;
    overflow: hidden;
}

.user-sidebar .sidebar ul li a {
    transition: background-color 0.2s ease, color 0.2s ease;
}

.user-sidebar .sidebar ul li.sidebar-divider {
    height: 1px;
    margin: 0.5rem 0;
    background: #e5e7eb;
}

.user-sidebar .sidebar ul li a.sidebar-cart-link {
    color: #c32929;
    font-weight: 500;
}

/* Modern buton seti - tüm sayfalarda tutarlı */
.minimal-btn,
.action-btn,
.btn-primary,
.furniture-form-submit,
.dashboard-view-all-btn,
.order-action-btn,
.notification-header-btn,
.cartnova-button,
.cartpage-checkout-button,
.checkoutpage-coupon__button,
.checkoutpage-submit,
.checkoutpage-auth-callout__cta,
.checkoutpage-login-sheet__submit,
.bankapage-copy-btn {
    border-radius: 10px !important;
    font-weight: 600 !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.minimal-btn:hover,
.action-btn:hover,
.furniture-form-submit:hover,
.dashboard-view-all-btn:hover,
.order-action-btn:not(:disabled):hover,
.cartnova-button:hover,
.cartpage-checkout-button:hover,
.checkoutpage-coupon__button:hover,
.checkoutpage-submit:hover,
.checkoutpage-auth-callout__cta:hover,
.checkoutpage-login-sheet__submit:hover,
.bankapage-copy-btn:hover {
    transform: translateY(-1px);
}

/* Footer fallback menü */
.footer-menu-fallback .footer-menu-title {
    font-size: 0.875rem;
    font-weight: 600;
}

.footer-menu-fallback .footer-menu-link {
    font-size: 0.9rem;
}

/* Banks & Contact pages - padding */
.bankapage-container .bankapage-content,
.furniture-contact-page .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width: 768px) {
    .bankapage-container .bankapage-content,
    .furniture-contact-page .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* Page template */
.furniture-page,
.page-content .container {
    max-width: 900px;
}

@media (min-width: 992px) {
    .user-account-layout {
        gap: 2rem;
    }
    
    .user-sidebar {
        flex-shrink: 0;
    }
}

/* ===========================================
   COMPACT MODERN - User, Contact, Cart, Page
   Minimalist 2026 tasarım
   =========================================== */

/* --- Dashboard: Küçük simgeler, compact --- */
.dashboard-welcome-icon,
.dashboard-stat-icon {
    width: 36px !important;
    height: 36px !important;
}
.dashboard-welcome-icon svg,
.dashboard-stat-icon svg {
    width: 18px !important;
    height: 18px !important;
}
.dashboard-welcome-title { font-size: 1.1rem !important; }
.dashboard-welcome-subtitle { font-size: 0.85rem !important; }
.dashboard-stat-title { font-size: 0.7rem !important; letter-spacing: 0.5px; }
.dashboard-stat-value { font-size: 1.5rem !important; }
.dashboard-stat-description { font-size: 0.75rem !important; }
.dashboard-stats-grid { gap: 0.75rem !important; }
.dashboard-stat-card { padding: 1rem !important; }
.dashboard-section-title { font-size: 0.9rem !important; }
.dashboard-section-icon { width: 14px !important; height: 14px !important; }
.order-card { padding: 1rem !important; }
.order-card-header, .order-card-body, .order-card-footer { padding: 0.5rem 0 !important; }
.order-action-btn { padding: 0.4rem 0.75rem !important; font-size: 0.8rem !important; }
.dashboard-view-all-btn, .dashboard-empty-btn { padding: 0.5rem 1rem !important; font-size: 0.85rem !important; }
.dashboard-empty-icon svg, .dashboard-empty-icon { width: 36px !important; height: 36px !important; }
.dashboard-coupon-item { padding: 0.75rem !important; }
.dashboard-coupon-btn { padding: 0.35rem 0.6rem !important; font-size: 0.75rem !important; }

/* --- Orders: Compact --- */
.orders-page-header { padding: 1rem 0 !important; }
.orders-header-icon { width: 32px !important; height: 32px !important; }
.orders-header-icon svg { width: 16px !important; height: 16px !important; }
.orders-page-title { font-size: 1.25rem !important; }
.orders-page-description { font-size: 0.85rem !important; }
.orders-list { gap: 0.75rem !important; }
.orders-empty-icon { width: 40px !important; height: 40px !important; }
.orders-empty-icon svg { width: 20px !important; height: 20px !important; }
.order-number-value { font-size: 0.95rem !important; }
.order-status-badge { font-size: 0.75rem !important; padding: 0.25rem 0.5rem !important; }
.order-status-badge svg { width: 12px !important; height: 12px !important; }

/* --- Addresses: Compact --- */
.addresses-header-icon { width: 32px !important; height: 32px !important; }
.addresses-header-icon svg { width: 16px !important; height: 16px !important; }
.addresses-header-text h1 { font-size: 1.25rem !important; }
.addresses-header-text p { font-size: 0.85rem !important; }
.add-address-button { padding: 0.5rem 1rem !important; font-size: 0.85rem !important; }
.add-address-button svg { width: 14px !important; height: 14px !important; }
.address-card { padding: 1rem !important; }
.address-action-btn { padding: 0.35rem 0.6rem !important; font-size: 0.8rem !important; }
.empty-addresses-icon { width: 40px !important; height: 40px !important; }
.empty-addresses-icon svg { width: 20px !important; height: 20px !important; }

/* --- Favorites: Compact --- */
.favorites-page-header { padding: 1rem 0 !important; }
.favorites-header-icon { width: 32px !important; height: 32px !important; }
.favorites-header-icon svg { width: 16px !important; height: 16px !important; }
.favorites-page-title { font-size: 1.25rem !important; }
.favorites-page-description { font-size: 0.85rem !important; }
.favorite-card { padding: 0.75rem !important; }
.favorite-card .product-title { font-size: 0.9rem !important; }
.favorite-card .product-price { font-size: 0.9rem !important; }
.add-to-cart-btn, .view-product-btn { padding: 0.4rem 0.75rem !important; font-size: 0.8rem !important; }
.favorites-empty-icon { width: 40px !important; height: 40px !important; }
.favorites-empty-icon svg { width: 20px !important; height: 20px !important; }

/* --- Coupons: Compact --- */
.coupons-header { padding: 1rem 0 !important; }
.coupons-header__icon { width: 32px !important; height: 32px !important; }
.coupons-header__icon svg { width: 16px !important; height: 16px !important; }
.coupons-header__title { font-size: 1.25rem !important; }
.coupons-header__subtitle { font-size: 0.85rem !important; }
.coupon-card { padding: 1rem !important; }
.coupon-card__description { font-size: 0.9rem !important; }
.discount-amount { font-size: 1.25rem !important; }
.coupon-detail { font-size: 0.8rem !important; }
.coupon-detail svg { width: 12px !important; height: 12px !important; }
.coupon-copy-btn { padding: 0.4rem 0.75rem !important; font-size: 0.8rem !important; }

/* --- Security: Compact --- */
#security-page .minimal-card { margin-bottom: 1.25rem !important; }
#security-page h1 { font-size: 1.25rem !important; }
#security-page .minimal-form-group { margin-bottom: 0.75rem !important; }
#security-page .minimal-btn { padding: 0.5rem 1rem !important; font-size: 0.9rem !important; }
#security-page .minimal-icon { width: 16px !important; height: 16px !important; }
.security-forgot-password-box .minimal-icon { width: 20px !important; height: 20px !important; }

/* --- Contact: Siyah/Kahverengi butonlar, minimalist --- */
.furniture-form-submit {
    background: #2d2d2d !important;
    border-color: #2d2d2d !important;
    color: #fff !important;
    padding: 0.6rem 1.25rem !important;
    font-size: 0.9rem !important;
}
.furniture-form-submit:hover { background: #1a1a1a !important; border-color: #1a1a1a !important; }
.furniture-contact-hero-title { font-size: 1.5rem !important; }
.furniture-contact-hero-subtitle { font-size: 0.9rem !important; }
.furniture-contact-form-title, .furniture-contact-info-title { font-size: 1rem !important; }
.furniture-contact-branches-title { font-size: 1rem !important; }
.furniture-contact-branch-card { padding: 1rem !important; }
.furniture-contact-branch-card h3 { font-size: 1rem !important; }

/* --- Cart: Compact butonlar --- */
.cartnova-button { padding: 0.5rem 1rem !important; font-size: 0.85rem !important; }
.cartpage-checkout-button { padding: 0.6rem 1rem !important; font-size: 0.9rem !important; }
.cartpage-checkout-button__icon { width: 20px !important; height: 20px !important; }
.cartnova-form__actions .cartnova-button { padding: 0.45rem 0.9rem !important; font-size: 0.8rem !important; }
.checkoutpage-coupon__button { padding: 0.45rem 0.9rem !important; font-size: 0.85rem !important; }
.cartnova__title { font-size: 1.2rem !important; }
.cartnova__subtitle { font-size: 0.85rem !important; }
.cartnova__panel-head { padding: 1rem 1.25rem !important; }
.cartnova__panel-body { padding: 0 1.25rem 1rem !important; }
.cartnova__panel-foot { padding: 1rem !important; }
.cartnova-footnote { font-size: 0.8rem !important; margin-top: 0.5rem !important; }

/* --- Page degisim-iade-montaj: Yeni tasarım --- */
.page--degisim-iade .page-blade-wrapper { max-width: 800px; margin: 0 auto; }
.page--degisim-iade .page-blade-title { font-size: 1.5rem !important; }
.page--degisim-iade .page-blade-subtitle { font-size: 0.9rem !important; }
.page--degisim-iade .awa-page-hero { padding: 1rem 0 !important; }
.page--degisim-iade .page-blade-content {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #374151;
}
.page--degisim-iade .page-blade-content h2 { font-size: 1.1rem !important; margin-top: 1.5rem !important; }
.page--degisim-iade .page-blade-content h3 { font-size: 1rem !important; margin-top: 1.25rem !important; }
.page--degisim-iade .page-blade-content ul, .page--degisim-iade .page-blade-content ol { padding-left: 1.25rem; }
.page--degisim-iade .awa-page-card { padding: 1.5rem !important; border-radius: 8px; }

/* ============================================
   COMPACT MODERN - User Account & Pages
   Küçük simgeler, minimalist tasarım
   ============================================ */

/* Dashboard - compact icons & stats */
.dashboard-welcome-icon { width: 40px; height: 40px; }
.dashboard-welcome-icon svg { width: 22px; height: 22px; }
.dashboard-welcome-title { font-size: 1.15rem; }
.dashboard-welcome-subtitle { font-size: 0.875rem; }
.dashboard-stats-grid { gap: 12px; }
.dashboard-stat-icon { width: 36px; height: 36px; }
.dashboard-stat-icon svg { width: 18px; height: 18px; }
.dashboard-stat-title { font-size: 0.7rem; letter-spacing: 0.5px; }
.dashboard-stat-value { font-size: 1.35rem; }
.dashboard-stat-description { font-size: 0.75rem; }
.dashboard-stat-card { padding: 14px 16px; }
.dashboard-section-icon { width: 16px; height: 16px; }
.dashboard-section-title { font-size: 0.95rem; }
.dashboard-empty-icon { width: 48px; height: 48px; }
.dashboard-empty-icon svg { width: 24px; height: 24px; }
.order-card { padding: 14px 16px; }
.order-action-btn { padding: 8px 14px; font-size: 0.8rem; }
.order-action-btn svg { width: 14px; height: 14px; }
.dashboard-view-all-btn { padding: 8px 16px; font-size: 0.85rem; }

/* Orders - compact */
.orders-page-header .orders-header-icon { width: 40px; height: 40px; }
.orders-page-header .orders-header-icon svg { width: 20px; height: 20px; }
.orders-page-title { font-size: 1.25rem; }
.orders-page-description { font-size: 0.85rem; }
.orders-empty-icon { width: 48px; height: 48px; }
.orders-empty-icon svg { width: 24px; height: 24px; }

/* Addresses - compact */
.addresses-header-icon { width: 40px; height: 40px; }
.addresses-header-icon svg { width: 20px; height: 20px; }
.addresses-page h1 { font-size: 1.25rem; }
.addresses-page .add-address-button { padding: 10px 18px; font-size: 0.9rem; }
.address-card { padding: 14px 16px; }
.address-action-btn { padding: 8px 14px; font-size: 0.8rem; }
.address-action-btn svg { width: 14px; height: 14px; }
.empty-addresses-icon { width: 48px; height: 48px; }
.empty-addresses-icon svg { width: 24px; height: 24px; }

/* Favorites - compact */
.favorites-page-header .favorites-header-icon { width: 40px; height: 40px; }
.favorites-page-header .favorites-header-icon svg { width: 20px; height: 20px; }
.favorites-page-title { font-size: 1.25rem; }
.favorites-page-description { font-size: 0.85rem; }
.favorite-card { padding: 12px; }
.favorite-card .product-title { font-size: 0.9rem; }
.favorite-remove-btn { width: 28px; height: 28px; padding: 4px; }
.add-to-cart-btn, .view-product-btn { padding: 8px 14px; font-size: 0.8rem; }
.favorites-empty-icon { width: 48px; height: 48px; }
.favorites-empty-icon svg { width: 24px; height: 24px; }

/* Coupons - compact */
.coupons-header__icon { width: 40px; height: 40px; }
.coupons-header__icon svg { width: 20px; height: 20px; }
.coupons-header__title { font-size: 1.25rem; }
.coupons-header__subtitle { font-size: 0.85rem; }
.coupon-card { padding: 14px 16px; }
.coupon-card__discount .discount-amount { font-size: 1.1rem; }
.coupon-detail svg { width: 14px; height: 14px; }
.coupon-copy-btn { padding: 8px 14px; font-size: 0.8rem; }

/* Security - compact */
.minimal-card-body h1 { font-size: 1.35rem !important; }
.minimal-card-body p { font-size: 0.9rem !important; }
.minimal-form-input { padding: 10px 12px; font-size: 0.9rem; }
.minimal-btn { padding: 10px 18px; font-size: 0.9rem; }
.security-forgot-password-box .minimal-form-input { padding: 10px 12px; }

/* İletişim - siyah/kahverengi butonlar, minimalist */
.furniture-form-submit {
    background: #2c2419 !important;
    border-color: #2c2419 !important;
    color: #fff !important;
}
.furniture-form-submit:hover {
    background: #3d3428 !important;
    border-color: #3d3428 !important;
}
.furniture-contact-hero { padding: 1.5rem 0; }
.furniture-contact-hero-title { font-size: 1.5rem; }
.furniture-contact-form-title,
.furniture-contact-info-title { font-size: 1.1rem; }
.furniture-contact-form input,
.furniture-contact-form textarea {
    padding: 10px 12px;
    font-size: 0.9rem;
}

/* Cart - compact */
.cartnova-button { padding: 10px 18px; font-size: 0.875rem; }
.cartnova-button svg { width: 16px; height: 16px; }
.cartpage-checkout-button { padding: 12px 20px; }
.cartpage-checkout-button__title { font-size: 0.95rem; }
.cartpage-checkout-button__subtitle { font-size: 0.75rem; }
.cartnova__title { font-size: 1.2rem; }
.cartnova__subtitle { font-size: 0.85rem; }
.cartnova-form__actions .cartnova-button { padding: 8px 14px; font-size: 0.85rem; }
.checkoutpage-coupon__button { padding: 8px 16px; font-size: 0.85rem; }
.cartnova-summary__row { padding: 6px 0; }
.cartnova-item { padding: 12px 0; }

/* Page - degisim-iade-montaj yeni tasarım */
.page-blade-wrapper.page--degisim-iade .page-blade-content {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #374151;
}
.page-blade-wrapper.page--degisim-iade .page-blade-content h2 {
    font-size: 1.15rem;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
    color: #111827;
}
.page-blade-wrapper.page--degisim-iade .page-blade-content h3 {
    font-size: 1.05rem;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}
.page-blade-wrapper.page--degisim-iade .page-blade-content ul,
.page-blade-wrapper.page--degisim-iade .page-blade-content ol {
    padding-left: 1.25rem;
    margin: 0.5rem 0;
}
.page-blade-wrapper.page--degisim-iade .page-blade-content p {
    margin-bottom: 0.75rem;
}
.page-blade-wrapper.page--degisim-iade .awa-page-hero {
    padding-bottom: 1rem;
}
.page-blade-wrapper.page--degisim-iade .page-blade-title {
    font-size: 1.35rem;
}
.page-blade-wrapper.page--degisim-iade .awa-page-card {
    padding: 1.25rem 1.5rem;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

/* ===========================================
   COMPACT MODERN TASARIM 2026
   Dashboard, Orders, Addresses, Favorites,
   Coupons, Security, Contact, Cart, Page
   =========================================== */

/* --- Dashboard: küçük simgeler, minimalist --- */
.dashboard-welcome-icon,
.dashboard-stat-icon {
    width: 36px !important;
    height: 36px !important;
    padding: 8px !important;
}
.dashboard-welcome-icon svg,
.dashboard-stat-icon svg {
    width: 18px !important;
    height: 18px !important;
}
.dashboard-welcome-title { font-size: 1.1rem !important; }
.dashboard-welcome-subtitle { font-size: 0.85rem !important; }
.dashboard-stat-title { font-size: 0.7rem !important; letter-spacing: 0.5px; }
.dashboard-stat-value { font-size: 1.5rem !important; }
.dashboard-stat-description { font-size: 0.75rem !important; }
.dashboard-stat-card { padding: 1rem !important; }
.dashboard-stats-grid { gap: 0.75rem !important; }
.dashboard-section-title { font-size: 0.9rem !important; }
.dashboard-section-icon { width: 16px !important; height: 16px !important; }
.order-card { padding: 1rem !important; }
.order-number-value { font-size: 0.95rem !important; }
.order-status-badge { font-size: 0.7rem !important; padding: 4px 8px !important; }
.order-status-badge svg { width: 12px !important; height: 12px !important; }
.order-action-btn { font-size: 0.8rem !important; padding: 6px 12px !important; }
.order-action-btn svg { width: 14px !important; height: 14px !important; }
.dashboard-view-all-btn,
.dashboard-empty-btn { font-size: 0.85rem !important; padding: 8px 16px !important; }
.dashboard-empty-icon { width: 48px !important; height: 48px !important; }
.dashboard-empty-icon svg { width: 24px !important; height: 24px !important; }

/* --- Orders: compact --- */
.orders-page-header .orders-header-icon,
.orders-header-icon svg {
    width: 28px !important;
    height: 28px !important;
}
.orders-page-title { font-size: 1.25rem !important; }
.orders-page-description { font-size: 0.8rem !important; }
.orders-empty-icon { width: 48px !important; height: 48px !important; }
.orders-empty-icon svg { width: 24px !important; height: 24px !important; }
.orders-empty-btn { font-size: 0.85rem !important; padding: 8px 16px !important; }

/* --- Addresses: compact --- */
.addresses-header-icon,
.addresses-header-icon svg {
    width: 24px !important;
    height: 24px !important;
}
.addresses-page h1 { font-size: 1.25rem !important; }
.address-card { padding: 1rem !important; }
.address-action-btn { font-size: 0.75rem !important; padding: 6px 10px !important; }
.add-address-button { font-size: 0.85rem !important; padding: 8px 14px !important; }
.empty-addresses-icon { width: 48px !important; height: 48px !important; }

/* --- Favorites: compact --- */
.favorites-header-icon,
.favorites-header-icon svg {
    width: 24px !important;
    height: 24px !important;
}
.favorites-page-title { font-size: 1.25rem !important; }
.favorites-page-description { font-size: 0.8rem !important; }
.favorite-card { padding: 0.75rem !important; }
.favorite-card .product-title { font-size: 0.9rem !important; }
.add-to-cart-btn, .view-product-btn { font-size: 0.75rem !important; padding: 6px 10px !important; }
.favorites-empty-icon { width: 48px !important; height: 48px !important; }
.favorites-empty-btn { font-size: 0.85rem !important; padding: 8px 16px !important; }

/* --- Coupons: compact --- */
.coupons-header__icon,
.coupons-header__icon svg {
    width: 24px !important;
    height: 24px !important;
}
.coupons-header__title { font-size: 1.25rem !important; }
.coupons-header__subtitle { font-size: 0.8rem !important; }
.coupon-card { padding: 1rem !important; }
.coupon-card__description { font-size: 0.85rem !important; }
.discount-amount { font-size: 1.1rem !important; }
.coupon-detail { font-size: 0.8rem !important; }
.coupon-card__copy-btn { font-size: 0.75rem !important; padding: 6px 12px !important; }
.coupons-empty-icon { width: 48px !important; height: 48px !important; }

/* --- Security: compact --- */
.minimal-card-body h1 { font-size: 1.25rem !important; }
.minimal-card-body p { font-size: 0.85rem !important; }
.minimal-icon { width: 18px !important; height: 18px !important; }
.minimal-btn { font-size: 0.85rem !important; padding: 8px 16px !important; }
.security-forgot-password-box .minimal-icon { width: 20px !important; height: 20px !important; }

/* --- Contact: siyah/kahverengi butonlar, minimalist --- */
.furniture-form-submit {
    background: #2c2c2c !important;
    border-color: #2c2c2c !important;
    color: #fff !important;
    font-size: 0.9rem !important;
    padding: 10px 20px !important;
}
.furniture-form-submit:hover {
    background: #5a4a3a !important;
    border-color: #5a4a3a !important;
}
.furniture-contact-hero-title { font-size: 1.5rem !important; }
.furniture-contact-hero-subtitle { font-size: 0.9rem !important; }
.furniture-contact-form-title,
.furniture-contact-info-title { font-size: 1.1rem !important; }
.furniture-form-input,
.furniture-form-textarea { font-size: 0.9rem !important; padding: 10px 14px !important; }

/* --- Cart: compact butonlar --- */
.cartnova-button {
    font-size: 0.8rem !important;
    padding: 8px 14px !important;
}
.cartnova-button svg,
.cartnova-button i { font-size: 12px !important; }
.cartpage-checkout-button { padding: 12px 20px !important; }
.cartpage-checkout-button__title { font-size: 0.95rem !important; }
.cartpage-checkout-button__subtitle { font-size: 0.75rem !important; }
.cartpage-checkout-button__icon,
.cartpage-checkout-button__arrow { width: 18px !important; height: 18px !important; }
.checkoutpage-coupon__button { font-size: 0.8rem !important; padding: 8px 14px !important; }
.cartnova__title { font-size: 1.2rem !important; }
.cartnova__subtitle { font-size: 0.8rem !important; }
.cartnova-form__actions .cartnova-button { font-size: 0.75rem !important; padding: 6px 12px !important; }

/* --- Page degisim-iade-montaj: yeni tasarım --- */
.page--degisim-iade .page-blade-wrapper {
    max-width: 720px;
}
.page--degisim-iade .page-blade-title {
    font-size: 1.5rem !important;
    font-weight: 600;
}
.page--degisim-iade .page-blade-subtitle {
    font-size: 0.9rem !important;
}
.page--degisim-iade .awa-page-card {
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    padding: 1.5rem;
    background: #fff;
}
.page--degisim-iade .page-blade-content {
    font-size: 0.9rem;
    line-height: 1.6;
}
.page--degisim-iade .page-blade-content h2 {
    font-size: 1.1rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}
.page--degisim-iade .page-blade-content ul,
.page--degisim-iade .page-blade-content ol {
    padding-left: 1.25rem;
    margin-bottom: 0.75rem;
}
.page--degisim-iade .page-blade-content li {
    margin-bottom: 0.25rem;
}

/* minmal-btn siyah/kahverengi (user sayfaları için) */
.user-account-container .minimal-btn-primary,
.user-account-container .action-btn,
.user-account-container .dashboard-view-all-btn {
    background: #2c2c2c !important;
    border-color: #2c2c2c !important;
}
.user-account-container .minimal-btn-primary:hover,
.user-account-container .action-btn:hover {
    background: #5a4a3a !important;
    border-color: #5a4a3a !important;
}

/* ===========================================
   COMPACT MODERN TASARIM 2026
   Dashboard, Orders, Addresses, Favorites, Coupons, Security
   Contact (siyah/kahve butonlar), Cart (compact), Page
   =========================================== */

/* ----- DASHBOARD - Küçük simgeler, minimalist ----- */
.dashboard-welcome-icon,
.dashboard-stat-icon {
    width: 36px !important;
    height: 36px !important;
    padding: 8px !important;
}
.dashboard-welcome-icon svg,
.dashboard-stat-icon svg {
    width: 18px !important;
    height: 18px !important;
}
.dashboard-welcome-title { font-size: 1.125rem !important; }
.dashboard-welcome-subtitle { font-size: 0.875rem !important; }
.dashboard-stat-title { font-size: 0.65rem !important; letter-spacing: 0.05em; }
.dashboard-stat-value { font-size: 1.25rem !important; }
.dashboard-stat-description { font-size: 0.75rem !important; }
.dashboard-stats-grid {
    gap: 0.75rem !important;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
}
.dashboard-stat-card {
    padding: 1rem !important;
}
.dashboard-section-title { font-size: 0.9rem !important; }
.dashboard-section-icon { width: 16px !important; height: 16px !important; }
.order-card { padding: 1rem !important; }
.order-number-value { font-size: 0.95rem !important; }
.order-action-btn { padding: 0.4rem 0.75rem !important; font-size: 0.8rem !important; }
.dashboard-view-all-btn { padding: 0.5rem 1rem !important; font-size: 0.85rem !important; }

/* ----- ORDERS - Compact ----- */
.orders-page-header,
.orders-header-content { padding: 0.5rem 0 !important; }
.orders-header-icon { width: 32px !important; height: 32px !important; }
.orders-header-icon svg { width: 16px !important; height: 16px !important; }
.orders-page-title { font-size: 1.25rem !important; }
.orders-page-description { font-size: 0.8rem !important; }
.orders-list { gap: 0.75rem !important; }
.order-status-badge svg { width: 12px !important; height: 12px !important; }
.orders-empty-icon svg { width: 48px !important; height: 48px !important; }

/* ----- ADDRESSES - Compact ----- */
.addresses-header { padding: 0.5rem 0 !important; }
.addresses-header-icon { width: 32px !important; height: 32px !important; }
.addresses-header-icon svg { width: 16px !important; height: 16px !important; }
.addresses-header h1 { font-size: 1.25rem !important; }
.add-address-button { padding: 0.5rem 1rem !important; font-size: 0.85rem !important; }
.address-card { padding: 1rem !important; }
.address-action-btn { padding: 0.35rem 0.6rem !important; font-size: 0.8rem !important; }

/* ----- FAVORITES - Compact ----- */
.favorites-page-header { padding: 0.5rem 0 !important; }
.favorites-header-icon { width: 32px !important; height: 32px !important; }
.favorites-header-icon svg { width: 16px !important; height: 16px !important; }
.favorites-page-title { font-size: 1.25rem !important; }
.favorite-card { max-width: 220px !important; }
.favorite-remove-btn { width: 28px !important; height: 28px !important; }
.add-to-cart-btn, .view-product-btn { padding: 0.4rem 0.7rem !important; font-size: 0.8rem !important; }

/* ----- COUPONS - Compact ----- */
.coupons-header { padding: 0.5rem 0 !important; }
.coupons-header__icon { width: 32px !important; height: 32px !important; }
.coupons-header__icon svg { width: 16px !important; height: 16px !important; }
.coupons-header__title { font-size: 1.25rem !important; }
.coupon-card { padding: 1rem !important; }
.coupon-detail svg { width: 14px !important; height: 14px !important; }

/* ----- SECURITY - Compact ----- */
.minimal-card { padding: 1rem !important; }
.minimal-card-body h1 { font-size: 1.25rem !important; }
.minimal-form-input, .minimal-form-select { padding: 0.5rem 0.75rem !important; font-size: 0.9rem !important; }
.minimal-btn { padding: 0.5rem 1rem !important; font-size: 0.9rem !important; }
.security-forgot-password-box .minimal-icon { width: 20px !important; height: 20px !important; }

/* ----- CONTACT - Siyah/Kahverengi butonlar, minimalist ----- */
.furniture-form-submit {
    background: #2d2d2d !important;
    border-color: #2d2d2d !important;
    color: #fff !important;
    padding: 0.6rem 1.25rem !important;
    font-size: 0.9rem !important;
}
.furniture-form-submit:hover { background: #1a1a1a !important; border-color: #1a1a1a !important; }
.furniture-contact-hero-title { font-size: 1.5rem !important; }
.furniture-contact-form-title, .furniture-contact-info-title { font-size: 1.1rem !important; }
.furniture-contact-info-item { padding: 0.75rem 0 !important; }

/* ----- CART - Compact butonlar ----- */
.cartnova-button { padding: 0.5rem 1rem !important; font-size: 0.85rem !important; }
.cartpage-checkout-button { padding: 0.65rem 1rem !important; font-size: 0.9rem !important; }
.cartpage-checkout-button__icon { width: 20px !important; height: 20px !important; }
.cartnova-form__actions .cartnova-button { padding: 0.45rem 0.85rem !important; font-size: 0.8rem !important; }
.checkoutpage-coupon__button { padding: 0.5rem 1rem !important; font-size: 0.85rem !important; }
.cartnova__panel-head { padding: 1rem !important; }
.cartnova__title { font-size: 1.1rem !important; }

/* ----- PAGE degisim-iade-montaj - Yeni tasarım ----- */
.page--degisim-iade .page-blade-wrapper,
.page--degisim-iade .awa-page-hero { padding: 1rem 0 !important; }
.page--degisim-iade .page-blade-title { font-size: 1.5rem !important; }
.page--degisim-iade .page-blade-content {
    font-size: 0.95rem;
    line-height: 1.7;
    max-width: 720px;
}
.page--degisim-iade .awa-page-card {
    padding: 1.5rem !important;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}
.page--degisim-iade .page-blade-content h2 { font-size: 1.1rem !important; margin-top: 1.25rem !important; }
.page--degisim-iade .page-blade-content ul, .page--degisim-iade .page-blade-content ol { padding-left: 1.25rem !important; }

/* ===========================================
   COMPACT MODERN - User Account & Pages
   Minimalist tasarım, küçük simgeler
   =========================================== */

/* Dashboard - küçük simgeler, kompakt */
.dashboard-welcome-icon,
.dashboard-stat-icon,
.dashboard-section-icon {
    width: 36px !important;
    height: 36px !important;
}
.dashboard-welcome-icon svg,
.dashboard-stat-icon svg,
.dashboard-section-icon {
    width: 18px !important;
    height: 18px !important;
}
.dashboard-welcome-content { gap: 0.75rem !important; }
.dashboard-welcome-title { font-size: 1.1rem !important; }
.dashboard-welcome-subtitle { font-size: 0.85rem !important; }
.dashboard-stats-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.75rem !important; }
.dashboard-stat-card { padding: 0.875rem !important; }
.dashboard-stat-title { font-size: 0.7rem !important; letter-spacing: 0.03em; }
.dashboard-stat-value { font-size: 1.25rem !important; }
.dashboard-stat-description { font-size: 0.75rem !important; }
.dashboard-orders-section .order-card,
.dashboard-empty-card { padding: 0.875rem !important; }
.dashboard-view-all-btn,
.dashboard-empty-btn,
.dashboard-coupon-btn { padding: 0.5rem 0.875rem !important; font-size: 0.8rem !important; }

/* Orders - kompakt */
.orders-page-header .orders-header-icon,
.orders-empty-icon { width: 40px !important; height: 40px !important; }
.orders-header-icon svg,
.orders-empty-icon svg { width: 20px !important; height: 20px !important; }
.orders-page-title { font-size: 1.25rem !important; }
.orders-page-description { font-size: 0.85rem !important; }
.order-card { padding: 0.875rem !important; margin-bottom: 0.75rem !important; }
.order-date-icon { width: 14px !important; height: 14px !important; }
.order-action-btn { padding: 0.4rem 0.75rem !important; font-size: 0.8rem !important; }
.order-action-btn svg { width: 14px !important; height: 14px !important; }

/* Addresses - kompakt */
.addresses-header-icon,
.empty-addresses-icon { width: 40px !important; height: 40px !important; }
.addresses-header-icon svg,
.empty-addresses-icon svg { width: 20px !important; height: 20px !important; }
.addresses-page h1 { font-size: 1.25rem !important; }
.add-address-button { padding: 0.5rem 1rem !important; font-size: 0.85rem !important; }
.add-address-button svg { width: 16px !important; height: 16px !important; }
.address-card { padding: 0.875rem !important; }
.address-action-btn { padding: 0.35rem 0.65rem !important; font-size: 0.8rem !important; }
.address-action-btn svg { width: 14px !important; height: 14px !important; }

/* Favorites - kompakt */
.favorites-header-icon,
.favorites-empty-icon { width: 40px !important; height: 40px !important; }
.favorites-header-icon svg,
.favorites-empty-icon svg { width: 20px !important; height: 20px !important; }
.favorites-page-title { font-size: 1.25rem !important; }
.favorites-page-description { font-size: 0.85rem !important; }
.favorite-card { padding: 0 !important; }
.favorite-card-content .product-title { font-size: 0.9rem !important; }
.add-to-cart-btn, .view-product-btn { padding: 0.4rem 0.75rem !important; font-size: 0.8rem !important; }

/* Coupons - kompakt */
.coupons-header__icon { width: 40px !important; height: 40px !important; }
.coupons-header__icon svg { width: 20px !important; height: 20px !important; }
.coupons-header__title { font-size: 1.25rem !important; }
.coupons-header__subtitle { font-size: 0.85rem !important; }
.coupon-card { padding: 0.875rem !important; }
.coupon-card__description { font-size: 0.85rem !important; }
.discount-amount { font-size: 1.1rem !important; }
.coupon-card__copy-btn { padding: 0.4rem 0.75rem !important; font-size: 0.8rem !important; }

/* Security - kompakt */
#security-page .minimal-card { padding: 1rem !important; margin-bottom: 1rem !important; }
#security-page h1 { font-size: 1.25rem !important; }
#security-page .minimal-form-group { margin-bottom: 0.75rem !important; }
.security-btn-primary,
#security-page .minimal-btn { padding: 0.5rem 1rem !important; font-size: 0.85rem !important; }
.security-forgot-password-box [style*="48px"] { width: 36px !important; height: 36px !important; }
.security-forgot-password-box svg { width: 18px !important; height: 18px !important; }

/* İletişim - siyah/kahverengi butonlar, minimalist */
.furniture-form-submit {
    background: #1f2937 !important;
    border-color: #1f2937 !important;
    color: #fff !important;
    padding: 0.6rem 1.25rem !important;
    font-size: 0.9rem !important;
}
.furniture-form-submit:hover {
    background: #374151 !important;
    border-color: #374151 !important;
    color: #fff !important;
}
.furniture-contact-hero-title { font-size: 1.5rem !important; }
.furniture-contact-hero-subtitle { font-size: 0.9rem !important; }
.furniture-contact-form-title,
.furniture-contact-info-title { font-size: 1.1rem !important; }
.furniture-contact-info-item { padding: 0.75rem 0 !important; }
.furniture-form-input, .furniture-form-textarea { padding: 0.5rem 0.75rem !important; font-size: 0.9rem !important; }

/* Cart - compact butonlar */
.cartnova-button,
.cartpage-checkout-button { padding: 0.5rem 1rem !important; font-size: 0.85rem !important; }
.cartnova-button i,
.cartpage-checkout-button__icon { font-size: 0.9rem !important; }
.cartpage-checkout-button__title { font-size: 0.9rem !important; }
.cartpage-checkout-button__subtitle { font-size: 0.75rem !important; }
.cartnova__panel-head { padding: 1rem 1.25rem !important; }
.cartnova__title { font-size: 1.1rem !important; }
.cartnova-form__actions .cartnova-button { padding: 0.4rem 0.75rem !important; font-size: 0.8rem !important; }
.checkoutpage-coupon__button { padding: 0.4rem 0.875rem !important; font-size: 0.8rem !important; }

/* Page degisim-iade-montaj - tamamen yeni tasarım */
.page--degisim-iade .page-blade-wrapper { max-width: 800px; margin: 0 auto; }
.page--degisim-iade .page-blade-title { font-size: 1.35rem !important; }
.page--degisim-iade .page-blade-subtitle { font-size: 0.9rem !important; }
.page--degisim-iade .awa-page-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
.page--degisim-iade .page-blade-content {
    font-size: 0.95rem;
    line-height: 1.65;
    color: #374151;
}
.page--degisim-iade .page-blade-content h2 { font-size: 1.1rem; margin-top: 1.25rem; margin-bottom: 0.5rem; }
.page--degisim-iade .page-blade-content h3 { font-size: 1rem; margin-top: 1rem; }
.page--degisim-iade .page-blade-content p { margin-bottom: 0.75rem; }
.page--degisim-iade .page-blade-content ul, 
.page--degisim-iade .page-blade-content ol { padding-left: 1.25rem; margin-bottom: 0.75rem; }
.page--degisim-iade .awa-page-topbar { padding: 0.75rem 0 !important; }
.page--degisim-iade .awa-page-hero { margin-bottom: 1rem !important; }

/* ===========================================
   COMPACT MODERN - User Account & Pages
   Minimalist tasarım, küçük simgeler
   =========================================== */

/* Dashboard - küçük simgeler, compact */
.dashboard-welcome-icon,
.dashboard-stat-icon {
    width: 36px !important;
    height: 36px !important;
    padding: 8px !important;
}
.dashboard-welcome-icon svg,
.dashboard-stat-icon svg {
    width: 18px !important;
    height: 18px !important;
}
.dashboard-welcome-title { font-size: 1.125rem !important; }
.dashboard-welcome-subtitle { font-size: 0.8125rem !important; margin-top: 0.25rem !important; }
.dashboard-stat-card { padding: 1rem 1.25rem !important; }
.dashboard-stat-title { font-size: 0.6875rem !important; letter-spacing: 0.05em; }
.dashboard-stat-value { font-size: 1.25rem !important; }
.dashboard-stat-description { font-size: 0.75rem !important; margin-top: 0.25rem !important; }
.dashboard-stats-grid { gap: 0.75rem !important; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important; }
.dashboard-section-icon { width: 16px !important; height: 16px !important; }
.dashboard-section-title { font-size: 0.9375rem !important; }
.order-card { padding: 1rem !important; }
.order-number-value { font-size: 0.9375rem !important; }
.order-total-value { font-size: 0.9375rem !important; }
.order-action-btn { padding: 0.5rem 0.875rem !important; font-size: 0.8125rem !important; }
.dashboard-view-all-btn,
.dashboard-empty-btn { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }
.dashboard-empty-icon { width: 48px !important; height: 48px !important; }
.dashboard-empty-icon svg { width: 24px !important; height: 24px !important; }
.user-dashboard-alert-content .minimal-icon { width: 18px !important; height: 18px !important; }

/* E-posta Doğrulama Uyarısı - Simetrik layout */
.user-dashboard-alert {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem !important;
}
.user-dashboard-alert-content {
    display: flex !important;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}
.user-dashboard-alert-text {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.user-dashboard-alert-title {
    margin: 0 !important;
    font-size: 1rem !important;
    font-weight: 600;
    line-height: 1.3;
}
.user-dashboard-alert-message {
    margin: 0 !important;
    font-size: 0.875rem !important;
    line-height: 1.5;
    opacity: 0.95;
}
.user-dashboard-alert-actions {
    display: flex !important;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
}
.user-dashboard-alert-note {
    font-size: 0.75rem !important;
    margin: 0 !important;
    text-align: right;
    word-break: break-all;
}

/* Orders - compact */
.orders-header-icon svg { width: 20px !important; height: 20px !important; }
.orders-header-icon { width: 40px !important; height: 40px !important; padding: 10px !important; }
.orders-page-title { font-size: 1.25rem !important; }
.orders-page-description { font-size: 0.8125rem !important; }
.orders-empty-icon { width: 48px !important; height: 48px !important; }
.orders-empty-icon svg { width: 24px !important; height: 24px !important; }
.orders-empty-btn { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }

/* Addresses - compact */
.addresses-header-icon { width: 40px !important; height: 40px !important; padding: 10px !important; }
.addresses-header-icon svg { width: 20px !important; height: 20px !important; }
.addresses-header-text h1 { font-size: 1.25rem !important; }
.addresses-header-text p { font-size: 0.8125rem !important; }
.add-address-button { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }
.address-card { padding: 1rem !important; }
.address-action-btn { padding: 0.375rem 0.75rem !important; font-size: 0.75rem !important; }
.empty-addresses-icon { width: 48px !important; height: 48px !important; }
.empty-addresses-icon svg { width: 24px !important; height: 24px !important; }

/* Favorites - compact */
.favorites-header-icon { width: 40px !important; height: 40px !important; padding: 10px !important; }
.favorites-header-icon svg { width: 20px !important; height: 20px !important; }
.favorites-page-title { font-size: 1.25rem !important; }
.favorites-page-description { font-size: 0.8125rem !important; }
.favorite-card { padding: 0.75rem !important; }
.favorite-card-content .product-title { font-size: 0.9375rem !important; }
.add-to-cart-btn, .view-product-btn { padding: 0.5rem 0.75rem !important; font-size: 0.75rem !important; }
.favorites-empty-icon { width: 48px !important; height: 48px !important; }
.favorites-empty-btn { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }

/* Coupons - compact */
.coupons-header__icon { width: 40px !important; height: 40px !important; padding: 10px !important; }
.coupons-header__icon svg { width: 20px !important; height: 20px !important; }
.coupons-header__title { font-size: 1.25rem !important; }
.coupons-header__subtitle { font-size: 0.8125rem !important; }
.coupon-card { padding: 1rem !important; }
.coupon-card__description { font-size: 0.875rem !important; }
.discount-amount { font-size: 1.25rem !important; }
.coupon-detail { font-size: 0.8125rem !important; }
.coupon-copy-btn { padding: 0.5rem 0.875rem !important; font-size: 0.8125rem !important; }
.coupons-empty-icon { width: 48px !important; height: 48px !important; }

/* Security - compact */
#security-page .minimal-card { padding: 1rem 1.25rem !important; }
#security-page .minimal-card-body h1 { font-size: 1.25rem !important; }
#security-page .minimal-form-group { margin-bottom: 0.75rem !important; }
#security-page .minimal-form-input { padding: 0.5rem 0.75rem !important; font-size: 0.875rem !important; }
#security-page .minimal-btn { padding: 0.5rem 1rem !important; font-size: 0.875rem !important; }
#security-page .security-forgot-password-box [style*="48px"] { width: 36px !important; height: 36px !important; }
#security-page .minimal-icon { width: 18px !important; height: 18px !important; }

/* Contact - siyah/kahverengi butonlar, minimalist */
.furniture-form-submit {
    background: #1a1a1a !important;
    border-color: #1a1a1a !important;
    color: #fff !important;
    padding: 0.625rem 1.25rem !important;
    font-size: 0.875rem !important;
}
.furniture-form-submit:hover {
    background: #2d2d2d !important;
    border-color: #2d2d2d !important;
}
.furniture-contact-hero { padding: 1.5rem 0 !important; }
.furniture-contact-hero-title { font-size: 1.5rem !important; }
.furniture-contact-hero-subtitle { font-size: 0.875rem !important; }
.furniture-contact-form-section,
.furniture-contact-info-section { padding: 1rem 0 !important; }
.furniture-contact-form-title,
.furniture-contact-info-title { font-size: 1rem !important; }
.furniture-form-input,
.furniture-form-textarea { padding: 0.5rem 0.75rem !important; font-size: 0.875rem !important; }
.furniture-contact-branch-card { padding: 1rem !important; }
.furniture-contact-branch-card h3 { font-size: 0.9375rem !important; }

/* Cart - compact butonlar */
.cartnova-button { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }
.cartpage-checkout-button { padding: 0.75rem 1rem !important; }
.cartpage-checkout-button__title { font-size: 0.875rem !important; }
.cartpage-checkout-button__subtitle { font-size: 0.75rem !important; }
.cartnova-form__actions .cartnova-button { padding: 0.5rem 0.875rem !important; font-size: 0.8125rem !important; }
.checkoutpage-coupon__button { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }
.cartnova__panel-head { padding: 1rem 1.25rem !important; }
.cartnova__title { font-size: 1.125rem !important; }
.cartnova__subtitle { font-size: 0.8125rem !important; }
.cartnova-empty__icon { width: 48px !important; height: 48px !important; }
.cartnova-empty__title { font-size: 1rem !important; }
.cartnova-empty__text { font-size: 0.875rem !important; }

/* Page degisim-iade-montaj - yeni tasarım */
.page--degisim-iade .page-blade-wrapper { max-width: 720px; margin: 0 auto; }
.page--degisim-iade .awa-page-hero { padding: 1rem 0; }
.page--degisim-iade .page-blade-title { font-size: 1.375rem; font-weight: 600; }
.page--degisim-iade .page-blade-subtitle { font-size: 0.875rem; color: #6b7280; }
.page--degisim-iade .awa-page-card {
    background: #fafafa;
    border-radius: 10px;
    padding: 1.5rem;
    border: 1px solid #eee;
}
.page--degisim-iade .page-blade-content {
    font-size: 0.9375rem;
    line-height: 1.65;
    color: #374151;
}
.page--degisim-iade .page-blade-content h2 { font-size: 1rem; margin-top: 1.25rem; margin-bottom: 0.5rem; }
.page--degisim-iade .page-blade-content h3 { font-size: 0.9375rem; margin-top: 1rem; }
.page--degisim-iade .page-blade-content ul,
.page--degisim-iade .page-blade-content ol { padding-left: 1.25rem; margin: 0.5rem 0; }
.page--degisim-iade .page-blade-content p { margin-bottom: 0.75rem; }
.page--degisim-iade .page-blade-content a { color: #1a1a1a; text-decoration: underline; }
.page--degisim-iade .page-blade-content a:hover { color: #2d2d2d; }

/* ===========================================
   2026 COMPACT MODERN - User & Pages
   Simge/buton küçültme, minimalist tasarım
   =========================================== */

/* --- DASHBOARD: Küçük simgeler, minimal --- */
.dashboard-welcome-icon {
    width: 40px !important;
    height: 40px !important;
}
.dashboard-welcome-icon svg {
    width: 20px !important;
    height: 20px !important;
}
.dashboard-welcome-title { font-size: 1.125rem !important; }
.dashboard-welcome-subtitle { font-size: 0.8125rem !important; }
.dashboard-stat-icon {
    width: 36px !important;
    height: 36px !important;
}
.dashboard-stat-icon svg {
    width: 18px !important;
    height: 18px !important;
}
.dashboard-stat-title { font-size: 0.6875rem !important; letter-spacing: 0.05em; }
.dashboard-stat-value { font-size: 1.25rem !important; }
.dashboard-stat-description { font-size: 0.75rem !important; }
.dashboard-stats-grid { gap: 0.75rem !important; }
.dashboard-stat-card { padding: 1rem !important; }
.dashboard-section-icon { width: 16px !important; height: 16px !important; }
.dashboard-section-title { font-size: 0.875rem !important; }
.dashboard-empty-icon { width: 48px !important; height: 48px !important; }
.dashboard-empty-icon svg { width: 24px !important; height: 24px !important; }
.dashboard-view-all-btn { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }

/* --- ORDERS: Compact --- */
.orders-page-header .orders-header-icon { width: 36px !important; height: 36px !important; }
.orders-page-header .orders-header-icon svg { width: 18px !important; height: 18px !important; }
.orders-page-title { font-size: 1.25rem !important; }
.orders-page-description { font-size: 0.8125rem !important; }
.order-card { padding: 1rem !important; }
.order-card-header { gap: 0.75rem !important; }
.order-number-value { font-size: 0.9375rem !important; }
.order-status-badge { font-size: 0.75rem !important; padding: 0.25rem 0.5rem !important; }
.order-status-badge svg { width: 12px !important; height: 12px !important; }
.order-action-btn { padding: 0.4rem 0.75rem !important; font-size: 0.8125rem !important; }
.order-action-btn svg { width: 14px !important; height: 14px !important; }
.orders-empty-icon { width: 48px !important; height: 48px !important; }
.orders-empty-icon svg { width: 24px !important; height: 24px !important; }
.orders-empty-btn { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }

/* --- ADDRESSES: Compact --- */
.addresses-header-icon { width: 36px !important; height: 36px !important; }
.addresses-header-icon svg { width: 18px !important; height: 18px !important; }
.addresses-header-text h1 { font-size: 1.25rem !important; }
.addresses-header-text p { font-size: 0.8125rem !important; }
.add-address-button { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }
.add-address-button svg { width: 16px !important; height: 16px !important; }
.address-card { padding: 1rem !important; }
.address-action-btn { padding: 0.4rem 0.75rem !important; font-size: 0.75rem !important; }
.address-action-btn svg { width: 14px !important; height: 14px !important; }
.empty-addresses-icon { width: 48px !important; height: 48px !important; }

/* --- FAVORITES: Compact --- */
.favorites-header-icon { width: 36px !important; height: 36px !important; }
.favorites-header-icon svg { width: 18px !important; height: 18px !important; }
.favorites-page-title { font-size: 1.25rem !important; }
.favorites-page-description { font-size: 0.8125rem !important; }
.favorite-card { padding: 0 !important; }
.favorite-card-image { aspect-ratio: 4 / 3 !important; }
.favorite-remove-btn { width: 28px !important; height: 28px !important; top: 0.5rem !important; right: 0.5rem !important; }
.favorite-remove-btn svg { width: 14px !important; height: 14px !important; }
.favorite-card-content { padding: 0.75rem !important; }
.product-title { font-size: 0.875rem !important; }
.add-to-cart-btn, .view-product-btn { padding: 0.4rem 0.75rem !important; font-size: 0.75rem !important; }
.favorites-empty-icon { width: 48px !important; height: 48px !important; }
.favorites-empty-btn { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }

/* --- COUPONS: Compact --- */
.coupons-header__icon { width: 36px !important; height: 36px !important; }
.coupons-header__icon svg { width: 18px !important; height: 18px !important; }
.coupons-header__title { font-size: 1.25rem !important; }
.coupons-header__subtitle { font-size: 0.8125rem !important; }
.coupon-card { padding: 1rem !important; }
.coupon-card__description { font-size: 0.8125rem !important; }
.discount-amount { font-size: 1rem !important; }
.coupon-detail { font-size: 0.8125rem !important; }
.coupon-detail svg { width: 14px !important; height: 14px !important; }
.coupons-empty-icon { width: 48px !important; height: 48px !important; }

/* --- SECURITY: Compact --- */
.minimal-card-body h1 { font-size: 1.25rem !important; }
.minimal-form-label { font-size: 0.875rem !important; }
.minimal-form-input { padding: 0.5rem 0.75rem !important; font-size: 0.875rem !important; }
.minimal-btn { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }
.minimal-icon { width: 18px !important; height: 18px !important; }
.security-forgot-password-box .minimal-form-input { padding: 0.5rem 0.75rem !important; }

/* --- CART: Compact butonlar --- */
.cartnova-button { padding: 0.5rem 1rem !important; font-size: 0.8125rem !important; }
.cartnova-form__actions .cartnova-button { padding: 0.4rem 0.75rem !important; font-size: 0.75rem !important; }
.cartpage-checkout-button { padding: 0.75rem 1rem !important; }
.cartpage-checkout-button__icon { width: 32px !important; height: 32px !important; }
.cartpage-checkout-button__title { font-size: 0.875rem !important; }
.cartpage-checkout-button__subtitle { font-size: 0.75rem !important; }
.checkoutpage-coupon__button { padding: 0.4rem 0.75rem !important; font-size: 0.75rem !important; }
.cartnova-footnote { font-size: 0.75rem !important; margin-top: 0.5rem !important; }

/* --- İLETİŞİM: Siyah/kahverengi butonlar, minimalist --- */
.furniture-form-submit {
    background: #2d2a26 !important;
    border-color: #2d2a26 !important;
    color: #fff !important;
}
.furniture-form-submit:hover {
    background: #1a1917 !important;
    border-color: #1a1917 !important;
    color: #fff !important;
}
.furniture-contact-form-title,
.furniture-contact-info-title { font-size: 1rem !important; }
.furniture-contact-hero-title { font-size: 1.5rem !important; }
.furniture-contact-hero-subtitle { font-size: 0.875rem !important; }
.furniture-form-input, .furniture-form-textarea { padding: 0.5rem 0.75rem !important; font-size: 0.875rem !important; }
.furniture-contact-info-item { padding: 0.75rem 0 !important; }

/* --- PAGE: degisim-iade-montaj - Yeni tasarım --- */
.page-blade-wrapper.page--degisim-iade .page-blade-container {
    max-width: 720px;
    margin: 0 auto;
}
.page--degisim-iade .page-blade-title { font-size: 1.25rem !important; }
.page--degisim-iade .page-blade-subtitle { font-size: 0.875rem !important; }
.page--degisim-iade .awa-page-card {
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #fff;
    padding: 1.25rem;
}
.page--degisim-iade .page-blade-content {
    font-size: 0.875rem;
    line-height: 1.6;
}
.page--degisim-iade .page-blade-content h2 { font-size: 1rem !important; margin: 1rem 0 0.5rem !important; }
.page--degisim-iade .page-blade-content h3 { font-size: 0.9375rem !important; }
.page--degisim-iade .page-blade-content ul, .page--degisim-iade .page-blade-content ol { padding-left: 1.25rem !important; }
.page--degisim-iade .page-blade-content p { margin-bottom: 0.5rem !important; }

/* ===========================================
   FOOTER - Kurumsal, Kompakt Boşluklar
   Kategori - Simetri
   Mega-Menu - Simetri
   =========================================== */

/* Footer - Link boşlukları azalt, kurumsal görünüm */
.furniture-footer-modern .footer-menu-wrapper,
.furniture-footer-modern .footer-menu-fallback {
    width: 100%;
}
.furniture-footer-menu-section .footer-menu-wrapper .row,
.footer-menu-fallback .row {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem 2rem !important;
    margin: 0 !important;
    max-width: 100% !important;
}
.furniture-footer-menu-section .footer-menu-column,
.footer-menu-fallback .footer-menu-column {
    margin-bottom: 0 !important;
    padding: 0 0.5rem !important;
}
.furniture-footer-menu-section .footer-menu-title,
.footer-menu-fallback .footer-menu-title {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 0.625rem !important;
    text-transform: uppercase !important;
}
.furniture-footer-menu-item,
.furniture-footer-menu-section .footer-menu-item,
.footer-menu-fallback .footer-menu-item {
    margin-bottom: 0.25rem !important;
}
.furniture-footer-menu-link,
.furniture-footer-menu-section .footer-menu-link,
.footer-menu-fallback .footer-menu-link {
    font-size: 0.8125rem !important;
    line-height: 1.6 !important;
    padding: 0.125rem 0 !important;
}
.furniture-footer-menu-section .footer-menu-sublist,
.footer-menu-fallback .footer-menu-sublist {
    margin-top: 0.25rem !important;
}
.furniture-footer-menu-section .footer-menu-subitem,
.footer-menu-fallback .footer-menu-subitem {
    margin-bottom: 0.2rem !important;
}
.furniture-footer-menu-section .footer-menu-sublink,
.footer-menu-fallback .footer-menu-sublink {
    font-size: 0.8125rem !important;
}
.furniture-footer-content {
    gap: 32px 48px !important;
}
@media (max-width: 991px) {
    .furniture-footer-menu-section .footer-menu-wrapper .row,
    .footer-menu-fallback .row {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.25rem 1.5rem !important;
    }
}
@media (max-width: 575px) {
    .furniture-footer-menu-section .footer-menu-wrapper .row,
    .footer-menu-fallback .row {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
}

/* Kategori - Resim yatay 1500x850, boşluk az */
.shop-main .products-grid {
    gap: 10px !important;
}
.shop-main .products-grid .new-product-card.mb-3,
.shop-main .products-grid .new-product-card.mb-md-4 {
    margin-bottom: 0 !important;
}
@media (min-width: 769px) {
    .shop-main .products-grid {
        gap: 16px !important;
    }
}
/* Ürün resimleri yatay 1500x850 (site standardı) - yüksek specificity */
.shop-main .products-grid .product-image-container,
.shop-main .products-grid .new-pc__img-wrapper,
.shop-main .product-image-container,
.shop-main .new-pc__img-wrapper {
    aspect-ratio: 1500 / 850 !important;
    overflow: hidden !important;
    position: relative !important;
}
.shop-main .products-grid .product-image-container img.new-pc__img,
.shop-main .products-grid .new-pc__img-wrapper img.new-pc__img,
.shop-main .product-image-container img.new-pc__img,
.shop-main .new-pc__img-wrapper img.new-pc__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Mega-menu - Simetrik kolonlar */
.mega-menu-container {
    display: flex !important;
    justify-content: space-between !important;
    gap: 2rem !important;
    max-width: 100% !important;
}
.mega-menu .col {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    padding: 1rem 1.25rem !important;
}
.mega-menu .col:first-child {
    padding-left: 1.25rem !important;
}
.mega-menu .col:last-child {
    padding-right: 1.25rem !important;
}
.mega-menu__col-container {
    padding: 0 !important;
}
.mega-menu .sub-menu__title {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    margin-bottom: 0.5rem !important;
    padding-bottom: 0.375rem !important;
    border-bottom: 1px solid rgba(0,0,0,0.08) !important;
}
.mega-menu .sub-menu__list {
    margin: 0 !important;
    padding: 0 !important;
}
.mega-menu .sub-menu__item {
    margin-bottom: 0.25rem !important;
}
.mega-menu .menu-link {
    font-size: 0.8125rem !important;
    padding: 0.2rem 0 !important;
    line-height: 1.5 !important;
}
.mega-menu .col:not(:last-child)::after {
    display: none !important;
}

/* ===========================================
   SLIDER PAGINATION DOTS
   Öne Çıkan Ürünler, Gezdiğiniz Ürünler vb.
   =========================================== */
.awp-modern-product-slider-pagination,
.awp-viewed-products-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 1rem !important;
    flex-wrap: wrap !important;
}
.awp-modern-product-slider-pagination-dot,
.awp-viewed-products-pagination-dot,
.awp-modern-similar-products-slider-pagination-dot,
.awp-modern-recently-viewed-slider-pagination-dot,
.awp-modern-blog-slider-pagination-dot,
.awp-modern-google-reviews-slider-pagination-dot {
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.2) !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: none !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}
.awp-modern-product-slider-pagination-dot:hover,
.awp-viewed-products-pagination-dot:hover,
.awp-modern-similar-products-slider-pagination-dot:hover,
.awp-modern-recently-viewed-slider-pagination-dot:hover,
.awp-modern-blog-slider-pagination-dot:hover,
.awp-modern-google-reviews-slider-pagination-dot:hover {
    background: rgba(0, 0, 0, 0.4) !important;
}
.awp-modern-product-slider-pagination-dot.active,
.awp-viewed-products-pagination-dot.active,
.awp-modern-similar-products-slider-pagination-dot.active,
.awp-modern-recently-viewed-slider-pagination-dot.active,
.awp-modern-blog-slider-pagination-dot.active,
.awp-modern-google-reviews-slider-pagination-dot.active {
    background: #222222 !important;
    width: 24px !important;
    min-width: 24px !important;
    border-radius: 12px !important;
}

/* Mobil: Pagination daha kompakt (taşma/wrap düzeltmesi) */
@media (max-width: 767px) {
    .awp-modern-product-slider-pagination,
    .awp-viewed-products-pagination {
        gap: 6px !important;
        row-gap: 6px !important;
        margin-top: 12px !important;
        padding: 0 4px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        overflow: visible !important;
    }
    .awp-modern-product-slider-pagination-dot,
    .awp-viewed-products-pagination-dot,
    .awp-modern-similar-products-slider-pagination-dot,
    .awp-modern-recently-viewed-slider-pagination-dot {
        width: 8px !important;
        height: 8px !important;
        min-width: 8px !important;
        flex-shrink: 0 !important;
    }
    .awp-modern-product-slider-pagination-dot.active,
    .awp-viewed-products-pagination-dot.active,
    .awp-modern-similar-products-slider-pagination-dot.active,
    .awp-modern-recently-viewed-slider-pagination-dot.active {
        width: 20px !important;
        min-width: 20px !important;
        border-radius: 10px !important;
    }
}

/* Çok dar ekranlarda (480px altı) pagination daha da kompakt */
@media (max-width: 480px) {
    .awp-modern-product-slider-pagination,
    .awp-viewed-products-pagination {
        gap: 4px !important;
        row-gap: 4px !important;
        padding: 0 2px !important;
    }
    .awp-modern-product-slider-pagination-dot,
    .awp-viewed-products-pagination-dot,
    .awp-modern-similar-products-slider-pagination-dot,
    .awp-modern-recently-viewed-slider-pagination-dot {
        width: 6px !important;
        height: 6px !important;
        min-width: 6px !important;
    }
    .awp-modern-product-slider-pagination-dot.active,
    .awp-viewed-products-pagination-dot.active,
    .awp-modern-similar-products-slider-pagination-dot.active,
    .awp-modern-recently-viewed-slider-pagination-dot.active {
        width: 16px !important;
        min-width: 16px !important;
        border-radius: 8px !important;
    }
}

/* ===========================================
   GEZDİĞİNİZ ÜRÜNLER - Tablardan ayrı (ürün detay sayfası)
   Layout'ta content dışında, tab yapısından bağımsız
   =========================================== */
.awp-viewed-products-outer {
    width: 100%;
    clear: both;
    display: block;
    margin-top: 0;
}
/* Ürün detay sayfasında tablardan net ayrım */
body:has(.product-page-container) .awp-viewed-products-outer {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    background: transparent;
}

/* ===========================================
   GEZDİĞİNİZ ÜRÜNLER - Tablardan ayrı (ürün detay)
   =========================================== */
.awp-viewed-products-outer {
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    margin-top: 2.5rem !important;
    padding-top: 2rem !important;
    border-top: 1px solid rgba(0,0,0,0.08) !important;
}
/* Ürün detay sayfasında ekstra ayrım */
.product-page-container ~ .awp-viewed-products-outer,
#main-content:has(.product-page-container) + .awp-viewed-products-outer,
#main-content .awp-viewed-products-outer:has(+ *) {
    margin-top: 3rem !important;
}

/* ===========================================
   GEZDİĞİNİZ ÜRÜNLER - Tablardan ayrı (ürün detay)
   Container + Simetri - Anasayfa ile uyumlu
   =========================================== */
.awp-viewed-products-outer {
    width: 100% !important;
    clear: both !important;
    margin-top: 2.5rem !important;
    padding-top: 2rem !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}
/* Ürün detay sayfasında tablardan net ayrım */
.product-page-container ~ .awp-viewed-products-outer,
#main-content > .awp-viewed-products-outer {
    margin-top: 3rem !important;
    padding-top: 2.5rem !important;
}
.awp-viewed-products-section,
.awp-homepage-section--viewed-products,
.hp-homepage-section.awp-modern-product-slider-section {
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0 1.5rem !important;
}
.awp-viewed-products-section .container,
.awp-homepage-section--viewed-products .container,
.hp-homepage-section.awp-modern-product-slider-section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}
@media (min-width: 1400px) {
    .awp-viewed-products-section .container,
    .awp-homepage-section--viewed-products .container,
    .hp-homepage-section.awp-modern-product-slider-section .container {
        max-width: 1360px !important;
    }
}
.awp-viewed-products-container,
.awp-modern-product-slider-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
.awp-viewed-products-track,
.awp-modern-product-slider-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    align-items: stretch !important;
}
.awp-viewed-products-slide,
.awp-modern-product-slider-slide {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}
.awp-viewed-products-slide:first-child,
.awp-modern-product-slider-slide:first-child {
    padding-left: 0 !important;
}
.awp-viewed-products-slide:last-child,
.awp-modern-product-slider-slide:last-child {
    padding-right: 0 !important;
}
.awp-viewed-products-slide .product-card-wrapper,
.awp-viewed-products-slide .new-product-card,
.awp-modern-product-slider-slide .product-card-wrapper,
.awp-modern-product-slider-slide .new-product-card {
    width: 100% !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}
.awp-viewed-products-slide .product-image-container,
.awp-viewed-products-slide .new-pc__img-wrapper,
.awp-viewed-products-slide .product-card-wrapper .product-image-container,
.awp-modern-product-slider-slide .product-image-container,
.awp-modern-product-slider-slide .new-pc__img-wrapper,
.awp-modern-product-slider-slide .product-card-wrapper .product-image-container {
    aspect-ratio: 1500 / 850 !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
}
.awp-viewed-products-slide .product-image-container img,
.awp-viewed-products-slide .new-pc__img-wrapper img,
.awp-modern-product-slider-slide .product-image-container img,
.awp-modern-product-slider-slide .new-pc__img-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
@media (max-width: 575.98px) {
    .awp-viewed-products-section .container,
    .awp-homepage-section--viewed-products .container,
    .hp-homepage-section.awp-modern-product-slider-section .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .awp-viewed-products-slide,
    .awp-modern-product-slider-slide {
        padding: 0 6px !important;
    }
}

/* ===========================================
   KATEGORİ - Başlık + Filtre + Sıralama aynı hizada
   ASIDE FİLTRELER - Modern minimalist
   TÜKENDİ - Minimalist badge
   =========================================== */
/* Kategori başlık, filtre ve sıralama tek satırda, aynı hizada */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:first-child {
    flex-shrink: 0 !important;
}
.shop-filter-section .filter-header .shop-title {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-shrink: 0 !important;
}
.shop-filter-section .filter-desktop-btn {
    padding: 0.45rem 0.875rem !important;
    font-size: 0.8125rem !important;
    border-radius: 6px !important;
}
.shop-filter-section .sort-btn {
    padding: 0.45rem 0.875rem !important;
    font-size: 0.8125rem !important;
    min-width: 140px !important;
}

/* aside-filters - Modern minimalist tasarım */
.aside-filters.aside.aside_right,
.aside-filters.aside.aside_right.aside_visible {
    width: 320px !important;
    max-width: 90vw !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.aside-filters .aside-header {
    padding: 1rem 1.25rem !important;
    border-bottom: 1px solid #f3f4f6 !important;
    background: #fafafa !important;
    flex-shrink: 0 !important;
}
.aside-filters .aside-header h3 {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
}
/* Filtre panelinde scroll - uzun liste için */
.aside-filters .aside-content {
    padding: 1rem 1.25rem !important;
    background: #ffffff !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    min-height: 0 !important;
    flex: 1 !important;
    -webkit-overflow-scrolling: touch !important;
}
.aside-filters .accordion,
.aside-filters .accordion-item,
.aside-filters .accordion-button,
.aside-filters .accordion-collapse {
    border: none !important;
    background: transparent !important;
}
.aside-filters .accordion-button {
    padding: 0.625rem 0 !important;
    font-size: 0.8125rem !important;
}
.aside-filters .accordion-button:not(.collapsed) {
    box-shadow: none !important;
}
.aside-filters .accordion-body {
    padding: 0.25rem 0 0.75rem !important;
    font-size: 0.8125rem !important;
}
.aside-filters .form-check {
    padding: 0.375rem 0 !important;
    min-height: auto !important;
}
.aside-filters .form-check-input {
    width: 1rem !important;
    height: 1rem !important;
}
.aside-filters .form-check-label {
    font-size: 0.8125rem !important;
}
.aside-filters #clear-filters-btn,
.aside-filters .btn-outline-secondary {
    padding: 0.5rem 1rem !important;
    font-size: 0.75rem !important;
    border-radius: 6px !important;
}
.aside-filters .modern-filter-section {
    margin-bottom: 0.75rem !important;
    border: 1px solid #f3f4f6 !important;
    border-radius: 8px !important;
}
.aside-filters .modern-filter-title {
    padding: 0.625rem 0.875rem !important;
    font-size: 0.8125rem !important;
}

/* Tükendi badge - Minimalist */
.product-out-of-stock-badge {
    padding: 4px 10px !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    border-radius: 4px !important;
    background: rgba(0, 0, 0, 0.65) !important;
    text-transform: uppercase !important;
}

/* ===========================================
   /orders - Yeni Tasarım
   =========================================== */
.user-account-container .orders-page-header {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 1.25rem 1.5rem !important;
    margin-bottom: 1.25rem !important;
    box-shadow: none !important;
}
.user-account-container .orders-header-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 10px !important;
    background: #2d2a26 !important;
}
.user-account-container .orders-header-icon svg {
    width: 22px !important;
    height: 22px !important;
}
.user-account-container .orders-page-title {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
}
.user-account-container .orders-page-description {
    font-size: 0.875rem !important;
}
.user-account-container .order-card {
    border-radius: 12px !important;
    padding: 1rem 1.25rem !important;
    border: 1px solid #e5e7eb !important;
}
.user-account-container .order-card-header {
    margin-bottom: 1rem !important;
    padding-bottom: 1rem !important;
}
.user-account-container .order-card-body {
    margin-bottom: 1rem !important;
}
.user-account-container .order-total {
    padding: 0.875rem 1rem !important;
    border-radius: 8px !important;
}
.user-account-container .order-action-btn {
    padding: 0.5rem 1rem !important;
    font-size: 0.8125rem !important;
}
.user-account-container .orders-empty {
    padding: 2.5rem 1.5rem !important;
    border-radius: 12px !important;
}
.user-account-container .orders-empty-icon {
    width: 64px !important;
    height: 64px !important;
    margin-bottom: 1rem !important;
}
.user-account-container .orders-empty-title {
    font-size: 1.25rem !important;
}

/* ===========================================
   /addresses - Yeni Tasarım
   =========================================== */
.user-account-container .addresses-page {
    padding: 0 !important;
    background: transparent !important;
}
.user-account-container .addresses-container {
    max-width: 100% !important;
    padding: 0 !important;
}
.user-account-container .addresses-header {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 1.25rem 1.5rem !important;
    margin-bottom: 1.25rem !important;
    box-shadow: none !important;
}
.user-account-container .addresses-header-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 10px !important;
    background: #2d2a26 !important;
}
.user-account-container .addresses-header-icon svg {
    width: 22px !important;
    height: 22px !important;
}
.user-account-container .addresses-header-text h1 {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
}
.user-account-container .addresses-header-text p {
    font-size: 0.875rem !important;
}
.user-account-container .add-address-button {
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
    border-radius: 8px !important;
    margin-bottom: 1rem !important;
}
.user-account-container .addresses-grid {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 1rem !important;
}
.user-account-container .address-card {
    border-radius: 12px !important;
    padding: 1rem 1.25rem !important;
    border: 1px solid #e5e7eb !important;
}
.user-account-container .address-card-header,
.user-account-container .address-card-body {
    padding: 0.75rem 0 !important;
}
.user-account-container .address-action-btn {
    padding: 0.4rem 0.75rem !important;
    font-size: 0.8125rem !important;
}
.user-account-container .empty-addresses {
    padding: 2rem !important;
    text-align: center !important;
    border-radius: 12px !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
}

/* ===========================================
   /favorites - Yeni Tasarım
   =========================================== */
.user-account-container .favorites-page {
    max-width: 100% !important;
    padding: 0 !important;
}
.user-account-container .favorites-page-header {
    margin-bottom: 1.25rem !important;
    padding: 1.25rem 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
}
.user-account-container .favorites-header-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 10px !important;
    background: #2d2a26 !important;
}
.user-account-container .favorites-header-icon svg {
    width: 22px !important;
    height: 22px !important;
    color: #fff !important;
}
.user-account-container .favorites-page-title {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
}
.user-account-container .favorites-page-description {
    font-size: 0.875rem !important;
}
.user-account-container .favorites-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 1rem !important;
}
.user-account-container .favorite-card {
    border-radius: 12px !important;
    padding: 0 !important;
    border: 1px solid #e5e7eb !important;
}
.user-account-container .favorite-card-image {
    aspect-ratio: 4 / 3 !important;
}
.user-account-container .favorite-card-content {
    padding: 1rem !important;
}
.user-account-container .favorite-card .product-title {
    font-size: 1rem !important;
}
.user-account-container .favorite-card .product-price,
.user-account-container .favorite-card .current-price {
    font-size: 0.9375rem !important;
}
.user-account-container .add-to-cart-btn,
.user-account-container .view-product-btn {
    padding: 0.5rem 0.75rem !important;
    font-size: 0.8125rem !important;
}
.user-account-container .favorites-empty {
    padding: 2.5rem 1.5rem !important;
    border-radius: 12px !important;
    border: 1px solid #e5e7eb !important;
    background: #fff !important;
}
.user-account-container .favorites-empty-title {
    font-size: 1.25rem !important;
}

/* ===========================================
   ADMIN BADGES - Çoklu rozet, masaüstü/mobil
   Kategori filter-header hizalama
   Ürün resim yükleme animasyonu
   Cart minimalist / Sepet tasarımı
   Mobil slider - resim tam görünsün
   =========================================== */

/* Badge: çoklu rozet, üst üste gelmeyi önle */
/* Masaüstü: CSS Grid ile sol ve sağ kolon asla çakışmaz */
@media (min-width: 768px) {
    .awa-product-badge-dock {
        display: grid !important;
        grid-template-columns: 1fr minmax(0, auto) !important;
        gap: 10px 12px !important;
        overflow: visible !important;
        align-items: start !important;
    }
    .awa-product-badge-dock__left {
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .awa-product-badge-dock__right {
        min-width: 0 !important;
        justify-self: end !important;
    }
}
/* Mobil: wrap serbest, kompakt gap */
@media (max-width: 767.98px) {
    .awa-product-badge-dock {
        flex-wrap: wrap !important;
        gap: 4px !important;
        overflow: visible !important;
    }
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    flex-wrap: wrap !important;
    gap: 4px !important;
    min-width: 0 !important;
}
.awa-badge.image-badge,
.awa-badge.product-badge_text {
    flex-shrink: 0 !important;
    max-width: 100% !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock__left { max-width: 85% !important; }
    .awa-badge.image-badge img.product-badge {
        max-height: 20px !important;
        max-width: 85px !important;
    }
}

/* Kategori filter-header: başlık + filtre + sıralama aynı hizada */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    margin: 0 !important;
    font-size: 1.35rem !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
}

/* Ürün resim yükleme animasyonu */
@keyframes awaProductImgFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img:not(.awa-img-loaded),
.new-pc__img-wrapper img:not(.awa-img-loaded) {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded {
    animation: awaProductImgFadeIn 0.4s ease-out forwards;
}

/* Cart - iki panel (items + summary) için yeterli genişlik */
.container .cartnova {
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 16px 48px !important;
}
.cartnova__panel-head {
    padding: 20px 20px 10px !important;
}
.cartnova__panel-body {
    padding: 0 20px 24px !important;
}
.cartnova__panel-foot {
    padding: 16px 20px 20px !important;
}
.cartnova__title {
    font-size: 1.25rem !important;
}
.cartnova-item {
    grid-template-columns: 100px 1fr !important;
    padding: 16px !important;
}
.cartnova-item__image {
    width: 90px !important;
}
.cartpage-checkout-button {
    padding: 14px 20px !important;
}
@media (max-width: 767.98px) {
    .container .cartnova { max-width: 100% !important; }
    .cartnova-item { grid-template-columns: 1fr !important; }
    .cartnova-item__image { height: 180px !important; }
}

/* Mobil slider - resim contain yerine cover ile alanı doldursun (kesik/bozuk görünüm düzeltmesi) */
.homepage-hero-slider .uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg--mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    height: 100% !important;
}
.uomo-homepage-slideshow-bg__img--mobile {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* ===========================================
   TALEP DÜZENLEMELERİ - Badges, filter-header, animasyon, cart, mobil slider
   =========================================== */

/* --- Admin badges: Çoklu rozet, masaüstü + mobil, tasarım bozulmasın --- */
.awa-product-badge-dock {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
    pointer-events: none !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
}
.awa-product-badge-dock__left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 85% !important;
}
.awa-product-badge-dock__right {
    flex: 0 0 auto !important;
}
.awa-badge {
    flex-shrink: 0 !important;
    max-width: 100% !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock__left { max-width: 80% !important; gap: 3px !important; }
    .awa-badge.image-badge img.product-badge { max-height: 20px !important; max-width: 80px !important; }
}

/* --- Kategori filter-header: Başlık, filtre, sıralama aynı hizada --- */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    margin: 0 !important;
}

/* --- Kategori sayfası: Resim yükleme animasyonu --- */
@keyframes awa-product-img-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img,
.new-pc__img-wrapper img,
.new-product-card .new-pc__img {
    opacity: 0;
    transition: opacity 0.35s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.new-product-card .new-pc__img.awa-img-loaded {
    opacity: 1;
}

/* --- Cart sayfası: Minimalist, daha dar --- */
.container .cartnova {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel-head {
    padding: 20px 24px 12px !important;
}
.cartnova__panel-body {
    padding: 0 24px 24px !important;
}
.cartnova__panel-foot {
    padding: 18px 24px 24px !important;
}
.cartnova__title { font-size: 1.35rem !important; }
.cartnova-item {
    grid-template-columns: 100px 1fr !important;
    padding: 14px 0 !important;
}
.cartnova-item__image {
    width: 90px !important;
}
@media (max-width: 767.98px) {
    .container .cartnova { max-width: 100% !important; padding-left: 12px !important; padding-right: 12px !important; }
    .cartnova-item { grid-template-columns: 1fr !important; }
    .cartnova-item__image { width: 100% !important; height: 180px !important; }
}

/* --- Mobil slider: Resim tam gözüksün (object-fit contain) --- */
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg.d-block.d-md-none,
.uomo-homepage-slideshow-bg.uomo-homepage-slideshow-bg--mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.uomo-homepage-slideshow-bg__img.uomo-homepage-slideshow-bg__img--mobile,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
}

/* ===========================================
   BADGES - Çoklu rozet, masaüstü/mobil tasarımı bozmadan
   =========================================== */
.awa-product-badge-dock {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: calc(100% - 12px) !important;
    pointer-events: none !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
}
.awa-product-badge-dock__left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.awa-product-badge-dock__right {
    flex: 0 0 auto !important;
}
.awa-badge.image-badge img.product-badge,
.awa-badge.image-badge .product-badge {
    max-height: 24px !important;
    max-width: 90px !important;
    object-fit: contain !important;
    vertical-align: middle !important;
}
.awa-badge.product-badge_text {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 110px !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock { gap: 3px !important; max-width: calc(100% - 8px) !important; }
    .awa-badge.image-badge img.product-badge { max-height: 20px !important; max-width: 75px !important; }
    .awa-badge.product-badge_text { max-width: 85px !important; font-size: 9px !important; }
}
@media (max-width: 480px) {
    .awa-product-badge-dock { gap: 2px !important; }
    .awa-badge.image-badge img.product-badge { max-height: 18px !important; max-width: 65px !important; }
}

/* ===========================================
   KATEGORİ - filter-header hizalama düzeltmesi
   =========================================== */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

/* ===========================================
   KATEGORİ - Ürün resimleri yüklenirken animasyon
   =========================================== */
@keyframes awaProductImgFadeIn {
    from { opacity: 0; transform: scale(0.98); }
    to { opacity: 1; transform: scale(1); }
}
.product-image-container img:not(.awa-img-loaded),
.new-pc__img-wrapper img:not(.awa-img-loaded) {
    opacity: 0;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded {
    animation: awaProductImgFadeIn 0.4s ease-out forwards;
}

/* ===========================================
   CART - Minimalist, dar tasarım
   =========================================== */
.container .cartnova {
    max-width: 720px !important;
}
.cartnova__layout {
    gap: 16px !important;
}
.cartnova__panel-head {
    padding: 16px 20px 8px !important;
}
.cartnova__panel-body {
    padding: 0 20px 20px !important;
}
.cartnova__panel-foot {
    padding: 16px 20px 20px !important;
}
.cartnova__title { font-size: 1.25rem !important; }
.cartnova__subtitle { font-size: 0.8125rem !important; }
.cartnova-item {
    grid-template-columns: 80px 1fr !important;
    padding: 12px 0 !important;
}
.cartnova-item__image { width: 80px !important; min-width: 80px !important; }
.cartnova-item__title { font-size: 0.9375rem !important; }
.cartnova-qty__btn { width: 32px !important; min-width: 32px !important; }
.cartnova-qty__input { width: 38px !important; }
.cartnova-item__price-current { font-size: 1rem !important; }
.cartpage-checkout-button { padding: 12px 20px !important; font-size: 0.9375rem !important; }
@media (min-width: 992px) {
    .container .cartnova { max-width: 820px !important; }
}
@media (max-width: 767.98px) {
    .container .cartnova { max-width: 100% !important; padding-left: 12px !important; padding-right: 12px !important; }
    .cartnova-item { grid-template-columns: 1fr !important; }
    .cartnova-item__image { width: 100% !important; height: 180px !important; min-width: unset !important; }
}

/* ===========================================
   MOBİL SLIDER - Resim tam gözüksün (object-fit: contain)
   =========================================== */
.homepage-hero-slider .uomo-homepage-slideshow-bg--mobile .uomo-homepage-slideshow-bg__img--mobile,
.uomo-homepage-slideshow-bg.uomo-homepage-slideshow-bg--mobile .uomo-homepage-slideshow-bg__img--mobile {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}
.uomo-homepage-slideshow-bg.uomo-homepage-slideshow-bg--mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #111 !important;
}

/* ===========================================
   GÜNCELLEME: Rozetler, filter-header, cart, mobil slider
   =========================================== */

/* --- Admin badges: çoklu rozet, masaüstü/mobil tasarımı bozmadan --- */
.awa-product-badge-dock {
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
}
.awa-product-badge-dock__left {
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 85% !important;
}
.awa-product-badge-dock__right {
    flex-wrap: wrap !important;
    gap: 4px !important;
}
.awa-badge.image-badge,
.awa-badge.product-badge_text {
    flex-shrink: 0 !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock__left { max-width: 80% !important; }
    .awa-badge.image-badge img.product-badge { max-height: 20px !important; max-width: 80px !important; }
}
@media (max-width: 575.98px) {
    .awa-product-badge-dock { top: 6px !important; left: 6px !important; }
    .awa-product-badge-dock__left { max-width: 75% !important; gap: 3px !important; }
    .awa-badge.image-badge img.product-badge { max-height: 18px !important; max-width: 70px !important; }
}

/* --- Kategori filter-header: aynı hizada --- */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* --- Kategori sayfası ürün resimleri: yükleme animasyonu --- */
@keyframes awaProductImgFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img:not(.awa-img-loaded),
.new-pc__img-wrapper img:not(.awa-img-loaded) {
    opacity: 0;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded {
    animation: awaProductImgFadeIn 0.45s ease-out forwards;
}

/* --- Cart sayfası: minimalist, daha dar --- */
.container .cartnova {
    max-width: 720px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel {
    border-radius: 12px !important;
}
.cartnova__panel-head {
    padding: 20px 24px 10px !important;
}
.cartnova__panel-body {
    padding: 0 24px 24px !important;
}
.cartnova__panel-foot {
    padding: 16px 24px 24px !important;
}
.cartnova__title {
    font-size: 1.25rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    grid-template-columns: 90px 1fr !important;
    padding: 14px 18px !important;
}
.cartnova-item__image {
    width: 90px !important;
}
.cartnova-item__title {
    font-size: 1rem !important;
}
.cartpage-checkout-button,
.cartnova-button {
    padding: 10px 18px !important;
    font-size: 0.875rem !important;
}
@media (max-width: 767.98px) {
    .container .cartnova { max-width: 100% !important; }
}

/* --- Mobil slider: resim tam gözüksün (object-fit: contain) --- */
.homepage-hero-slider .uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg--mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
    background: #111 !important;
}
.homepage-hero-slider .uomo-homepage-slideshow-bg__img--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg__img--mobile,
.uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img--mobile {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
}

/* ===========================================
   GÜNCELLEME: Badges, filter-header, kategori animasyon,
   Cart minimalist, Mobil slider tam resim
   =========================================== */

/* Admin badges - çoklu rozet tasarımı bozmadan */
.awa-product-badge-dock {
    pointer-events: none;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    flex-wrap: wrap !important;
    gap: 4px !important;
    min-width: 0 !important;
}
.awa-product-badge-dock__left .awa-badge,
.awa-product-badge-dock__right .awa-badge,
.awa-product-badge-dock__left .image-badge,
.awa-product-badge-dock__right .image-badge {
    flex-shrink: 0 !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 90px !important;
    object-fit: contain !important;
}
@media (max-width: 575.98px) {
    .awa-product-badge-dock__left {
        max-width: 85% !important;
    }
    .awa-badge.image-badge img.product-badge {
        max-height: 20px !important;
        max-width: 75px !important;
    }
}

/* Kategori filter-header - başlık, filtre, sıralama aynı hizada */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    margin: 0 !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

/* Kategori sayfası - ürün resim yükleme animasyonu */
@keyframes awa-product-img-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img,
.new-pc__img-wrapper img,
.new-product-card .new-pc__img {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.new-product-card .new-pc__img.awa-img-loaded {
    opacity: 1;
}
.product-image-container img.loading,
.new-pc__img-wrapper img.loading,
.new-product-card .new-pc__img.loading {
    opacity: 0.6;
}

/* Cart sayfası - minimalist, daha dar */
.container .cartnova {
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.cartnova__panel-head {
    padding: 18px 20px 10px !important;
}
.cartnova__panel-body {
    padding: 0 20px 20px !important;
}
.cartnova__panel-foot {
    padding: 16px 20px 20px !important;
}
.cartnova__title {
    font-size: 1.25rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    grid-template-columns: 90px 1fr !important;
    padding: 12px 0 !important;
}
.cartnova-item__image {
    width: 90px !important;
}
.cartnova-item__title {
    font-size: 0.9375rem !important;
}
.cartpage-checkout-button,
.cartnova-button {
    padding: 10px 16px !important;
    font-size: 0.875rem !important;
}
@media (max-width: 767.98px) {
    .container .cartnova {
        max-width: 100% !important;
    }
    .cartnova__panel-head,
    .cartnova__panel-body,
    .cartnova__panel-foot {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* Mobil slider - resim tam gözüksün (object-fit: contain) */
.uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg.d-block.d-md-none {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.uomo-homepage-slideshow-bg__img--mobile,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* ===========================================
   AWA Panel - Genel Düzeltmeler (Badge, Filter, Cart, Slider, Animasyon)
   =========================================== */

/* --- Admin Badges: Çoklu rozet, tasarım bozulmadan masaüstü+mobil --- */
.awa-product-badge-dock {
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
    min-height: 0 !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    flex-wrap: wrap !important;
    gap: 4px !important;
    min-width: 0 !important;
}
.awa-product-badge-dock__left {
    max-width: 85% !important;
}
.awa-badge {
    flex-shrink: 0 !important;
    max-width: 100% !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 28px !important;
    max-width: 120px !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock {
        gap: 3px !important;
        top: 6px !important;
        left: 6px !important;
    }
    .awa-product-badge-dock__left {
        max-width: 78% !important;
    }
    .awa-badge.image-badge img.product-badge {
        max-height: 22px !important;
        max-width: 95px !important;
    }
}

/* --- Mobil Slider: Resim tam görünsün (object-fit contain) --- */
.uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
}
.uomo-homepage-slideshow-bg__img--mobile,
.uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
}

/* --- Kategori: Ürün resim yükleme animasyonu --- */
@keyframes awaProductImgFadeIn {
    from { opacity: 0; transform: scale(0.98); }
    to { opacity: 1; transform: scale(1); }
}
.product-image-container img,
.new-pc__img-wrapper img,
.products-grid .product-image-container img {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.products-grid .product-image-container img.awa-img-loaded {
    opacity: 1;
    animation: awaProductImgFadeIn 0.4s ease-out;
}

/* --- Cart: Minimalist, dar, tasarım düzeltmesi --- */
.container .cartnova {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel {
    padding: 0 !important;
    border-radius: 10px !important;
}
.cartnova__panel-head {
    padding: 18px 20px 8px !important;
}
.cartnova__panel-body {
    padding: 0 20px 20px !important;
}
.cartnova__panel-foot {
    padding: 16px 20px 20px !important;
}
.cartnova__title {
    font-size: 1.35rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    grid-template-columns: 90px 1fr !important;
    padding: 14px 18px !important;
}
.cartnova-item__image {
    width: 90px !important;
    min-width: 90px !important;
}
.cartnova-item__title {
    font-size: 0.9375rem !important;
}
.cartnova-form__actions {
    gap: 10px !important;
    margin-top: 14px !important;
}
.cartnova-button {
    padding: 10px 16px !important;
    font-size: 0.875rem !important;
}
.cartpage-checkout-button {
    padding: 14px 20px !important;
    font-size: 0.9375rem !important;
}
@media (max-width: 767.98px) {
    .container .cartnova {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .cartnova-item {
        grid-template-columns: 1fr !important;
    }
    .cartnova-item__image {
        width: 100% !important;
        height: 140px !important;
        min-height: 140px !important;
    }
}

/* ===========================================
   BADGE (ROZET) - Çoklu rozet, masaüstü/mobil düzgün görünüm
   =========================================== */
.awa-product-badge-dock {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 4px !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
}
.awa-product-badge-dock__left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.awa-product-badge-dock__right {
    flex: 0 0 auto !important;
}
.awa-badge {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock { gap: 3px !important; }
    .awa-badge.image-badge img.product-badge {
        max-height: 20px !important;
        max-width: 80px !important;
    }
}
@media (max-width: 575.98px) {
    .awa-product-badge-dock { gap: 2px !important; }
    .awa-badge.image-badge img.product-badge {
        max-height: 18px !important;
        max-width: 70px !important;
    }
}

/* ===========================================
   KATEGORİ - Filter header aynı hizada
   =========================================== */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    margin: 0 !important;
    font-size: 1.35rem !important;
}

/* ===========================================
   KATEGORİ - Ürün resmi yükleme animasyonu
   =========================================== */
@keyframes awaProductImgFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img,
.new-pc__img-wrapper img,
.new-product-card .new-pc__img {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.new-product-card .new-pc__img.awa-img-loaded {
    opacity: 1;
    animation: awaProductImgFadeIn 0.4s ease-out;
}

/* ===========================================
   CART - Minimalist, daha dar tasarım
   =========================================== */
.container .cartnova {
    max-width: 880px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.cartnova__panel-head {
    padding: 20px 24px 10px !important;
}
.cartnova__panel-body {
    padding: 0 24px 24px !important;
}
.cartnova__panel-foot {
    padding: 16px 24px 24px !important;
}
.cartnova__title {
    font-size: 1.35rem !important;
}
.cartnova-item {
    grid-template-columns: 100px 1fr !important;
    padding: 14px 0 !important;
}
.cartnova-item__image {
    width: 90px !important;
    height: 100px !important;
}
.cartnova-item__title {
    font-size: 0.95rem !important;
}
.cartnova-item__price-current {
    font-size: 1rem !important;
}
.cartpage-checkout-button {
    padding: 12px 20px !important;
}
@media (max-width: 767.98px) {
    .container .cartnova {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .cartnova-item {
        grid-template-columns: 80px 1fr !important;
    }
    .cartnova-item__image {
        width: 80px !important;
        height: 90px !important;
    }
}

/* ===========================================
   MOBİL SLIDER - Resim tam gözüksün (object-fit: contain)
   =========================================== */
.homepage-hero-slider .uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg--mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
    background: #111 !important;
}
.homepage-hero-slider .uomo-homepage-slideshow-bg__img--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg__img--mobile {
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* ===========================================
   BADGES - Çoklu rozet, masaüstü/mobil tasarımı bozmadan
   FILTER-HEADER - Kategori sayfası hizalama
   KATEGORİ RESİM - Yükleme animasyonu
   CART - Minimalist, dar container
   MOBİL SLİDER - Resim tam gözüksün (object-fit contain)
   =========================================== */

/* Badges: Çoklu rozet - tasarımı bozmadan */
.awa-product-badge-dock {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
}
.awa-product-badge-dock__left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.awa-product-badge-dock__right {
    flex: 0 0 auto !important;
}
.awa-badge.image-badge img.product-badge,
.awa-badge.image-badge img {
    max-height: 24px !important;
    max-width: 100px !important;
    object-fit: contain !important;
}

/* Filter header: Tek satırda hizalı */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    font-size: 1.375rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem 0.75rem !important;
}

/* Kategori ürün resmi - yükleme animasyonu */
@keyframes awa-product-img-fade {
    from { opacity: 0; transform: scale(0.98); }
    to { opacity: 1; transform: scale(1); }
}
.product-image-container img,
.new-pc__img-wrapper img,
.products-grid .product-image-container img {
    opacity: 0;
    animation: awa-product-img-fade 0.45s ease-out forwards;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.products-grid .product-image-container img.awa-img-loaded {
    opacity: 1;
}

/* Cart - Minimalist, dar */
.container .cartnova {
    max-width: 880px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel-head {
    padding: 20px 20px 10px !important;
}
.cartnova__panel-body {
    padding: 0 20px 20px !important;
}
.cartnova__panel-foot {
    padding: 16px 20px 20px !important;
}
.cartnova__title {
    font-size: 1.25rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    grid-template-columns: 90px 1fr !important;
    padding: 14px 0 !important;
}
.cartnova-item__image {
    width: 90px !important;
    min-width: 90px !important;
}
.cartnova-item__title {
    font-size: 0.9375rem !important;
}
.cartnova-button,
.cartpage-checkout-button {
    padding: 10px 16px !important;
    font-size: 0.875rem !important;
}

/* Mobil slider - resim tam gözüksün */
.uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none,
.uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.d-block.d-md-none {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
    background: #0a0a0a !important;
}
.uomo-homepage-slideshow-bg__img--mobile,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
.uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img {
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

@media (max-width: 767.98px) {
    .awa-product-badge-dock__left { max-width: 80% !important; }
    .awa-badge.image-badge img.product-badge,
    .awa-badge.image-badge img { max-height: 20px !important; max-width: 80px !important; }
    .shop-filter-section .filter-header { flex-wrap: wrap !important; }
    .container .cartnova { max-width: 100% !important; padding-left: 12px !important; padding-right: 12px !important; }
    .cartnova-item { grid-template-columns: 1fr !important; }
    .cartnova-item__image { width: 100% !important; min-width: 100% !important; height: 180px !important; }
}

/* ===========================================
   BADGE (Rozet) - Çoklu rozet, masaüstü/mobil
   Kategori filter-header - Tek satır hizalama
   Ürün resim yükleme animasyonu
   Cart - Minimalist, dar
   Mobil slider - Resim tam görünsün
   =========================================== */

/* Badge: Çoklu rozet - tasarımı bozmadan */
.awa-product-badge-dock {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
    overflow: visible !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
}
.awa-product-badge-dock__left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 85% !important;
}
.awa-product-badge-dock__right {
    flex: 0 0 auto !important;
}
.awa-badge {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock { gap: 3px !important; }
    .awa-product-badge-dock__left { max-width: 80% !important; }
    .awa-badge.image-badge img.product-badge {
        max-height: 20px !important;
        max-width: 80px !important;
    }
}
@media (max-width: 575.98px) {
    .awa-product-badge-dock { gap: 2px !important; }
    .awa-badge.image-badge img.product-badge {
        max-height: 18px !important;
        max-width: 70px !important;
    }
}

/* Filter-header: Kategori adı, filtre, sıralama tek satırda */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    margin: 0 !important;
    font-size: 1.35rem !important;
    line-height: 1.2 !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem 0.75rem !important;
}

/* Ürün resim yükleme animasyonu */
@keyframes awaProductImgFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.products-grid .product-image-container img.awa-img-loaded,
.products-grid .new-pc__img-wrapper img.awa-img-loaded {
    animation: awaProductImgFadeIn 0.45s ease-out forwards;
}
.product-image-container img:not(.awa-img-loaded),
.new-pc__img-wrapper img:not(.awa-img-loaded) {
    opacity: 0;
    transition: opacity 0.35s ease-out;
}

/* Cart - Minimalist, dar */
.container .cartnova {
    max-width: 840px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 32px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel {
    border-radius: 10px !important;
}
.cartnova__panel-head {
    padding: 18px 20px 10px !important;
}
.cartnova__panel-body {
    padding: 0 20px 20px !important;
}
.cartnova__panel-foot {
    padding: 16px 20px 20px !important;
}
.cartnova__title {
    font-size: 1.25rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    grid-template-columns: 90px 1fr !important;
    padding: 14px 0 !important;
}
.cartnova-item__image {
    width: 90px !important;
    min-width: 90px !important;
}
.cartnova-item__title {
    font-size: 0.9375rem !important;
}
.cartnova-button,
.cartpage-checkout-button {
    padding: 10px 16px !important;
    font-size: 0.875rem !important;
}
.cartpage-checkout-button__title {
    font-size: 0.9375rem !important;
}
.cartnova-footnote {
    font-size: 0.75rem !important;
    margin-top: 10px !important;
}
@media (max-width: 767.98px) {
    .container .cartnova {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .cartnova-item {
        grid-template-columns: 80px 1fr !important;
    }
    .cartnova-item__image {
        width: 80px !important;
        min-width: 80px !important;
    }
}

/* Mobil slider - resim tam görünsün (object-fit: contain) */
.homepage-hero-slider .uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg--mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
}
.homepage-hero-slider .uomo-homepage-slideshow-bg__img--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg__img--mobile,
.uomo-homepage-slideshow-bg.uomo-homepage-slideshow-bg--mobile .uomo-homepage-slideshow-bg__img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
}

/* ===========================================
   BADGES - Çoklu rozet, masaüstü+mobil
   FILTER-HEADER - Tek satır hizalama
   PRODUCT IMAGE - Yükleme animasyonu
   CART - Minimalist dar layout
   MOBİL SLIDER - Resim tam görünsün
   =========================================== */

/* Badges: Birden fazla rozet tasarımı bozmadan */
.awa-product-badge-dock {
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
    overflow: visible !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    height: auto !important;
    object-fit: contain !important;
}
.awa-badge {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock__left { max-width: 75% !important; gap: 3px !important; }
    .awa-badge.image-badge img.product-badge { max-height: 20px !important; max-width: 80px !important; }
}
@media (max-width: 575.98px) {
    .awa-product-badge-dock__left { max-width: 70% !important; gap: 2px !important; }
    .awa-badge.image-badge img.product-badge { max-height: 18px !important; max-width: 70px !important; }
}

/* Filter-header: Kategori adı + Filtre + Sıralama aynı hizada */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

/* Kategori sayfası ürün resmi yükleme animasyonu */
@keyframes awa-product-img-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img,
.new-pc__img-wrapper img,
.new-product-card img.new-pc__img {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.new-product-card img.new-pc__img.awa-img-loaded {
    opacity: 1;
    animation: awa-product-img-fade-in 0.4s ease-out;
}

/* Cart sayfası - Minimalist, dar */
.container .cartnova {
    max-width: 840px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px 48px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel-head {
    padding: 20px 24px 12px !important;
}
.cartnova__panel-body {
    padding: 0 24px 24px !important;
}
.cartnova__panel-foot {
    padding: 20px 24px 24px !important;
}
.cartnova__title { font-size: 1.35rem !important; }
.cartnova__subtitle { font-size: 0.875rem !important; }
.cartnova-item {
    grid-template-columns: 100px 1fr !important;
    padding: 16px 20px !important;
}
.cartnova-item__image { width: 90px !important; }
.cartnova-item__title { font-size: 1rem !important; }
.cartpage-checkout-button { padding: 14px 20px !important; }
.cartnova-footnote { font-size: 0.8125rem !important; margin-top: 10px !important; }

@media (max-width: 767.98px) {
    .container .cartnova { max-width: 100% !important; padding: 0 16px 40px !important; }
    .cartnova__panel-head { padding: 16px 18px 10px !important; }
    .cartnova__panel-body { padding: 0 18px 18px !important; }
    .cartnova__panel-foot { padding: 16px 18px 18px !important; }
    .cartnova-item { grid-template-columns: 1fr !important; padding: 14px 16px !important; }
    .cartnova-item__image { width: 100% !important; height: 180px !important; }
}

/* Mobil slider - Resim tam gözüksün (object-fit: contain) */
.homepage-hero-slider .uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg--mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
    background: #0a0a0a !important;
}
.uomo-homepage-slideshow-bg__img--mobile {
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* ===========================================
   AWAPANEL FIX PAKETİ - Badge, Filter, Cart, Slider, Animasyon
   =========================================== */

/* ---- Badges: Çoklu rozet, masaüstü + mobil, tasarımı bozmadan ---- */
.awa-product-badge-dock {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: calc(100% - 12px) !important;
    pointer-events: none !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
}
.awa-product-badge-dock__left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 85% !important;
}
.awa-product-badge-dock__right {
    flex: 0 0 auto !important;
}
.awa-badge.image-badge,
.awa-badge.product-badge_text {
    flex-shrink: 0 !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 26px !important;
    max-width: 100px !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock__left { max-width: 78% !important; gap: 3px !important; }
    .awa-badge { padding: 2px 6px !important; font-size: 10px !important; }
    .awa-badge.image-badge img.product-badge { max-height: 22px !important; max-width: 85px !important; }
}
@media (max-width: 575.98px) {
    .awa-product-badge-dock__left { max-width: 75% !important; gap: 2px !important; }
    .awa-badge { padding: 2px 5px !important; font-size: 9px !important; }
    .awa-badge.image-badge img.product-badge { max-height: 20px !important; max-width: 75px !important; }
}

/* ---- Kategori filter-header: Başlık + Filtre + Sıralama aynı hizada ---- */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

/* ---- Kategori sayfası: Ürün resmi yükleme animasyonu ---- */
@keyframes awaProductImgFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img:not(.awa-img-loaded),
.new-pc__img-wrapper img:not(.awa-img-loaded) {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded {
    animation: awaProductImgFadeIn 0.4s ease-out forwards;
    opacity: 1;
}

/* ---- Cart sayfası: Minimalist, daha dar ---- */
.container .cartnova {
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel-head {
    padding: 20px 24px 10px !important;
}
.cartnova__panel-body {
    padding: 0 24px 24px !important;
}
.cartnova__panel-foot {
    padding: 16px 24px 24px !important;
}
.cartnova__title {
    font-size: 1.25rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    grid-template-columns: 96px 1fr !important;
    padding: 16px !important;
}
.cartnova-item__image {
    width: 96px !important;
}
.cartnova-item__title {
    font-size: 0.9375rem !important;
}
.cartnova-item__price-current {
    font-size: 1rem !important;
}
.cartpage-checkout-button {
    padding: 14px 20px !important;
}
@media (max-width: 767.98px) {
    .container .cartnova { max-width: 100% !important; padding-left: 12px !important; padding-right: 12px !important; }
    .cartnova-item { grid-template-columns: 1fr !important; }
    .cartnova-item__image { width: 100% !important; height: 180px !important; }
}

/* ---- Mobil slider: Resim tam gözüksün (object-fit: contain) ---- */
.homepage-hero-slider .uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg--mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100%;
}
.homepage-hero-slider .uomo-homepage-slideshow-bg__img--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg__img--mobile,
.uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img--mobile {
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* ===========================================
   BADGES - Çoklu rozet, masaüstü/mobil, tasarım korunumu
   =========================================== */
.awa-product-badge-dock {
    flex-wrap: wrap !important;
    max-width: 100% !important;
    overflow: visible !important;
}
.awa-product-badge-dock__left {
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 85% !important;
}
.awa-product-badge-dock__right {
    flex-wrap: wrap !important;
    gap: 4px !important;
}
.awa-badge:not(.image-badge) {
    white-space: nowrap !important;
    max-width: 120px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock__left { max-width: 80% !important; gap: 3px !important; }
    .awa-badge { padding: 2px 6px !important; font-size: 9px !important; }
    .awa-badge.image-badge img.product-badge { max-height: 20px !important; max-width: 80px !important; }
}

/* ===========================================
   KATEGORİ - Filter header tek satır hizalama
   =========================================== */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title { margin: 0 !important; }
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-shrink: 0 !important;
}

/* ===========================================
   KATEGORİ - Ürün resmi yükleme animasyonu
   =========================================== */
@keyframes awa-product-img-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img,
.new-pc__img-wrapper img,
.products-grid img.new-pc__img {
    opacity: 0;
    transition: opacity 0.35s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.products-grid img.new-pc__img.awa-img-loaded {
    opacity: 1;
    animation: awa-product-img-fadein 0.4s ease-out forwards;
}

/* ===========================================
   CART - Minimalist, dar tasarım
   =========================================== */
.container .cartnova {
    max-width: 860px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-top: 24px !important;
    margin-bottom: 32px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel-head {
    padding: 20px 24px 12px !important;
}
.cartnova__panel-body {
    padding: 0 24px 24px !important;
}
.cartnova__panel-foot {
    padding: 18px 24px 24px !important;
}
.cartnova__title { font-size: 1.35rem !important; }
.cartnova__subtitle { font-size: 0.8125rem !important; }
.cartnova-item {
    grid-template-columns: 96px 1fr !important;
    padding: 16px !important;
}
.cartnova-item__image { width: 96px !important; min-height: 96px !important; }
.cartnova-item__title { font-size: 0.9375rem !important; }
.cartnova-item__price-current { font-size: 1rem !important; }
.cartnova-form__actions { margin-top: 14px !important; gap: 10px !important; }
.cartnova-button { padding: 10px 18px !important; font-size: 0.8125rem !important; }
.cartpage-checkout-button { padding: 14px 20px !important; }
.cartnova-footnote { font-size: 0.75rem !important; margin-top: 10px !important; }
@media (max-width: 767.98px) {
    .container .cartnova { max-width: 100% !important; padding-left: 16px !important; padding-right: 16px !important; }
    .cartnova-item { grid-template-columns: 1fr !important; }
    .cartnova-item__image { width: 100% !important; height: 160px !important; min-height: 160px !important; }
}

/* ===========================================
   MOBİL SLIDER - Resim tam görünsün (object-fit contain)
   =========================================== */
.homepage-hero-slider .uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg--mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
    background: #111 !important;
}
.homepage-hero-slider .uomo-homepage-slideshow-bg__img--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg__img--mobile,
.uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img--mobile {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
}

/* ===========================================
   DÜZELTMELER: Badge, Filter-header, Ürün animasyon,
   Cart minimalist, Mobil slider tam görünüm
   =========================================== */

/* 1. BADGES - Admin'den gelen rozetler tasarımı bozmadan, çoklu rozet destekli */
.awa-product-badge-dock {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
    pointer-events: none !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
}
.awa-product-badge-dock__left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 85% !important;
}
.awa-product-badge-dock__right {
    flex: 0 0 auto !important;
}
.awa-badge.image-badge img.product-badge,
.awa-badge.image-badge img {
    max-height: 24px !important;
    max-width: 100px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock__left { max-width: 80% !important; gap: 3px !important; }
    .awa-badge.image-badge img.product-badge,
    .awa-badge.image-badge img { max-height: 20px !important; max-width: 80px !important; }
}

/* 2. KATEGORİ - filter-header aynı hizada */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    margin: 0 !important;
    font-size: 1.35rem !important;
}
@media (min-width: 768px) {
    .shop-filter-section .filter-header { flex-wrap: nowrap !important; gap: 1rem !important; }
}
@media (min-width: 992px) {
    .shop-filter-section .filter-header .shop-title { font-size: 1.5rem !important; }
}

/* 3. KATEGORİ - Ürün resmi yüklenirken animasyon */
@keyframes awa-product-img-fade {
    from { opacity: 0; transform: scale(0.98); }
    to { opacity: 1; transform: scale(1); }
}
.product-image-container img,
.new-pc__img-wrapper img,
.new-product-card img.new-pc__img {
    opacity: 0;
    animation: awa-product-img-fade 0.4s ease-out forwards;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.new-product-card img.new-pc__img.awa-img-loaded {
    opacity: 1;
}

/* 4. CART - Minimalist, daha dar */
.container .cartnova {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel-head {
    padding: 18px 20px 10px !important;
}
.cartnova__panel-body {
    padding: 0 20px 20px !important;
}
.cartnova__panel-foot {
    padding: 16px 20px 20px !important;
}
.cartnova__title { font-size: 1.25rem !important; }
.cartnova__subtitle { font-size: 0.8125rem !important; }
.cartnova-item {
    grid-template-columns: 90px 1fr !important;
    padding: 14px 16px !important;
}
.cartnova-item__image { width: 90px !important; }
.cartnova-item__title { font-size: 0.9375rem !important; }
.cartpage-checkout-button { padding: 12px 18px !important; font-size: 0.9375rem !important; }
@media (max-width: 575.98px) {
    .container .cartnova { max-width: 100% !important; padding-left: 12px !important; padding-right: 12px !important; }
    .cartnova-item { grid-template-columns: 1fr !important; }
    .cartnova-item__image { width: 100% !important; height: 180px !important; }
}

/* 5. MOBİL SLİDER - Resim tam gözüksün (object-fit: contain) */
.uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg.d-block.d-md-none {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
}
.uomo-homepage-slideshow-bg__img--mobile,
.uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img {
    object-fit: contain !important;
    object-position: center !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
}

/* ===========================================
   TALEP DÜZENLEMELERİ (Badges, filter-header, animasyon, cart, mobil slider)
   =========================================== */

/* Admin badges - çoklu rozet tasarımı bozmadan, masaüstü + mobil */
.awa-product-badge-dock {
    flex-wrap: wrap !important;
    gap: 4px !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    flex-wrap: wrap !important;
    gap: 4px !important;
}
.awa-product-badge-dock__left {
    max-width: 85% !important;
}
.awa-badge {
    flex-shrink: 0 !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock__left { max-width: 78% !important; }
    .awa-badge.image-badge img.product-badge {
        max-height: 20px !important;
        max-width: 85px !important;
    }
}
@media (max-width: 575.98px) {
    .awa-product-badge-dock__left { max-width: 75% !important; }
    .awa-badge.image-badge img.product-badge {
        max-height: 18px !important;
        max-width: 75px !important;
    }
}

/* Kategori filter-header - kategori adı, filtre, sıralama aynı hizada */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    margin: 0 !important;
    font-size: 1.4rem !important;
}
@media (min-width: 768px) {
    .shop-filter-section .filter-header {
        flex-wrap: nowrap !important;
    }
}

/* Kategori sayfası - ürün resimleri yüklenirken animasyon */
@keyframes awa-product-img-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
.products-grid .product-image-container img,
.products-grid .new-pc__img-wrapper img,
.new-product-card .new-pc__img,
.new-product-card .product-main-image {
    transition: opacity 0.35s ease-out;
}
.products-grid .product-image-container img:not(.awa-img-loaded),
.products-grid .new-pc__img-wrapper img:not(.awa-img-loaded),
.new-product-card .new-pc__img:not(.awa-img-loaded) {
    opacity: 0;
}
.products-grid .product-image-container img.awa-img-loaded,
.products-grid .new-pc__img-wrapper img.awa-img-loaded,
.new-product-card .new-pc__img.awa-img-loaded {
    opacity: 1;
    animation: awa-product-img-fadein 0.4s ease-out;
}

/* Cart sayfası - minimalist, daha dar */
.container .cartnova {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel {
    border-radius: 10px !important;
}
.cartnova__panel-head {
    padding: 18px 20px 10px !important;
}
.cartnova__panel-body {
    padding: 0 20px 20px !important;
}
.cartnova__panel-foot {
    padding: 16px 20px 20px !important;
}
.cartnova__title {
    font-size: 1.25rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    grid-template-columns: 100px 1fr !important;
    padding: 14px 16px !important;
}
.cartnova-item__title {
    font-size: 0.9375rem !important;
}
.cartnova-item__price-current {
    font-size: 1rem !important;
}
.cartnova-footnote {
    font-size: 0.75rem !important;
}
@media (max-width: 767.98px) {
    .container .cartnova {
        max-width: 100% !important;
    }
    .cartnova-item {
        grid-template-columns: 80px 1fr !important;
        padding: 12px 14px !important;
    }
}

/* Mobil slider - resim tam gözüksün (object-fit: contain) */
.uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg.d-block.d-md-none {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
    background: #0a0a0a !important;
}
.uomo-homepage-slideshow-bg__img--mobile,
.homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* ===========================================
   BADGES - Admin'den gelen rozetler (çoklu, masaüstü+mobil)
   =========================================== */
.awa-product-badge-dock {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
    min-height: 0 !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
    min-width: 0 !important;
}
.awa-product-badge-dock__left {
    flex: 1 1 auto !important;
    max-width: 85% !important;
}
.awa-product-badge-dock__right {
    flex: 0 0 auto !important;
}
.awa-badge,
.awa-badge.image-badge,
.awa-badge.product-badge_text {
    flex-shrink: 0 !important;
    max-width: 100% !important;
}
.awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
}
@media (max-width: 575.98px) {
    .awa-product-badge-dock__left { max-width: 80% !important; gap: 3px !important; }
    .awa-badge.image-badge img.product-badge {
        max-height: 20px !important;
        max-width: 85px !important;
    }
}

/* ===========================================
   KATEGORİ filter-header - Kategori adı, filtre, sıralama aynı hizada
   =========================================== */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem 1rem !important;
    margin-bottom: 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    margin: 0 !important;
    font-size: 1.375rem !important;
    font-weight: 600 !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
}

/* ===========================================
   KATEGORİ FİLTER HEADER - Kategori Adı | [Filtreleme + Sıralama]
   =========================================== */
.shop-filter-section .filter-header.filter-header-modern {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 1rem 1.5rem !important;
    padding: 1.25rem 1.5rem !important;
    background: #ffffff !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
.shop-filter-section .filter-header-modern .filter-header-col--title {
    justify-self: start !important;
}
.shop-filter-section .filter-header-modern .filter-header-col--actions {
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
}
.shop-filter-section .filter-header-modern .shop-title {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
    color: #111 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.3 !important;
}
.shop-filter-section .filter-header-modern .filter-desktop-btn,
.shop-filter-section .filter-header-modern .sort-btn {
    min-height: 42px !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff !important;
    color: #475569 !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}
.shop-filter-section .filter-header-modern .filter-desktop-btn:hover,
.shop-filter-section .filter-header-modern .sort-btn:hover {
    border-color: #c32929 !important;
    color: #c32929 !important;
    background: #fef2f2 !important;
}
.shop-filter-section .filter-header-modern .filter-desktop-btn:focus,
.shop-filter-section .filter-header-modern .sort-btn:focus,
.shop-filter-section .filter-header-modern .sort-btn.show {
    border-color: #c32929 !important;
    color: #c32929 !important;
    box-shadow: 0 0 0 3px rgba(195, 41, 41, 0.15) !important;
}
.shop-filter-section .filter-header-modern .sort-btn {
    min-width: 160px !important;
    justify-content: space-between !important;
}
@media (min-width: 992px) {
    .shop-filter-section .filter-header-modern .shop-title {
        font-size: 1.625rem !important;
    }
}
@media (max-width: 767.98px) {
    .shop-filter-section .filter-header.filter-header-modern {
        grid-template-columns: 1fr !important;
        gap: 0.75rem !important;
        padding: 1rem 1.25rem !important;
    }
    .shop-filter-section .filter-header-modern .filter-header-col--title,
    .shop-filter-section .filter-header-modern .filter-header-col--actions {
        justify-self: stretch !important;
    }
    .shop-filter-section .filter-header-modern .filter-header-col--actions {
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }
    .shop-filter-section .filter-header-modern .shop-title {
        font-size: 1.25rem !important;
    }
    .shop-filter-section .filter-header-modern .sort-btn {
        min-width: 140px !important;
    }
}

/* ===========================================
   REFERANS TASARIM - Resimdeki gibi birebir (shop-filter-section--reference)
   =========================================== */
.shop-filter-section--reference .shop-title--page {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111;
    margin-bottom: 1.25rem;
}
.shop-filter-section--reference .filter-header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}
.shop-filter-section--reference .filter-header-bar__left {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.shop-filter-section--reference .filter-header-bar__right {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.shop-filter-section--reference .filter-header-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.shop-filter-section--reference .filter-header-btn:hover {
    background: #f9fafb;
    border-color: #9ca3af;
}
.shop-filter-section--reference .sort-dropdown--header {
    position: relative;
}
.shop-filter-section--reference .sort-btn--header {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    cursor: pointer;
    min-width: 180px;
    justify-content: space-between;
}
.shop-filter-section--reference .sort-btn--header:hover {
    background: #f9fafb;
    border-color: #9ca3af;
}
.shop-filter-section--reference .filter-view-label {
    font-size: 0.875rem;
    color: #6b7280;
}
.shop-filter-section--reference .filter-view-btn {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 0;
}
.shop-filter-section--reference .filter-view-btn:hover {
    background: #f9fafb;
}
.shop-filter-section--reference .filter-view-btn.is-active {
    background: #1e3a5f;
    border-color: #1e3a5f;
    color: #fff;
}
.shop-filter-section--reference .filter-product-count {
    font-size: 0.875rem;
    color: #6b7280;
}
/* Filtre satırı - Filtrele'ye basınca açılır (referans tasarımda) */
.shop-filter-section--reference .filter-inline-panel:not(.is-collapsed) {
    display: block !important;
    overflow: visible !important;
    max-height: 800px !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-top: 1rem !important;
    padding-top: 1rem !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #e5e7eb;
}
.shop-filter-section--reference .filter-inline-panel.is-collapsed {
    max-height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}
.shop-filter-section--reference .filter-row,
.shop-filter-section--reference .filter-row-2 {
    display: flex !important;
}
/* Override: masaüstünde filter-row gizleme - referans tasarımda göster */
@media (min-width: 992px) {
    .shop-filter-section--reference .filter-row,
    .shop-filter-section--reference .filter-row-2 {
        display: flex !important;
    }
}
.shop-filter-section--reference .filter-btn {
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    color: #374151;
    min-width: 140px;
}
/* Grid görünüm override (2x2 / 3x3) */
.products-grid.grid-cols-2 {
    grid-template-columns: repeat(2, 1fr) !important;
}
.products-grid.grid-cols-3 {
    grid-template-columns: repeat(3, 1fr) !important;
}

/* Filter Inline Panel - Alta açılan filtre satırı (Deep tema) */
.shop-filter-section .filter-inline-panel {
    overflow: hidden;
    transition: max-height 0.35s ease-out, opacity 0.25s ease;
}
.shop-filter-section .filter-inline-panel.is-collapsed {
    max-height: 0 !important;
    opacity: 0;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    visibility: hidden;
}
.shop-filter-section .filter-inline-panel:not(.is-collapsed) {
    max-height: 500px;
    margin-top: 1rem !important;
    padding: 1rem 0 !important;
    border-top: 1px solid #eef2f6;
}
.shop-filter-section .filter-inline-panel .filter-row,
.shop-filter-section .filter-inline-panel .filter-row-2 {
    margin-bottom: 0;
}
.shop-filter-section .filter-desktop-btn.is-active {
    border-color: #c32929 !important;
    color: #c32929 !important;
    background: #fef2f2 !important;
}

/* ===========================================
   KATEGORİ - Ürün resimleri yüklenirken animasyon
   =========================================== */
@keyframes awa-product-img-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img,
.new-pc__img-wrapper img,
.products-grid .new-pc__img,
.category-products .new-pc__img {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.products-grid .new-pc__img.awa-img-loaded,
.category-products .new-pc__img.awa-img-loaded {
    opacity: 1;
    animation: awa-product-img-fadein 0.4s ease-out;
}

/* ===========================================
   CART - Minimalist, daha dar tasarım
   =========================================== */
.container .cartnova {
    max-width: 880px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel-head {
    padding: 20px 24px 12px !important;
}
.cartnova__panel-body {
    padding: 0 24px 24px !important;
}
.cartnova__panel-foot {
    padding: 20px 24px 24px !important;
}
.cartnova__title {
    font-size: 1.35rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    padding: 16px 20px !important;
    grid-template-columns: 100px 1fr !important;
}
.cartnova-item__image {
    width: 90px !important;
}
.cartnova-item__title {
    font-size: 1rem !important;
}
.cartnova-item__price-current {
    font-size: 1rem !important;
}
.cartnova-form__actions {
    margin-top: 14px !important;
    gap: 10px !important;
}
.cartnova-button,
.cartpage-checkout-button {
    padding: 12px 20px !important;
    font-size: 0.875rem !important;
}
@media (max-width: 767.98px) {
    .container .cartnova {
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .cartnova-item {
        grid-template-columns: 1fr !important;
    }
    .cartnova-item__image {
        width: 100% !important;
        max-height: 180px !important;
    }
}

/* ===========================================
   MOBİL SLIDER - Resim tam gözüksün (object-fit: contain)
   =========================================== */
.homepage-hero-slider .uomo-homepage-slideshow-bg--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg--mobile,
.uomo-homepage-slideshow-bg.d-block.d-md-none {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
    background: #111 !important;
}
.homepage-hero-slider .uomo-homepage-slideshow-bg__img--mobile,
.homepage-hero-slick-slider .uomo-homepage-slideshow-bg__img--mobile,
.uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img {
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* ===========================================
   Admin Badges - Çoklu rozet, masaüstü/mobil tasarımı bozmaz
   Kategori filter-header düzeltme
   Ürün resim yükleme animasyonu
   Cart minimalist / daha dar
   Mobil slider resmi tam gözüksün
   =========================================== */

/* Badge: Çoklu rozet düzgün sıralansın, taşma olmasın */
.awa-product-badge-dock {
    flex-wrap: wrap !important;
    gap: 4px !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    flex-wrap: wrap !important;
    gap: 4px !important;
    min-width: 0 !important;
}
.awa-product-badge-dock__left {
    max-width: 85% !important;
}
.awa-badge.image-badge img.product-badge,
.awa-badge.image-badge img {
    max-height: 24px !important;
    max-width: 100px !important;
    object-fit: contain !important;
}
@media (max-width: 767px) {
    .awa-product-badge-dock__left {
        max-width: 78% !important;
    }
    .awa-badge.image-badge img.product-badge,
    .awa-badge.image-badge img {
        max-height: 20px !important;
        max-width: 80px !important;
    }
}
@media (max-width: 479px) {
    .awa-product-badge-dock__left {
        max-width: 75% !important;
    }
}

/* Kategori filter-header: Kategori adı + filtre + sıralama aynı hizada */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem 1rem !important;
}
.shop-filter-section .filter-header .shop-title {
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}
.shop-filter-section .filter-header .d-flex.align-items-center:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

/* Ürün resim yükleme animasyonu */
@keyframes awaProductImgFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img:not(.awa-img-loaded),
.new-pc__img-wrapper img:not(.awa-img-loaded) {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded {
    animation: awaProductImgFadeIn 0.45s ease-out forwards;
}

/* Cart - Minimalist, daha dar */
.container .cartnova {
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel-head {
    padding: 20px 22px 10px !important;
}
.cartnova__panel-body {
    padding: 0 22px 22px !important;
}
.cartnova__panel-foot {
    padding: 18px 22px 22px !important;
}
.cartnova__title {
    font-size: 1.35rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    grid-template-columns: 90px 1fr !important;
    padding: 14px 0 !important;
}
.cartnova-item__image {
    width: 90px !important;
    min-width: 90px !important;
}
.cartnova-item__title {
    font-size: 0.9375rem !important;
}
.cartnova-item__price-current {
    font-size: 1rem !important;
}
.cartpage-checkout-button,
.cartnova-button {
    padding: 12px 18px !important;
    font-size: 0.9rem !important;
}
@media (max-width: 767px) {
    .container .cartnova {
        max-width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    .cartnova-item {
        grid-template-columns: 1fr !important;
    }
    .cartnova-item__image {
        width: 100% !important;
        max-width: 160px !important;
        height: 140px !important;
    }
}

/* Mobil slider: Resim tam gözüksün (object-fit contain) */
.uomo-homepage-slideshow-bg--mobile,
.uomo-homepage-slideshow-bg.d-block.d-md-none {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.uomo-homepage-slideshow-bg__img--mobile,
.uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* ===========================================
   TALEP DÜZENLEMELERİ - Badges, Filter, Cart, Slider, Animasyon
   =========================================== */

/* --- Badges: Çoklu rozet, masaüstü + mobil, tasarım bozulmasın --- */
.awa-product-badge-dock {
    flex-wrap: wrap !important;
    row-gap: 4px !important;
    max-width: 100% !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
}
.awa-badge.image-badge img.product-badge,
.awa-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    object-fit: contain !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock__left {
        max-width: 70% !important;
    }
    .awa-badge.image-badge img.product-badge {
        max-height: 20px !important;
        max-width: 80px !important;
    }
}
@media (max-width: 575.98px) {
    .awa-product-badge-dock {
        top: 6px !important;
        left: 6px !important;
    }
    .awa-badge.image-badge img.product-badge {
        max-height: 18px !important;
        max-width: 72px !important;
    }
}

/* --- Mobil slider: Resim tam görünsün (object-fit contain) --- */
.uomo-homepage-slideshow-bg.uomo-homepage-slideshow-bg--mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
}
.uomo-homepage-slideshow-bg.uomo-homepage-slideshow-bg--mobile .uomo-homepage-slideshow-bg__img--mobile {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
}

/* --- Kategori ürün resmi yükleme animasyonu --- */
.new-pc__img-wrapper img.new-pc__img,
.product-image-container img.product-main-image {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.new-pc__img-wrapper img.new-pc__img.awa-img-loaded,
.product-image-container img.product-main-image.awa-img-loaded {
    opacity: 1;
}

/* --- Cart: Minimalist, dar, tasarım uyumlu --- */
.container .cartnova {
    max-width: 800px !important;
}
.cartnova__panel-head {
    padding: 1rem 1.25rem 0.5rem !important;
}
.cartnova__panel-body {
    padding: 0 1.25rem 1.25rem !important;
}
.cartnova__panel-foot {
    padding: 1rem 1.25rem 1.25rem !important;
}
.cartnova__title {
    font-size: 1.25rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    grid-template-columns: 90px 1fr !important;
    padding: 1rem !important;
}
.cartnova-item__image {
    width: 88px !important;
    min-width: 88px !important;
}
.cartnova-item__title {
    font-size: 0.9375rem !important;
}
.cartnova-footnote {
    font-size: 0.75rem !important;
    margin-top: 0.75rem !important;
}
.cartpage-checkout-button {
    padding: 0.75rem 1rem !important;
}
@media (max-width: 767.98px) {
    .container .cartnova {
        max-width: 100% !important;
    }
    .cartnova-item {
        grid-template-columns: 1fr !important;
    }
    .cartnova-item__image {
        width: 100% !important;
        max-height: 180px !important;
    }
}

/* ===========================================
   DÜZELTMELER: Badges | Filter-header | Cart | Slider mobil | Resim animasyonu
   =========================================== */

/* --- Admin badges: Birden fazla rozet - masaüstü/mobil tasarımı bozmadan --- */
.awa-product-badge-dock {
    flex-wrap: wrap !important;
    max-width: 100% !important;
    overflow: visible !important;
}
.awa-product-badge-dock__left,
.awa-product-badge-dock__right {
    flex-wrap: wrap !important;
    gap: 4px !important;
    max-width: 100% !important;
}
.awa-product-badge-dock__left {
    min-width: 0 !important;
}
.awa-badge {
    flex-shrink: 0 !important;
    max-width: 110px !important;
}
.awa-badge.image-badge {
    max-width: 100% !important;
}
.awa-badge.image-badge img.product-badge {
    max-width: 100% !important;
    height: auto !important;
}
@media (max-width: 767.98px) {
    .awa-product-badge-dock__left {
        max-width: 68% !important;
    }
    .awa-badge.image-badge img.product-badge {
        max-height: 20px !important;
        max-width: 80px !important;
    }
}

/* --- Kategori filter-header: Başlık + Filtre + Sıralama aynı hizada --- */
.shop-filter-section .filter-header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-bottom: 1rem !important;
    min-height: 40px !important;
}
.shop-filter-section .filter-header > .d-flex:first-child {
    flex-shrink: 0 !important;
    align-items: center !important;
}
.shop-filter-section .filter-header > .d-flex:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
}
.shop-filter-section .filter-header .shop-title {
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}
@media (max-width: 767.98px) {
    .shop-filter-section .filter-header {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.75rem !important;
    }
    .shop-filter-section .filter-header > .d-flex:last-child {
        margin-left: 0 !important;
    }
}

/* --- Kategori sayfası: Ürün resimleri yüklenirken animasyon --- */
@keyframes awa-product-img-fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
.product-image-container img,
.new-pc__img-wrapper img,
.products-grid .product-card-wrapper img.new-pc__img {
    opacity: 0;
    transition: opacity 0.4s ease-out;
}
.product-image-container img.awa-img-loaded,
.new-pc__img-wrapper img.awa-img-loaded,
.products-grid .product-card-wrapper img.new-pc__img.awa-img-loaded {
    opacity: 1;
    animation: awa-product-img-fadein 0.4s ease-out;
}

/* --- Cart sayfası: Minimalist, dar layout --- */
.container .cartnova {
    max-width: 820px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin: 24px auto 48px !important;
}
.cartnova__layout {
    gap: 20px !important;
}
.cartnova__panel-head {
    padding: 18px 20px 10px !important;
}
.cartnova__panel-body {
    padding: 0 20px 20px !important;
}
.cartnova__panel-foot {
    padding: 16px 20px 20px !important;
}
.cartnova__title {
    font-size: 1.25rem !important;
}
.cartnova__subtitle {
    font-size: 0.8125rem !important;
}
.cartnova-item {
    grid-template-columns: 90px 1fr !important;
    padding: 14px 16px !important;
}
.cartnova-item__image {
    width: 90px !important;
}
.cartnova-item__title {
    font-size: 0.9375rem !important;
}
.cartnova-item__title a {
    line-height: 1.35 !important;
}
.cartpage-checkout-button,
.cartnova-button {
    padding: 10px 16px !important;
    font-size: 0.875rem !important;
}
@media (max-width: 767.98px) {
    .container .cartnova {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin: 16px auto 32px !important;
    }
    .cartnova-item {
        grid-template-columns: 1fr !important;
    }
    .cartnova-item__image {
        width: 100% !important;
        height: 180px !important;
    }
}

/* --- Mobil slider: Resim tam görünsün (object-fit: contain) --- */
@media (max-width: 767.98px) {
    .homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none,
    .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.d-block.d-md-none,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.d-block.d-md-none {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #0a0a0a !important;
    }
    .homepage-hero-slider .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
    .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
    .homepage-hero-slick-slider .uomo-homepage-slider-slide .uomo-homepage-slideshow-bg.d-block.d-md-none .uomo-homepage-slideshow-bg__img,
    .uomo-homepage-slideshow-bg.d-block.d-md-none img.uomo-homepage-slideshow-bg__img {
        object-fit: contain !important;
        object-position: center !important;
        width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
    }
}

/* ===========================================
   NAV İLERİ/GERİ BUTONLARI - Referans tasarım (kare, yuvarlatılmış, koyu mavi-gri)
   =========================================== */
.slideshow__prev,
.slideshow__next,
.slideshow-navigation-white-sm .slideshow__prev,
.slideshow-navigation-white-sm .slideshow__next {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background-color: #4A5568 !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.slideshow__prev svg,
.slideshow__next svg,
.slideshow-navigation-white-sm .slideshow__prev svg,
.slideshow-navigation-white-sm .slideshow__next svg {
    fill: #ffffff !important;
}

.products-carousel__prev,
.products-carousel__next,
.produc_slider__prev,
.produc_slider__next {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 8px !important;
    background-color: #4A5568 !important;
    border: none !important;
    box-shadow: none !important;
}
.products-carousel__prev svg,
.products-carousel__next svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.awp-modern-product-slider-nav,
.awp-modern-product-slider-nav-prev,
.awp-modern-product-slider-nav-next,
.awp-viewed-products-nav-prev,
.awp-viewed-products-nav-next,
.awp-similar-products-nav-prev,
.awp-similar-products-nav-next,
.awp-modern-blog-slider-nav-prev,
.awp-modern-blog-slider-nav-next,
.awp-modern-google-reviews-slider-nav-prev,
.awp-modern-google-reviews-slider-nav-next,
.awp-modern-similar-products-slider-nav-prev,
.awp-modern-similar-products-slider-nav-next,
.awp-modern-recently-viewed-slider-nav-prev,
.awp-modern-recently-viewed-slider-nav-next,
.awp-ultra-modern-nav-prev,
.awp-ultra-modern-nav-next,
.awp-modern-tabbed-product-slider-nav-prev,
.awp-modern-tabbed-product-slider-nav-next {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 8px !important;
    background-color: #4A5568 !important;
    border: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}
.awp-modern-product-slider-nav-prev i,
.awp-modern-product-slider-nav-next i,
.awp-viewed-products-nav-prev i,
.awp-viewed-products-nav-next i,
.awp-similar-products-nav-prev i,
.awp-similar-products-nav-next i,
.awp-modern-blog-slider-nav-prev i,
.awp-modern-blog-slider-nav-next i,
.awp-modern-google-reviews-slider-nav-prev i,
.awp-modern-google-reviews-slider-nav-next i,
.awp-modern-similar-products-slider-nav-prev i,
.awp-modern-similar-products-slider-nav-next i,
.awp-modern-recently-viewed-slider-nav-prev i,
.awp-modern-recently-viewed-slider-nav-next i,
.awp-ultra-modern-nav-prev i,
.awp-ultra-modern-nav-next i,
.awp-ultra-modern-nav-prev svg,
.awp-ultra-modern-nav-next svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.awp-modern-product-slider-nav-prev:hover:not(:disabled),
.awp-modern-product-slider-nav-next:hover:not(:disabled),
.awp-viewed-products-nav-prev:hover:not(:disabled),
.awp-viewed-products-nav-next:hover:not(:disabled),
.awp-similar-products-nav-prev:hover:not(:disabled),
.awp-similar-products-nav-next:hover:not(:disabled),
.awp-modern-blog-slider-nav-prev:hover:not(:disabled),
.awp-modern-blog-slider-nav-next:hover:not(:disabled),
.awp-modern-google-reviews-slider-nav-prev:hover:not(:disabled),
.awp-modern-google-reviews-slider-nav-next:hover:not(:disabled),
.awp-modern-similar-products-slider-nav-prev:hover:not(:disabled),
.awp-modern-similar-products-slider-nav-next:hover:not(:disabled),
.awp-modern-recently-viewed-slider-nav-prev:hover:not(:disabled),
.awp-modern-recently-viewed-slider-nav-next:hover:not(:disabled),
.awp-ultra-modern-nav-prev:hover:not(:disabled),
.awp-ultra-modern-nav-next:hover:not(:disabled) {
    background-color: #3d4852 !important;
    color: #ffffff !important;
}

/* =========================================================
   BİRLEŞTİRİLMİŞ DEEP TEMA CSS (container-unified + footer + menu + badges + contact)
   ========================================================= */

/* --- CONTAINER UNIFIED --- */
#main-content .container .cartnova,
.container .cartnova {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.page-blade-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-blade-wrapper.page--degisim-iade .page-blade-container,
.page-blade-wrapper .page-blade-container {
    max-width: 1320px !important;
}
.shop-main.container {
    max-width: 1320px !important;
}
.shop-filter-section .container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
.shop-filter-section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.contact-page-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}
.reach-header .container,
.reach-header__inner.container,
#main-content .reach-header .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1320px !important; }
}
@media (min-width: 1400px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .furniture-contact-layout,
    .container.mxw-wrap,
    .contact-page-container {
        max-width: 1320px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 1140px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 960px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 720px !important;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 540px !important;
    }
}
.homepage-hero-slider-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.homepage-hero-slider-wrapper .homepage-hero-slick-slider {
    width: 100% !important;
}
.homepage-hero-slider-wrapper .slideshow-pagination {
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}
#main-content .hp-homepage-section .container,
#main-content .hp-cat-showcase .container,
#main-content .awp-modern-product-slider-section .container,
#main-content .awp-ultra-modern-tabbed-section .container,
#main-content .homepage-category-banner-slider .container,
#main-content .grid-banner.uomo-category-grid-wrapper .container,
#main-content .shop-filter-section .container,
#main-content .homepage .container,
#main-content section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 1320px;
    }
}
.pdp-page-section.shop-main.container,
.shop-main.container.pdp-page-section {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
}
@media (min-width: 576px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1320px !important; }
}
.pdp-page-section .pdp-wrap .container,
.pdp-page-section .product-page-container .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.pdp-page-section > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pdp-page-section .pdp-wrap,
.pdp-page-section .product-page-container {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
.pdp-page-section .pdp-wrap .row,
.pdp-page-section .product-page-container .row {
    --bs-gutter-x: 0.75rem !important;
    --bs-gutter-y: 0.75rem !important;
}
.pdp-page-section .pdp-panel {
    padding: 8px !important;
}

/* --- FOOTER LAYOUT --- */
.furniture-footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 40px 0 0;
}
.furniture-footer-top .furniture-footer-brand {
    flex-shrink: 0;
    grid-column: unset;
}
.furniture-footer-brand-logo {
    max-height: 36px;
    width: auto;
    object-fit: contain;
}
.furniture-footer-brand-name {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.furniture-footer-contact-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}
.furniture-footer-contact-block--callcenter {
    background: #E8EEF5 !important;
    border-color: #D1DCE8 !important;
}
.furniture-footer-contact-block--callcenter:hover {
    background: #DDE5F0 !important;
}
.furniture-footer-contact-block--whatsapp {
    background: #E8F5E9 !important;
    border-color: #C8E6C9 !important;
}
.furniture-footer-contact-block--whatsapp:hover {
    background: #DCEDDC !important;
}
.furniture-footer-contact-block {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 22px;
    background: #F5F4F2;
    border: 1px solid #E2DFDA;
    border-radius: 10px;
    text-decoration: none;
    color: #2D3748;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.furniture-footer-contact-block:hover {
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    color: #2D3748;
}
.furniture-footer-contact-icon-wrap {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.furniture-footer-contact-icon {
    font-size: 1.5rem;
    color: #2D3748;
}
.furniture-footer-contact-block-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.furniture-footer-contact-label {
    font-size: 0.875rem;
    font-weight: 700;
    color: #2D3748;
}
.furniture-footer-contact-value {
    font-size: 1rem;
    font-weight: 700;
    color: #2D3748;
}
.furniture-footer-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 28px 0 32px;
}
.furniture-footer-modern .furniture-footer-container .furniture-footer-menu-section {
    width: 100%;
    grid-column: unset;
    padding-bottom: 40px;
}
@media (max-width: 991.98px) {
    .furniture-footer-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .furniture-footer-contact-blocks {
        width: 100%;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    .furniture-footer-contact-block {
        flex: 1 !important;
        min-width: 0 !important;
        padding: 12px 14px !important;
    }
    .furniture-footer-contact-block-text {
        overflow: hidden;
    }
    .furniture-footer-contact-value {
        font-size: 0.8rem !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* --- DESKTOP MENU (min-width: 992px) --- */
@media (min-width: 992px) {
.deep-desktop-menu.header-fullwidth {
    overflow: visible;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.deep-top-bar {
    background: #dc3545;
    color: #fff;
    font-size: 0.8125rem;
    width: 100%;
}
.deep-top-bar_full {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    box-sizing: border-box;
}
.deep-top-bar .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-top-bar__inner { width: 100%; }
.deep-top-bar__promo { color: rgba(255,255,255,0.95); }
.deep-top-bar__icon { flex-shrink: 0; color: rgba(255,255,255,0.9); }
.deep-top-bar__social { flex-shrink: 0; }
.deep-top-bar__social-link {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: color 0.2s, background 0.2s;
}
.deep-top-bar__social-link:hover {
    color: #fff;
    background: rgba(255,255,255,0.15);
}
.deep-top-bar__social-link i { font-size: 1rem; }
.deep-desktop-menu {
    background: #fff;
    overflow: visible;
    width: 100%;
}
.deep-desktop-menu .header-desk.deep-main-header { width: 100%; }
.deep-desktop-menu .deep-main-header.container {
    margin-left: auto;
    margin-right: auto;
}
.deep-desktop-menu .deep-main-header {
    padding: 1rem 0;
    width: 100%;
}
.deep-desktop-menu .deep-main-header.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .deep-logo { flex-shrink: 0; }
.deep-desktop-menu .deep-logo a {
    font-size: 1.35rem;
    letter-spacing: 0.03em;
}
.deep-desktop-menu.header-fullwidth .header-desk_type_1 .deep-header-search,
.deep-desktop-menu .deep-header-search {
    width: auto !important;
    flex-grow: 1;
    max-width: 520px;
    margin: 0 2rem;
}
.deep-desktop-menu .deep-header-search {
    border: none !important;
    padding: 0 !important;
}
.deep-desktop-menu .deep-header-search:hover,
.deep-desktop-menu .deep-header-search:focus-within {
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search form {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.deep-desktop-menu .deep-header-search .uomo-search-input-container {
    flex: 1;
    border: none !important;
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px 14px;
    width: 100%;
    background: transparent;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input::placeholder { color: #9ca3af; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn {
    color: #6b7280;
    padding: 10px 14px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: auto;
    cursor: pointer;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:hover { color: #374151; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn i { font-size: 1rem; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}
.deep-desktop-menu .header-tools { flex-shrink: 0; }
.deep-desktop-menu .header-bottom .navigation__list {
    justify-content: space-around;
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.deep-desktop-menu .header-bottom .navigation__link {
    text-transform: uppercase !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 0.75rem 0.5rem;
    color: #222 !important;
}
.deep-desktop-menu .header-bottom .navigation__link:hover { color: #c32929 !important; }
.deep-desktop-menu .header-bottom {
    width: 100%;
    border-top: 1px solid #eee;
}
.deep-desktop-menu .header-bottom .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .mega-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    top: 168px !important;
}
.deep-desktop-menu .navigation__item:hover .mega-menu { transform: none !important; }
.deep-desktop-menu .mega-menu .container,
.deep-desktop-menu .mega-menu .mega-menu-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .mega-menu .col:first-child { padding-left: 0 !important; }
.deep-desktop-menu .mega-menu .col:last-child { padding-right: 0 !important; }
.deep-desktop-menu .mega-menu .sub-menu__title:hover,
.deep-desktop-menu .mega-menu .menu-link:hover,
.deep-desktop-menu .mega-menu .list-unstyled a:hover {
    color: inherit !important;
    background: transparent !important;
    text-decoration: none !important;
}
}

/* --- PRODUCT BADGES --- */
.new-pc__img-wrapper .awa-product-badge-dock,
.product-card-wrapper .awa-product-badge-dock,
.awa-product-badge-dock {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__left,
.product-card-wrapper .awa-product-badge-dock__left,
.awa-product-badge-dock__left {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
    max-width: none !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__right,
.product-card-wrapper .awa-product-badge-dock__right,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 10px !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__left > *,
.new-pc__img-wrapper .awa-product-badge-dock__right > *,
.awa-product-badge-dock__left > *,
.awa-product-badge-dock__right > * {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}
.awa-product-badge-dock .awa-badge,
.awa-product-badge-dock .awa-badge.image-badge,
.awa-product-badge-dock .awa-badge.product-badge_text {
    display: inline-flex !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
    border-radius: 4px !important;
}
.awa-product-badge-dock .awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    display: block !important;
}
@media (max-width: 991px) {
    .new-pc__img-wrapper .awa-product-badge-dock__left,
    .product-card-wrapper .awa-product-badge-dock__left,
    .awa-product-badge-dock__left,
    .new-pc__img-wrapper .awa-product-badge-dock__right,
    .product-card-wrapper .awa-product-badge-dock__right,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
@media (max-width: 768px) {
    .awa-product-badge-dock__left,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
@media (max-width: 576px) {
    .awa-product-badge-dock__left,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
.awa-badge-row,
.new-badge-images.awa-badge-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 10px !important;
    overflow: visible !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}
.awa-badge-row__item,
.product_collection_badge.awa-badge-row__item {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
}
.new-badge-images .product_collection_badge.image-badge img.product-badge {
    max-height: 28px !important;
    max-width: 120px !important;
    display: block !important;
}
.new-badge-images .product_collection_badge.product-badge_text { display: inline-flex !important; }
.product_collection_badge.awa-badge-row__item.product-badge_text:not([style*="background"]) {
    background: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right,
.products-grid .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* --- CONTACT PAGE --- */
.reach-page-wrap {
    width: 100%;
    min-height: 100vh;
    background: #f1f5f9;
    font-family: 'DM Sans', 'Outfit', system-ui, sans-serif;
    color: #1e293b;
}
.reach-page {
    font-family: inherit;
    color: inherit;
    background: transparent;
    max-width: 100%;
    box-sizing: border-box;
}
.reach-header {
    position: relative;
    padding: clamp(2.5rem, 6vw, 4rem) 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
    overflow: hidden;
}
.reach-header__mesh, .reach-header__grid { display: none; }
.reach-header__inner { position: relative; z-index: 1; }
.reach-header__tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #c32929;
    margin-bottom: 0.75rem;
}
.reach-header__title {
    font-family: 'Syne', sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 1rem;
    color: #0f172a;
}
.reach-header__lead {
    font-size: 1rem;
    font-weight: 400;
    color: #475569;
    max-width: 480px;
    line-height: 1.6;
    margin: 0;
}
.reach-body { padding: 2rem 0 4rem; }
.reach-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 2rem;
    align-items: start;
}
.reach-form-block {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-alert--success {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.25rem;
    background: #fce8e8;
    color: #b91c1c;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    font-weight: 500;
}
.reach-alert--success i { color: #dc3545; }
.reach-form-head { margin-bottom: 1.5rem; }
.reach-form-head__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 0.5rem;
}
.reach-form-head__desc {
    font-size: 0.9375rem;
    color: #64748b;
    margin: 0;
}
.reach-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.reach-field { margin-bottom: 1.25rem; }
.reach-field__label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.5rem;
}
.reach-field__input, .reach-field__textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 1rem;
    font-family: inherit;
    color: #0f172a;
    background: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}
.reach-field__input::placeholder, .reach-field__textarea::placeholder { color: #94a3b8; }
.reach-field__input:hover, .reach-field__textarea:hover { border-color: #94a3b8; }
.reach-field__input:focus, .reach-field__textarea:focus {
    outline: none;
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.15);
}
.reach-field__input--error, .reach-field__textarea.reach-field__input--error { border-color: #ef4444; }
.reach-field__msg {
    display: block;
    font-size: 0.8125rem;
    color: #ef4444;
    margin-top: 0.375rem;
}
.reach-field__textarea {
    resize: vertical;
    min-height: 120px;
}
.reach-btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem 1.75rem;
    background: #c32929;
    color: #fff !important;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    margin-top: 0.5rem;
}
.reach-btn-submit:hover {
    background: #a31f1f;
    transform: translateY(-1px);
}
.reach-channels {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 100px;
}
.reach-channels__card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-channels__heading {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.25rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.reach-channels__heading i { color: #c32929; }
.reach-channels__list { list-style: none; padding: 0; margin: 0; }
.reach-channel { margin-bottom: 0.5rem; }
.reach-channel:last-child { margin-bottom: 0; }
.reach-channel__link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}
.reach-channel__link:hover {
    background: #f1f5f9;
    border-color: #c32929;
    color: inherit;
}
.reach-channel--static .reach-channel__link { cursor: default; }
.reach-channel--whatsapp .reach-channel__link:hover { border-color: #dc3545; }
.reach-channel__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.reach-channel--whatsapp .reach-channel__icon {
    background: linear-gradient(135deg, #dc3545 0%, #b91c1c 100%);
}
.reach-channel__meta { flex: 1; min-width: 0; }
.reach-channel__meta em {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.25rem;
    font-style: normal;
}
.reach-channel__meta strong {
    font-size: 0.9375rem;
    color: #0f172a;
    font-weight: 600;
}
.reach-channel__arrow { font-size: 0.75rem; color: #94a3b8; }
.reach-channel--empty {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    font-size: 0.9375rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px dashed #cbd5e1;
}
.reach-channel--empty i {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
    color: #94a3b8;
}
.reach-channel--empty p { margin: 0; }
.reach-map-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-map-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
}
.reach-map-card__header i { color: #c32929; }
.reach-map-card__body { padding: 1rem; }
.reach-map-card__iframe {
    width: 100%;
    height: 260px;
    border: 0;
    border-radius: 8px;
    display: block;
}
.reach-stores {
    margin-top: 3rem;
    padding-top: 2.5rem;
    border-top: 1px solid #e2e8f0;
}
.reach-stores__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.reach-stores__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.reach-stores__title i { color: #c32929; }
.reach-stores__filters {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.reach-select {
    padding: 0.625rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 0.9375rem;
    background: #ffffff;
    color: #334155;
    min-width: 140px;
    cursor: pointer;
}
.reach-select:focus { outline: none; border-color: #c32929; }
.reach-stores__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}
.reach-store-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
    transition: all 0.2s ease;
}
.reach-store-card:hover {
    border-color: #c32929;
    box-shadow: 0 4px 16px rgba(1, 88, 80, 0.08);
}
.reach-store-card__name {
    font-size: 1rem;
    font-weight: 700;
    color: #c32929;
    margin: 0 0 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}
.reach-store-card__info { list-style: none; padding: 0; margin: 0; }
.reach-store-card__info li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.5;
}
.reach-store-card__info li:last-child { margin-bottom: 0; }
.reach-store-card__info i {
    color: #c32929;
    flex-shrink: 0;
    margin-top: 2px;
}
.reach-store-card__info a { color: #c32929; text-decoration: none; }
.reach-store-card__info a:hover { text-decoration: underline; }
@media (max-width: 992px) {
    .reach-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .reach-channels { position: static; }
    .reach-form__row { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .reach-header { padding: 2rem 0 2.5rem; }
    .reach-body { padding: 1.5rem 0 3rem; }
    .reach-form-block { padding: 1.5rem; }
    .reach-stores__top { flex-direction: column; align-items: flex-start; }
    .reach-stores__filters { width: 100%; }
    .reach-select { flex: 1; min-width: 0; }
}

/* =========================================================
   DEEP TEMA - BİRLEŞTİRİLMİŞ BÖLÜMLER
   (container-unified, footer-layout, desktop-menu, product-badges, contact-page)
   ========================================================= */

/* --- CONTAINER-UNIFIED: Tüm sayfalar aynı container genişliği --- */
#main-content .container .cartnova,
.container .cartnova {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.page-blade-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-blade-wrapper.page--degisim-iade .page-blade-container,
.page-blade-wrapper .page-blade-container {
    max-width: 1320px !important;
}
.shop-main.container {
    max-width: 1320px !important;
}
.shop-filter-section .container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
.shop-filter-section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.contact-page-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}
.reach-header .container,
.reach-header__inner.container,
#main-content .reach-header .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1320px !important; }
}
@media (min-width: 1400px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .furniture-contact-layout,
    .container.mxw-wrap,
    .contact-page-container {
        max-width: 1320px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 1140px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 960px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 720px !important;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 540px !important;
    }
}
.homepage-hero-slider-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.homepage-hero-slider-wrapper .homepage-hero-slick-slider {
    width: 100% !important;
}
.homepage-hero-slider-wrapper .slideshow-pagination {
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}
#main-content .hp-homepage-section .container,
#main-content .hp-cat-showcase .container,
#main-content .awp-modern-product-slider-section .container,
#main-content .awp-ultra-modern-tabbed-section .container,
#main-content .homepage-category-banner-slider .container,
#main-content .grid-banner.uomo-category-grid-wrapper .container,
#main-content .shop-filter-section .container,
#main-content .homepage .container,
#main-content section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 1320px;
    }
}
.pdp-page-section.shop-main.container,
.shop-main.container.pdp-page-section {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
}
@media (min-width: 576px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1320px !important; }
}
.pdp-page-section .pdp-wrap .container,
.pdp-page-section .product-page-container .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.pdp-page-section > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pdp-page-section .pdp-wrap,
.pdp-page-section .product-page-container {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
.pdp-page-section .pdp-wrap .row,
.pdp-page-section .product-page-container .row {
    --bs-gutter-x: 0.75rem !important;
    --bs-gutter-y: 0.75rem !important;
}
.pdp-page-section .pdp-panel {
    padding: 8px !important;
}

/* --- FOOTER-LAYOUT: Logo üstte sol, Çağrı Merkezi + WhatsApp sağda --- */
.furniture-footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 40px 0 0;
}
.furniture-footer-top .furniture-footer-brand {
    flex-shrink: 0;
    grid-column: unset;
}
.furniture-footer-brand-logo {
    max-height: 36px;
    width: auto;
    object-fit: contain;
}
.furniture-footer-brand-name {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.furniture-footer-contact-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}
.furniture-footer-contact-block--callcenter {
    background: #E8EEF5 !important;
    border-color: #D1DCE8 !important;
}
.furniture-footer-contact-block--callcenter:hover {
    background: #DDE5F0 !important;
}
.furniture-footer-contact-block--whatsapp {
    background: #E8F5E9 !important;
    border-color: #C8E6C9 !important;
}
.furniture-footer-contact-block--whatsapp:hover {
    background: #DCEDDC !important;
}
.furniture-footer-contact-block {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 22px;
    background: #F5F4F2;
    border: 1px solid #E2DFDA;
    border-radius: 10px;
    text-decoration: none;
    color: #2D3748;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.furniture-footer-contact-block:hover {
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    color: #2D3748;
}
.furniture-footer-contact-icon-wrap {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.furniture-footer-contact-icon {
    font-size: 1.5rem;
    color: #2D3748;
}
.furniture-footer-contact-block-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.furniture-footer-contact-label {
    font-size: 0.875rem;
    font-weight: 700;
    color: #2D3748;
}
.furniture-footer-contact-value {
    font-size: 1rem;
    font-weight: 700;
    color: #2D3748;
}
.furniture-footer-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 28px 0 32px;
}
.furniture-footer-modern .furniture-footer-container .furniture-footer-menu-section {
    width: 100%;
    grid-column: unset;
    padding-bottom: 40px;
}
@media (max-width: 991.98px) {
    .furniture-footer-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .furniture-footer-contact-blocks {
        width: 100%;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    .furniture-footer-contact-block {
        flex: 1 !important;
        min-width: 0 !important;
        padding: 12px 14px !important;
    }
    .furniture-footer-contact-block-text {
        overflow: hidden;
    }
    .furniture-footer-contact-value {
        font-size: 0.8rem !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* --- DESKTOP-MENU: Logo sol, Arama orta, İkonlar sağ (min-width: 992px) --- */
@media (min-width: 992px) {
.deep-desktop-menu.header-fullwidth {
    overflow: visible;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.deep-top-bar {
    background: #dc3545;
    color: #fff;
    font-size: 0.8125rem;
    width: 100%;
}
.deep-top-bar_full {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    box-sizing: border-box;
}
.deep-top-bar .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-top-bar__inner { width: 100%; }
.deep-top-bar__promo { color: rgba(255,255,255,0.95); }
.deep-top-bar__icon { flex-shrink: 0; color: rgba(255,255,255,0.9); }
.deep-top-bar__social { flex-shrink: 0; }
.deep-top-bar__social-link {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: color 0.2s, background 0.2s;
}
.deep-top-bar__social-link:hover {
    color: #fff;
    background: rgba(255,255,255,0.15);
}
.deep-top-bar__social-link i { font-size: 1rem; }
.deep-desktop-menu {
    background: #fff;
    overflow: visible;
    width: 100%;
}
.deep-desktop-menu .header-desk.deep-main-header { width: 100%; }
.deep-desktop-menu .deep-main-header.container {
    margin-left: auto;
    margin-right: auto;
}
.deep-desktop-menu .deep-main-header {
    padding: 1rem 0;
    width: 100%;
}
.deep-desktop-menu .deep-main-header.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .deep-logo { flex-shrink: 0; }
.deep-desktop-menu .deep-logo a {
    font-size: 1.35rem;
    letter-spacing: 0.03em;
}
.deep-desktop-menu.header-fullwidth .header-desk_type_1 .deep-header-search,
.deep-desktop-menu .deep-header-search {
    width: auto !important;
    flex-grow: 1;
    max-width: 520px;
    margin: 0 2rem;
}
.deep-desktop-menu .deep-header-search {
    border: none !important;
    padding: 0 !important;
}
.deep-desktop-menu .deep-header-search:hover,
.deep-desktop-menu .deep-header-search:focus-within {
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search form {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.deep-desktop-menu .deep-header-search .uomo-search-input-container {
    flex: 1;
    border: none !important;
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px 14px;
    width: 100%;
    background: transparent;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input::placeholder {
    color: #9ca3af;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn {
    color: #6b7280;
    padding: 10px 14px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: auto;
    cursor: pointer;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:hover {
    color: #374151;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn i { font-size: 1rem; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}
.deep-desktop-menu .header-tools { flex-shrink: 0; }
.deep-desktop-menu .header-bottom .navigation__list {
    justify-content: space-around;
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.deep-desktop-menu .header-bottom .navigation__link {
    text-transform: uppercase !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 0.75rem 0.5rem;
    color: #222 !important;
}
.deep-desktop-menu .header-bottom .navigation__link:hover {
    color: #c32929 !important;
}
.deep-desktop-menu .header-bottom {
    width: 100%;
    border-top: 1px solid #eee;
}
.deep-desktop-menu .header-bottom .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .mega-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    top: 168px !important;
}
.deep-desktop-menu .navigation__item:hover .mega-menu {
    transform: none !important;
}
.deep-desktop-menu .mega-menu .container,
.deep-desktop-menu .mega-menu .mega-menu-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .mega-menu .col:first-child {
    padding-left: 0 !important;
}
.deep-desktop-menu .mega-menu .col:last-child {
    padding-right: 0 !important;
}
.deep-desktop-menu .mega-menu .sub-menu__title:hover,
.deep-desktop-menu .mega-menu .menu-link:hover,
.deep-desktop-menu .mega-menu .list-unstyled a:hover {
    color: inherit !important;
    background: transparent !important;
    text-decoration: none !important;
}
}

/* --- PRODUCT-BADGES: Ürün rozetleri alt alta --- */
.new-pc__img-wrapper .awa-product-badge-dock,
.product-card-wrapper .awa-product-badge-dock,
.awa-product-badge-dock {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__left,
.product-card-wrapper .awa-product-badge-dock__left,
.awa-product-badge-dock__left {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
    max-width: none !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__right,
.product-card-wrapper .awa-product-badge-dock__right,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 10px !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__left > *,
.new-pc__img-wrapper .awa-product-badge-dock__right > *,
.awa-product-badge-dock__left > *,
.awa-product-badge-dock__right > * {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}
.awa-product-badge-dock .awa-badge,
.awa-product-badge-dock .awa-badge.image-badge,
.awa-product-badge-dock .awa-badge.product-badge_text {
    display: inline-flex !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
    border-radius: 4px !important;
}
.awa-product-badge-dock .awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    display: block !important;
}
@media (max-width: 991px) {
    .new-pc__img-wrapper .awa-product-badge-dock__left,
    .product-card-wrapper .awa-product-badge-dock__left,
    .awa-product-badge-dock__left,
    .new-pc__img-wrapper .awa-product-badge-dock__right,
    .product-card-wrapper .awa-product-badge-dock__right,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
@media (max-width: 768px) {
    .awa-product-badge-dock__left,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
@media (max-width: 576px) {
    .awa-product-badge-dock__left,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
.awa-badge-row,
.new-badge-images.awa-badge-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 10px !important;
    overflow: visible !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}
.awa-badge-row__item,
.product_collection_badge.awa-badge-row__item {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
}
.new-badge-images .product_collection_badge.image-badge img.product-badge {
    max-height: 28px !important;
    max-width: 120px !important;
    display: block !important;
}
.new-badge-images .product_collection_badge.product-badge_text {
    display: inline-flex !important;
}
.product_collection_badge.awa-badge-row__item.product-badge_text:not([style*="background"]) {
    background: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right,
.products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* --- CONTACT-PAGE: İletişim sayfası stilleri --- */
.reach-page-wrap {
    width: 100%;
    min-height: 100vh;
    background: #f1f5f9;
    font-family: 'DM Sans', 'Outfit', system-ui, sans-serif;
    color: #1e293b;
}
.reach-page {
    font-family: inherit;
    color: inherit;
    background: transparent;
    max-width: 100%;
    box-sizing: border-box;
}
.reach-header {
    position: relative;
    padding: clamp(2.5rem, 6vw, 4rem) 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
    overflow: hidden;
}
.reach-header__mesh,
.reach-header__grid { display: none; }
.reach-header__inner { position: relative; z-index: 1; }
.reach-header__tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #c32929;
    margin-bottom: 0.75rem;
}
.reach-header__title {
    font-family: 'Syne', sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 1rem;
    color: #0f172a;
}
.reach-header__lead {
    font-size: 1rem;
    font-weight: 400;
    color: #475569;
    max-width: 480px;
    line-height: 1.6;
    margin: 0;
}
.reach-body { padding: 2rem 0 4rem; }
.reach-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 2rem;
    align-items: start;
}
.reach-form-block {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-alert--success {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.25rem;
    background: #fce8e8;
    color: #b91c1c;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    font-weight: 500;
}
.reach-alert--success i { color: #dc3545; }
.reach-form-head { margin-bottom: 1.5rem; }
.reach-form-head__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 0.5rem;
}
.reach-form-head__desc {
    font-size: 0.9375rem;
    color: #64748b;
    margin: 0;
}
.reach-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.reach-field { margin-bottom: 1.25rem; }
.reach-field__label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.5rem;
}
.reach-field__input,
.reach-field__textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 1rem;
    font-family: inherit;
    color: #0f172a;
    background: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}
.reach-field__input::placeholder,
.reach-field__textarea::placeholder { color: #94a3b8; }
.reach-field__input:hover,
.reach-field__textarea:hover { border-color: #94a3b8; }
.reach-field__input:focus,
.reach-field__textarea:focus {
    outline: none;
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.15);
}
.reach-field__input--error,
.reach-field__textarea.reach-field__input--error { border-color: #ef4444; }
.reach-field__msg {
    display: block;
    font-size: 0.8125rem;
    color: #ef4444;
    margin-top: 0.375rem;
}
.reach-field__textarea {
    resize: vertical;
    min-height: 120px;
}
.reach-btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem 1.75rem;
    background: #c32929;
    color: #fff !important;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    margin-top: 0.5rem;
}
.reach-btn-submit:hover {
    background: #a31f1f;
    transform: translateY(-1px);
}
.reach-channels {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 100px;
}
.reach-channels__card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-channels__heading {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.25rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.reach-channels__heading i { color: #c32929; }
.reach-channels__list { list-style: none; padding: 0; margin: 0; }
.reach-channel { margin-bottom: 0.5rem; }
.reach-channel:last-child { margin-bottom: 0; }
.reach-channel__link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}
.reach-channel__link:hover {
    background: #f1f5f9;
    border-color: #c32929;
    color: inherit;
}
.reach-channel--static .reach-channel__link { cursor: default; }
.reach-channel--whatsapp .reach-channel__link:hover { border-color: #dc3545; }
.reach-channel__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.reach-channel--whatsapp .reach-channel__icon {
    background: linear-gradient(135deg, #dc3545 0%, #b91c1c 100%);
}
.reach-channel__meta { flex: 1; min-width: 0; }
.reach-channel__meta em {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.25rem;
    font-style: normal;
}
.reach-channel__meta strong {
    font-size: 0.9375rem;
    color: #0f172a;
    font-weight: 600;
}
.reach-channel__arrow { font-size: 0.75rem; color: #94a3b8; }
.reach-channel--empty {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    font-size: 0.9375rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px dashed #cbd5e1;
}
.reach-channel--empty i {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
    color: #94a3b8;
}
.reach-channel--empty p { margin: 0; }
.reach-map-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-map-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
}
.reach-map-card__header i { color: #c32929; }
.reach-map-card__body { padding: 1rem; }
.reach-map-card__iframe {
    width: 100%;
    height: 260px;
    border: 0;
    border-radius: 8px;
    display: block;
}
.reach-stores {
    margin-top: 3rem;
    padding-top: 2.5rem;
    border-top: 1px solid #e2e8f0;
}
.reach-stores__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.reach-stores__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.reach-stores__title i { color: #c32929; }
.reach-stores__filters {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.reach-select {
    padding: 0.625rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 0.9375rem;
    background: #ffffff;
    color: #334155;
    min-width: 140px;
    cursor: pointer;
}
.reach-select:focus {
    outline: none;
    border-color: #c32929;
}
.reach-stores__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}
.reach-store-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
    transition: all 0.2s ease;
}
.reach-store-card:hover {
    border-color: #c32929;
    box-shadow: 0 4px 16px rgba(1, 88, 80, 0.08);
}
.reach-store-card__name {
    font-size: 1rem;
    font-weight: 700;
    color: #c32929;
    margin: 0 0 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}
.reach-store-card__info { list-style: none; padding: 0; margin: 0; }
.reach-store-card__info li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.5;
}
.reach-store-card__info li:last-child { margin-bottom: 0; }
.reach-store-card__info i {
    color: #c32929;
    flex-shrink: 0;
    margin-top: 2px;
}
.reach-store-card__info a { color: #c32929; text-decoration: none; }
.reach-store-card__info a:hover { text-decoration: underline; }
@media (max-width: 992px) {
    .reach-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .reach-channels { position: static; }
    .reach-form__row { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .reach-header { padding: 2rem 0 2.5rem; }
    .reach-body { padding: 1.5rem 0 3rem; }
    .reach-form-block { padding: 1.5rem; }
    .reach-stores__top { flex-direction: column; align-items: flex-start; }
    .reach-stores__filters { width: 100%; }
    .reach-select { flex: 1; min-width: 0; }
}

/* =========================================================
   DEEP TEMA - Birleşik Container (Bootstrap) - container-unified
   ========================================================= */
#main-content .container .cartnova,
.container .cartnova {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.page-blade-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-blade-wrapper.page--degisim-iade .page-blade-container,
.page-blade-wrapper .page-blade-container {
    max-width: 1320px !important;
}
.shop-main.container {
    max-width: 1320px !important;
}
.shop-filter-section .container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
.shop-filter-section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.contact-page-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}
.reach-header .container,
.reach-header__inner.container,
#main-content .reach-header .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1320px !important; }
}
@media (min-width: 1400px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .furniture-contact-layout,
    .container.mxw-wrap,
    .contact-page-container {
        max-width: 1320px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 1140px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 960px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 720px !important;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 540px !important;
    }
}
.homepage-hero-slider-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.homepage-hero-slider-wrapper .homepage-hero-slick-slider {
    width: 100% !important;
}
.homepage-hero-slider-wrapper .slideshow-pagination {
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}
#main-content .hp-homepage-section .container,
#main-content .hp-cat-showcase .container,
#main-content .awp-modern-product-slider-section .container,
#main-content .awp-ultra-modern-tabbed-section .container,
#main-content .homepage-category-banner-slider .container,
#main-content .grid-banner.uomo-category-grid-wrapper .container,
#main-content .shop-filter-section .container,
#main-content .homepage .container,
#main-content section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 1320px;
    }
}
.pdp-page-section.shop-main.container,
.shop-main.container.pdp-page-section {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
}
@media (min-width: 576px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1320px !important; }
}
.pdp-page-section .pdp-wrap .container,
.pdp-page-section .product-page-container .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.pdp-page-section > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pdp-page-section .pdp-wrap,
.pdp-page-section .product-page-container {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
.pdp-page-section .pdp-wrap .row,
.pdp-page-section .product-page-container .row {
    --bs-gutter-x: 0.75rem !important;
    --bs-gutter-y: 0.75rem !important;
}
.pdp-page-section .pdp-panel {
    padding: 8px !important;
}

/* =========================================================
   DEEP FOOTER - footer-layout (Logo sol, Çağrı Merkezi + WhatsApp sağ)
   ========================================================= */
.furniture-footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 40px 0 0;
}
.furniture-footer-top .furniture-footer-brand {
    flex-shrink: 0;
    grid-column: unset;
}
.furniture-footer-brand-logo {
    max-height: 36px;
    width: auto;
    object-fit: contain;
}
.furniture-footer-brand-name {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.furniture-footer-contact-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}
.furniture-footer-contact-block--callcenter {
    background: #E8EEF5 !important;
    border-color: #D1DCE8 !important;
}
.furniture-footer-contact-block--callcenter:hover {
    background: #DDE5F0 !important;
}
.furniture-footer-contact-block--whatsapp {
    background: #E8F5E9 !important;
    border-color: #C8E6C9 !important;
}
.furniture-footer-contact-block--whatsapp:hover {
    background: #DCEDDC !important;
}
.furniture-footer-contact-block {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 22px;
    background: #F5F4F2;
    border: 1px solid #E2DFDA;
    border-radius: 10px;
    text-decoration: none;
    color: #2D3748;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.furniture-footer-contact-block:hover {
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    color: #2D3748;
}
.furniture-footer-contact-icon-wrap {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.furniture-footer-contact-icon {
    font-size: 1.5rem;
    color: #2D3748;
}
.furniture-footer-contact-block-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.furniture-footer-contact-label {
    font-size: 0.875rem;
    font-weight: 700;
    color: #2D3748;
}
.furniture-footer-contact-value {
    font-size: 1rem;
    font-weight: 700;
    color: #2D3748;
}
.furniture-footer-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 28px 0 32px;
}
.furniture-footer-modern .furniture-footer-container .furniture-footer-menu-section {
    width: 100%;
    grid-column: unset;
    padding-bottom: 40px;
}
@media (max-width: 991.98px) {
    .furniture-footer-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .furniture-footer-contact-blocks {
        width: 100%;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    .furniture-footer-contact-block {
        flex: 1 !important;
        min-width: 0 !important;
        padding: 12px 14px !important;
    }
    .furniture-footer-contact-block-text {
        overflow: hidden;
    }
    .furniture-footer-contact-value {
        font-size: 0.8rem !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* =========================================================
   DEEP DESKTOP MENÜ - desktop-menu (Logo sol, Arama orta, İkonlar sağ)
   ========================================================= */
@media (min-width: 992px) {
.deep-desktop-menu.header-fullwidth {
    overflow: visible;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.deep-top-bar {
    background: #dc3545;
    color: #fff;
    font-size: 0.8125rem;
    width: 100%;
}
.deep-top-bar_full {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    box-sizing: border-box;
}
.deep-top-bar .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu {
    background: #fff;
    overflow: visible;
    width: 100%;
}
.deep-desktop-menu .header-desk.deep-main-header {
    width: 100%;
}
.deep-desktop-menu .deep-main-header.container {
    margin-left: auto;
    margin-right: auto;
}
.deep-desktop-menu .deep-main-header {
    padding: 1rem 0;
    width: 100%;
}
.deep-desktop-menu .deep-main-header.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .deep-logo {
    flex-shrink: 0;
}
.deep-desktop-menu .deep-logo a {
    font-size: 1.35rem;
    letter-spacing: 0.03em;
}
.deep-desktop-menu.header-fullwidth .header-desk_type_1 .deep-header-search,
.deep-desktop-menu .deep-header-search {
    width: auto !important;
    flex-grow: 1;
    max-width: 520px;
    margin: 0 2rem;
}
.deep-desktop-menu .deep-header-search {
    border: none !important;
    padding: 0 !important;
}
.deep-desktop-menu .deep-header-search:hover,
.deep-desktop-menu .deep-header-search:focus-within {
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search form {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.deep-desktop-menu .deep-header-search .uomo-search-input-container {
    flex: 1;
    border: none !important;
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px 14px;
    width: 100%;
    background: transparent;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input::placeholder {
    color: #9ca3af;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn {
    color: #6b7280;
    padding: 10px 14px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: auto;
    cursor: pointer;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:hover {
    color: #374151;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn i {
    font-size: 1rem;
}
.deep-desktop-menu .header-tools {
    flex-shrink: 0;
}
.deep-desktop-menu .header-bottom .navigation__list {
    justify-content: space-around;
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.deep-desktop-menu .header-bottom .navigation__link {
    text-transform: uppercase !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 0.75rem 0.5rem;
    color: #222 !important;
}
.deep-desktop-menu .header-bottom .navigation__link:hover {
    color: #c32929 !important;
}
.deep-desktop-menu .header-bottom {
    width: 100%;
    border-top: 1px solid #eee;
}
.deep-desktop-menu .header-bottom .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .mega-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    top: 168px !important;
}
.deep-desktop-menu .navigation__item:hover .mega-menu {
    transform: none !important;
}
.deep-desktop-menu .mega-menu .container,
.deep-desktop-menu .mega-menu .mega-menu-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .mega-menu .col:first-child {
    padding-left: 0 !important;
}
.deep-desktop-menu .mega-menu .col:last-child {
    padding-right: 0 !important;
}
.deep-desktop-menu .mega-menu .sub-menu__title:hover,
.deep-desktop-menu .mega-menu .menu-link:hover,
.deep-desktop-menu .mega-menu .list-unstyled a:hover {
    color: inherit !important;
    background: transparent !important;
    text-decoration: none !important;
}
}

/* =========================================================
   ÜRÜN ROZETLERİ - product-badges (alt alta, override)
   ========================================================= */
.new-pc__img-wrapper .awa-product-badge-dock,
.product-card-wrapper .awa-product-badge-dock,
.awa-product-badge-dock {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__left,
.product-card-wrapper .awa-product-badge-dock__left,
.awa-product-badge-dock__left {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
    max-width: none !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__right,
.product-card-wrapper .awa-product-badge-dock__right,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 10px !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__left > *,
.new-pc__img-wrapper .awa-product-badge-dock__right > *,
.awa-product-badge-dock__left > *,
.awa-product-badge-dock__right > * {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}
.awa-product-badge-dock .awa-badge,
.awa-product-badge-dock .awa-badge.image-badge,
.awa-product-badge-dock .awa-badge.product-badge_text {
    display: inline-flex !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
    border-radius: 4px !important;
}
.awa-product-badge-dock .awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    display: block !important;
}
@media (max-width: 991px) {
    .new-pc__img-wrapper .awa-product-badge-dock__left,
    .product-card-wrapper .awa-product-badge-dock__left,
    .awa-product-badge-dock__left {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
    .new-pc__img-wrapper .awa-product-badge-dock__right,
    .product-card-wrapper .awa-product-badge-dock__right,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
@media (max-width: 768px) {
    .awa-product-badge-dock__left,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
@media (max-width: 576px) {
    .awa-product-badge-dock__left,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
.awa-badge-row,
.new-badge-images.awa-badge-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 10px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    -webkit-overflow-scrolling: unset;
}
.awa-badge-row__item,
.product_collection_badge.awa-badge-row__item {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
}
.new-badge-images .product_collection_badge.image-badge img.product-badge {
    max-height: 28px !important;
    max-width: 120px !important;
    display: block !important;
}
.new-badge-images .product_collection_badge.product-badge_text {
    display: inline-flex !important;
}
.product_collection_badge.awa-badge-row__item.product-badge_text:not([style*="background"]) {
    background: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .awa-product-badge-dock__right,
.products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* =========================================================
   İLETİŞİM SAYFASI - contact-page (reach-header, reach-form vb.)
   ========================================================= */
.reach-page-wrap {
    width: 100%;
    min-height: 100vh;
    background: #f1f5f9;
    font-family: 'DM Sans', 'Outfit', system-ui, sans-serif;
    color: #1e293b;
}
.reach-page {
    font-family: inherit;
    color: inherit;
    background: transparent;
    max-width: 100%;
    box-sizing: border-box;
}
.reach-header {
    position: relative;
    padding: clamp(2.5rem, 6vw, 4rem) 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
    overflow: hidden;
}
.reach-header__mesh,
.reach-header__grid {
    display: none;
}
.reach-header__inner {
    position: relative;
    z-index: 1;
}
.reach-header__tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #c32929;
    margin-bottom: 0.75rem;
}
.reach-header__title {
    font-family: 'Syne', sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 1rem;
    color: #0f172a;
}
.reach-header__lead {
    font-size: 1rem;
    font-weight: 400;
    color: #475569;
    max-width: 480px;
    line-height: 1.6;
    margin: 0;
}
.reach-body {
    padding: 2rem 0 4rem;
}
.reach-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 2rem;
    align-items: start;
}
.reach-form-block {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-alert--success {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.25rem;
    background: #fce8e8;
    color: #b91c1c;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    font-weight: 500;
}
.reach-alert--success i {
    color: #dc3545;
}
.reach-form-head {
    margin-bottom: 1.5rem;
}
.reach-form-head__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 0.5rem;
}
.reach-form-head__desc {
    font-size: 0.9375rem;
    color: #64748b;
    margin: 0;
}
.reach-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.reach-field {
    margin-bottom: 1.25rem;
}
.reach-field__label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.5rem;
}
.reach-field__input,
.reach-field__textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 1rem;
    font-family: inherit;
    color: #0f172a;
    background: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}
.reach-field__input::placeholder,
.reach-field__textarea::placeholder {
    color: #94a3b8;
}
.reach-field__input:hover,
.reach-field__textarea:hover {
    border-color: #94a3b8;
}
.reach-field__input:focus,
.reach-field__textarea:focus {
    outline: none;
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.15);
}
.reach-field__input--error,
.reach-field__textarea.reach-field__input--error {
    border-color: #ef4444;
}
.reach-field__msg {
    display: block;
    font-size: 0.8125rem;
    color: #ef4444;
    margin-top: 0.375rem;
}
.reach-field__textarea {
    resize: vertical;
    min-height: 120px;
}
.reach-btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem 1.75rem;
    background: #c32929;
    color: #fff !important;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    margin-top: 0.5rem;
}
.reach-btn-submit:hover {
    background: #a31f1f;
    transform: translateY(-1px);
}
.reach-channels {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 100px;
}
.reach-channels__card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-channels__heading {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.25rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.reach-channels__heading i {
    color: #c32929;
}
.reach-channels__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.reach-channel {
    margin-bottom: 0.5rem;
}
.reach-channel:last-child {
    margin-bottom: 0;
}
.reach-channel__link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}
.reach-channel__link:hover {
    background: #f1f5f9;
    border-color: #c32929;
    color: inherit;
}
.reach-channel--static .reach-channel__link {
    cursor: default;
}
.reach-channel--whatsapp .reach-channel__link:hover {
    border-color: #dc3545;
}
.reach-channel__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.reach-channel--whatsapp .reach-channel__icon {
    background: linear-gradient(135deg, #dc3545 0%, #b91c1c 100%);
}
.reach-channel__meta {
    flex: 1;
    min-width: 0;
}
.reach-channel__meta em {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.25rem;
    font-style: normal;
}
.reach-channel__meta strong {
    font-size: 0.9375rem;
    color: #0f172a;
    font-weight: 600;
}
.reach-channel__arrow {
    font-size: 0.75rem;
    color: #94a3b8;
}
.reach-channel--empty {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    font-size: 0.9375rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px dashed #cbd5e1;
}
.reach-channel--empty i {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
    color: #94a3b8;
}
.reach-map-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-map-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
}
.reach-map-card__header i {
    color: #c32929;
}
.reach-map-card__body {
    padding: 1rem;
}
.reach-map-card__iframe {
    width: 100%;
    height: 260px;
    border: 0;
    border-radius: 8px;
    display: block;
}
.reach-stores {
    margin-top: 3rem;
    padding-top: 2.5rem;
    border-top: 1px solid #e2e8f0;
}
.reach-stores__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.reach-stores__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.reach-stores__title i {
    color: #c32929;
}
.reach-stores__filters {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.reach-select {
    padding: 0.625rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 0.9375rem;
    background: #ffffff;
    color: #334155;
    min-width: 140px;
    cursor: pointer;
}
.reach-select:focus {
    outline: none;
    border-color: #c32929;
}
.reach-stores__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}
.reach-store-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
    transition: all 0.2s ease;
}
.reach-store-card:hover {
    border-color: #c32929;
    box-shadow: 0 4px 16px rgba(1, 88, 80, 0.08);
}
.reach-store-card__name {
    font-size: 1rem;
    font-weight: 700;
    color: #c32929;
    margin: 0 0 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}
.reach-store-card__info {
    list-style: none;
    padding: 0;
    margin: 0;
}
.reach-store-card__info li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.5;
}
.reach-store-card__info li:last-child {
    margin-bottom: 0;
}
.reach-store-card__info i {
    color: #c32929;
    flex-shrink: 0;
    margin-top: 2px;
}
.reach-store-card__info a {
    color: #c32929;
    text-decoration: none;
}
.reach-store-card__info a:hover {
    text-decoration: underline;
}
@media (max-width: 992px) {
    .reach-layout {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    .reach-channels {
        position: static;
    }
    .reach-form__row {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .reach-header {
        padding: 2rem 0 2.5rem;
    }
    .reach-body {
        padding: 1.5rem 0 3rem;
    }
    .reach-form-block {
        padding: 1.5rem;
    }
    .reach-stores__top {
        flex-direction: column;
        align-items: flex-start;
    }
    .reach-stores__filters {
        width: 100%;
    }
    .reach-select {
        flex: 1;
        min-width: 0;
    }
}

/* =========================================================
   DEEP TEMA - BİRLEŞTİRİLMİŞ BÖLÜMLER (container-unified, footer-layout, desktop-menu, product-badges, contact-page)
   ========================================================= */

/* --- container-unified: Bootstrap container, cartnova, page-blade, shop-main --- */
#main-content .container .cartnova,
.container .cartnova {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.page-blade-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-blade-wrapper.page--degisim-iade .page-blade-container,
.page-blade-wrapper .page-blade-container {
    max-width: 1320px !important;
}
.shop-main.container {
    max-width: 1320px !important;
}
.shop-filter-section .container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
.shop-filter-section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.contact-page-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}
.reach-header .container,
.reach-header__inner.container,
#main-content .reach-header .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1320px !important; }
}
@media (min-width: 1400px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .furniture-contact-layout,
    .container.mxw-wrap,
    .contact-page-container {
        max-width: 1320px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 1140px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 960px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 720px !important;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 540px !important;
    }
}
.homepage-hero-slider-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.homepage-hero-slider-wrapper .homepage-hero-slick-slider {
    width: 100% !important;
}
.homepage-hero-slider-wrapper .slideshow-pagination {
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}
#main-content .hp-homepage-section .container,
#main-content .hp-cat-showcase .container,
#main-content .awp-modern-product-slider-section .container,
#main-content .awp-ultra-modern-tabbed-section .container,
#main-content .homepage-category-banner-slider .container,
#main-content .grid-banner.uomo-category-grid-wrapper .container,
#main-content .shop-filter-section .container,
#main-content .homepage .container,
#main-content section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container { max-width: 540px; }
}
@media (min-width: 768px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container { max-width: 720px; }
}
@media (min-width: 992px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container { max-width: 960px; }
}
@media (min-width: 1200px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container { max-width: 1140px; }
}
@media (min-width: 1400px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container { max-width: 1320px; }
}
.pdp-page-section.shop-main.container,
.shop-main.container.pdp-page-section {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
}
@media (min-width: 576px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1320px !important; }
}
.pdp-page-section .pdp-wrap .container,
.pdp-page-section .product-page-container .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.pdp-page-section > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pdp-page-section .pdp-wrap,
.pdp-page-section .product-page-container {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
.pdp-page-section .pdp-wrap .row,
.pdp-page-section .product-page-container .row {
    --bs-gutter-x: 0.75rem !important;
    --bs-gutter-y: 0.75rem !important;
}
.pdp-page-section .pdp-panel {
    padding: 8px !important;
}

/* --- footer-layout: Logo üstte sol, Çağrı Merkezi + WhatsApp sağda --- */
.furniture-footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 40px 0 0;
}
.furniture-footer-top .furniture-footer-brand { flex-shrink: 0; grid-column: unset; }
.furniture-footer-brand-logo { max-height: 36px; width: auto; object-fit: contain; }
.furniture-footer-brand-name { font-size: 1.25rem; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; }
.furniture-footer-contact-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}
.furniture-footer-contact-block--callcenter { background: #E8EEF5 !important; border-color: #D1DCE8 !important; }
.furniture-footer-contact-block--callcenter:hover { background: #DDE5F0 !important; }
.furniture-footer-contact-block--whatsapp { background: #E8F5E9 !important; border-color: #C8E6C9 !important; }
.furniture-footer-contact-block--whatsapp:hover { background: #DCEDDC !important; }
.furniture-footer-contact-block {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 22px;
    background: #F5F4F2;
    border: 1px solid #E2DFDA;
    border-radius: 10px;
    text-decoration: none;
    color: #2D3748;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.furniture-footer-contact-block:hover {
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    color: #2D3748;
}
.furniture-footer-contact-icon-wrap {
    width: 36px; height: 36px; min-width: 36px;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.furniture-footer-contact-icon { font-size: 1.5rem; color: #2D3748; }
.furniture-footer-contact-block-text { display: flex; flex-direction: column; gap: 4px; }
.furniture-footer-contact-label { font-size: 0.875rem; font-weight: 700; color: #2D3748; }
.furniture-footer-contact-value { font-size: 1rem; font-weight: 700; color: #2D3748; }
.furniture-footer-divider { height: 1px; background: rgba(0, 0, 0, 0.08); margin: 28px 0 32px; }
.furniture-footer-modern .furniture-footer-container .furniture-footer-menu-section {
    width: 100%; grid-column: unset; padding-bottom: 40px;
}
@media (max-width: 991.98px) {
    .furniture-footer-top { flex-direction: column; align-items: flex-start; }
    .furniture-footer-contact-blocks { width: 100%; flex-direction: row !important; flex-wrap: nowrap !important; gap: 12px !important; }
    .furniture-footer-contact-block { flex: 1 !important; min-width: 0 !important; padding: 12px 14px !important; }
    .furniture-footer-contact-block-text { overflow: hidden; }
    .furniture-footer-contact-value { font-size: 0.8rem !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* --- desktop-menu: Logo sol, Arama orta, İkonlar sağ, Nav uppercase --- */
@media (min-width: 992px) {
.deep-desktop-menu.header-fullwidth { overflow: visible; padding-left: 0 !important; padding-right: 0 !important; }
.deep-top-bar { background: #dc3545; color: #fff; font-size: 0.8125rem; width: 100%; }
.deep-top-bar_full { width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); box-sizing: border-box; }
.deep-top-bar .container { width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding-left: 12px; padding-right: 12px; }
@media (min-width: 576px) { .deep-top-bar .container { max-width: 540px; } }
@media (min-width: 768px) { .deep-top-bar .container { max-width: 720px; } }
@media (min-width: 992px) { .deep-top-bar .container { max-width: 960px; } }
@media (min-width: 1200px) { .deep-top-bar .container { max-width: 1140px; } }
@media (min-width: 1400px) { .deep-top-bar .container { max-width: 1360px !important; } }
.deep-top-bar__inner { width: 100%; }
.deep-top-bar__promo { color: rgba(255,255,255,0.95); }
.deep-top-bar__icon { flex-shrink: 0; color: rgba(255,255,255,0.9); }
.deep-top-bar__social { flex-shrink: 0; }
.deep-top-bar__social-link { color: rgba(255,255,255,0.9); text-decoration: none; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 4px; transition: color 0.2s, background 0.2s; }
.deep-top-bar__social-link:hover { color: #fff; background: rgba(255,255,255,0.15); }
.deep-top-bar__social-link i { font-size: 1rem; }
.deep-desktop-menu { background: #fff; overflow: visible; width: 100%; }
.deep-desktop-menu .header-desk.deep-main-header { width: 100%; }
.deep-desktop-menu .deep-main-header.container { margin-left: auto; margin-right: auto; }
.deep-desktop-menu .deep-main-header { padding: 1rem 0; width: 100%; }
.deep-desktop-menu .deep-main-header.container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 12px; padding-right: 12px; }
@media (min-width: 576px) { .deep-desktop-menu .deep-main-header.container { max-width: 540px; } }
@media (min-width: 768px) { .deep-desktop-menu .deep-main-header.container { max-width: 720px; } }
@media (min-width: 992px) { .deep-desktop-menu .deep-main-header.container { max-width: 960px; } }
@media (min-width: 1200px) { .deep-desktop-menu .deep-main-header.container { max-width: 1140px; } }
@media (min-width: 1400px) { .deep-desktop-menu .deep-main-header.container { max-width: 1320px; } }
.deep-desktop-menu .deep-logo { flex-shrink: 0; }
.deep-desktop-menu .deep-logo a { font-size: 1.35rem; letter-spacing: 0.03em; }
.deep-desktop-menu.header-fullwidth .header-desk_type_1 .deep-header-search,
.deep-desktop-menu .deep-header-search { width: auto !important; flex-grow: 1; max-width: 520px; margin: 0 2rem; }
.deep-desktop-menu .deep-header-search { border: none !important; padding: 0 !important; }
.deep-desktop-menu .deep-header-search:hover,
.deep-desktop-menu .deep-header-search:focus-within { box-shadow: none !important; }
.deep-desktop-menu .deep-header-search form { width: 100%; border: 1px solid #d1d5db; border-radius: 8px; padding: 0; background: #fff; display: flex; align-items: center; overflow: hidden; }
.deep-desktop-menu .deep-header-search .uomo-search-input-container { flex: 1; border: none !important; box-shadow: none !important; }
.deep-desktop-menu .deep-header-search .uomo-header-search-input { border: none !important; outline: none !important; box-shadow: none !important; padding: 10px 14px; width: 100%; background: transparent; }
.deep-desktop-menu .deep-header-search .uomo-header-search-input::placeholder { color: #9ca3af; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn { color: #6b7280; padding: 10px 14px; border: none !important; background: transparent !important; box-shadow: none !important; min-width: auto; cursor: pointer; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:hover { color: #374151; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn i { font-size: 1rem; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:focus { outline: none !important; box-shadow: none !important; }
.deep-desktop-menu .header-tools { flex-shrink: 0; }
.deep-desktop-menu .header-bottom .navigation__list { justify-content: space-around; flex-wrap: nowrap; gap: 0.5rem; }
.deep-desktop-menu .header-bottom .navigation__link { text-transform: uppercase !important; font-size: 13px; font-weight: 500; letter-spacing: 0.02em; padding: 0.75rem 0.5rem; color: #222 !important; }
.deep-desktop-menu .header-bottom .navigation__link:hover { color: #c32929 !important; }
.deep-desktop-menu .header-bottom { width: 100%; border-top: 1px solid #eee; }
.deep-desktop-menu .header-bottom .container { width: 100%; margin-left: auto; margin-right: auto; padding-left: 12px; padding-right: 12px; }
@media (min-width: 576px) { .deep-desktop-menu .header-bottom .container { max-width: 540px; } }
@media (min-width: 768px) { .deep-desktop-menu .header-bottom .container { max-width: 720px; } }
@media (min-width: 992px) { .deep-desktop-menu .header-bottom .container { max-width: 960px; } }
@media (min-width: 1200px) { .deep-desktop-menu .header-bottom .container { max-width: 1140px; } }
@media (min-width: 1400px) { .deep-desktop-menu .header-bottom .container { max-width: 1320px; } }
.deep-desktop-menu .mega-menu { position: fixed !important; left: 0 !important; right: 0 !important; width: 100% !important; transform: none !important; top: 168px !important; }
.deep-desktop-menu .navigation__item:hover .mega-menu { transform: none !important; }
.deep-desktop-menu .mega-menu .container,
.deep-desktop-menu .mega-menu .mega-menu-container { width: 100%; margin-left: auto; margin-right: auto; max-width: 1320px; padding-left: 12px; padding-right: 12px; }
.deep-desktop-menu .mega-menu .col:first-child { padding-left: 0 !important; }
.deep-desktop-menu .mega-menu .col:last-child { padding-right: 0 !important; }
.deep-desktop-menu .mega-menu .sub-menu__title:hover,
.deep-desktop-menu .mega-menu .menu-link:hover,
.deep-desktop-menu .mega-menu .list-unstyled a:hover { color: inherit !important; background: transparent !important; text-decoration: none !important; }
}

/* --- product-badges: Rozetler alt alta, display_position/display_type --- */
.new-pc__img-wrapper .awa-product-badge-dock,
.product-card-wrapper .awa-product-badge-dock,
.awa-product-badge-dock { display: flex !important; flex-direction: row !important; align-items: flex-start !important; flex-wrap: nowrap !important; }
.new-pc__img-wrapper .awa-product-badge-dock__left,
.product-card-wrapper .awa-product-badge-dock__left,
.awa-product-badge-dock__left { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 10px !important; max-width: none !important; }
.new-pc__img-wrapper .awa-product-badge-dock__right,
.product-card-wrapper .awa-product-badge-dock__right,
.awa-product-badge-dock__right { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: flex-end !important; gap: 10px !important; }
.new-pc__img-wrapper .awa-product-badge-dock__left > *,
.new-pc__img-wrapper .awa-product-badge-dock__right > *,
.awa-product-badge-dock__left > *,
.awa-product-badge-dock__right > * { flex: 0 0 auto !important; flex-shrink: 0 !important; margin: 0 !important; }
.awa-product-badge-dock .awa-badge,
.awa-product-badge-dock .awa-badge.image-badge,
.awa-product-badge-dock .awa-badge.product-badge_text { display: inline-flex !important; margin: 0 !important; overflow: hidden !important; position: relative !important; isolation: isolate !important; border-radius: 4px !important; }
.awa-product-badge-dock .awa-badge.image-badge img.product-badge { max-height: 24px !important; max-width: 100px !important; display: block !important; }
@media (max-width: 991px) {
    .new-pc__img-wrapper .awa-product-badge-dock__left, .product-card-wrapper .awa-product-badge-dock__left, .awa-product-badge-dock__left,
    .new-pc__img-wrapper .awa-product-badge-dock__right, .product-card-wrapper .awa-product-badge-dock__right, .awa-product-badge-dock__right { flex-direction: column !important; flex-wrap: nowrap !important; }
}
@media (max-width: 768px) {
    .awa-product-badge-dock__left, .awa-product-badge-dock__right { flex-direction: column !important; flex-wrap: nowrap !important; }
}
@media (max-width: 576px) {
    .awa-product-badge-dock__left, .awa-product-badge-dock__right { flex-direction: column !important; flex-wrap: nowrap !important; }
}
.awa-badge-row, .new-badge-images.awa-badge-row { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px 10px !important; overflow: visible !important; margin-top: 8px !important; margin-bottom: 0 !important; }
.awa-badge-row__item, .product_collection_badge.awa-badge-row__item { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; }
.new-badge-images .product_collection_badge.image-badge img.product-badge { max-height: 28px !important; max-width: 120px !important; display: block !important; }
.new-badge-images .product_collection_badge.product-badge_text { display: inline-flex !important; }
.product_collection_badge.awa-badge-row__item.product-badge_text:not([style*="background"]) { background: rgba(0, 0, 0, 0.7) !important; color: #fff !important; padding: 4px 8px !important; border-radius: 4px !important; font-size: 11px !important; }
#products-grid .product-card-wrapper .awa-product-badge-dock__left, .products-grid .product-card-wrapper .awa-product-badge-dock__left, .shop-main .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__right, .products-grid .product-card-wrapper .awa-product-badge-dock__right, .shop-main .awa-product-badge-dock__right { flex-direction: column !important; flex-wrap: nowrap !important; gap: 10px !important; }
#products-grid .awa-product-badge-dock__left, .products-grid .awa-product-badge-dock__left, #products-grid .awa-product-badge-dock__right, .products-grid .awa-product-badge-dock__right { flex-direction: column !important; flex-wrap: nowrap !important; gap: 10px !important; }
.products-grid .product-card-wrapper .awa-product-badge-dock__left, #products-grid .product-card-wrapper .awa-product-badge-dock__left, .shop-main .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__right, #products-grid .product-card-wrapper .awa-product-badge-dock__right, .shop-main .awa-product-badge-dock__right { flex-direction: column !important; flex-wrap: nowrap !important; gap: 10px !important; }
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__left, #products-grid .product-card-wrapper .awa-product-badge-dock__left, .shop-main .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__right, #products-grid .product-card-wrapper .awa-product-badge-dock__right, .shop-main .product-card-wrapper .awa-product-badge-dock__right { flex-direction: column !important; flex-wrap: nowrap !important; gap: 10px !important; }
#products-grid .product-card-wrapper .awa-product-badge-dock__left, .products-grid .product-card-wrapper .awa-product-badge-dock__left, .shop-main .product-card-wrapper .awa-product-badge-dock__left, .shop-main .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__right, .products-grid .product-card-wrapper .awa-product-badge-dock__right, .shop-main .product-card-wrapper .awa-product-badge-dock__right { flex-direction: column !important; flex-wrap: nowrap !important; gap: 10px !important; }
.products-grid .product-card-wrapper .new-pc__img-wrapper, #products-grid .product-card-wrapper .new-pc__img-wrapper { overflow: visible !important; }
.products-grid .awa-product-badge-dock__left, .products-grid .awa-product-badge-dock__right, #products-grid .awa-product-badge-dock__left, #products-grid .awa-product-badge-dock__right { flex-direction: column !important; flex-wrap: nowrap !important; }
.products-grid .product-card-wrapper .awa-product-badge-dock__left, .products-grid .product-card-wrapper .awa-product-badge-dock__right, #products-grid .product-card-wrapper .awa-product-badge-dock__left, #products-grid .product-card-wrapper .awa-product-badge-dock__right, .shop-main .product-card-wrapper .awa-product-badge-dock__left, .shop-main .product-card-wrapper .awa-product-badge-dock__right { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 10px !important; }
.products-grid .product-card-wrapper .new-pc__img-wrapper, #products-grid .product-card-wrapper .new-pc__img-wrapper { overflow: visible !important; }
.products-grid .awa-product-badge-dock__left, .products-grid .awa-product-badge-dock__right, #products-grid .awa-product-badge-dock__left, #products-grid .awa-product-badge-dock__right { flex-direction: column !important; flex-wrap: nowrap !important; gap: 10px !important; }

/* --- contact-page: İletişim sayfası stilleri --- */
.reach-page-wrap { width: 100%; min-height: 100vh; background: #f1f5f9; font-family: 'DM Sans', 'Outfit', system-ui, sans-serif; color: #1e293b; }
.reach-page { font-family: inherit; color: inherit; background: transparent; max-width: 100%; box-sizing: border-box; }
.reach-header { position: relative; padding: clamp(2.5rem, 6vw, 4rem) 0; background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); border-bottom: 1px solid #e2e8f0; overflow: hidden; }
.reach-header__mesh, .reach-header__grid { display: none; }
.reach-header__inner { position: relative; z-index: 1; }
.reach-header__tag { display: inline-block; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #c32929; margin-bottom: 0.75rem; }
.reach-header__title { font-family: 'Syne', sans-serif; font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 700; letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 1rem; color: #0f172a; }
.reach-header__lead { font-size: 1rem; font-weight: 400; color: #475569; max-width: 480px; line-height: 1.6; margin: 0; }
.reach-body { padding: 2rem 0 4rem; }
.reach-layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 2rem; align-items: start; }
.reach-form-block { background: #ffffff; border-radius: 16px; padding: 2rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border: 1px solid #e2e8f0; }
.reach-alert--success { display: flex; align-items: center; gap: 12px; padding: 1rem 1.25rem; background: #fce8e8; color: #b91c1c; border-radius: 12px; margin-bottom: 1.5rem; font-weight: 500; }
.reach-alert--success i { color: #dc3545; }
.reach-form-head { margin-bottom: 1.5rem; }
.reach-form-head__title { font-family: 'Syne', sans-serif; font-size: 1.5rem; font-weight: 700; color: #0f172a; margin: 0 0 0.5rem; }
.reach-form-head__desc { font-size: 0.9375rem; color: #64748b; margin: 0; }
.reach-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.reach-field { margin-bottom: 1.25rem; }
.reach-field__label { display: block; font-size: 0.875rem; font-weight: 600; color: #334155; margin-bottom: 0.5rem; }
.reach-field__input, .reach-field__textarea { width: 100%; padding: 0.75rem 1rem; border: 1px solid #cbd5e1; border-radius: 10px; font-size: 1rem; font-family: inherit; color: #0f172a; background: #ffffff; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box; }
.reach-field__input::placeholder, .reach-field__textarea::placeholder { color: #94a3b8; }
.reach-field__input:hover, .reach-field__textarea:hover { border-color: #94a3b8; }
.reach-field__input:focus, .reach-field__textarea:focus { outline: none; border-color: #c32929; box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.15); }
.reach-field__input--error, .reach-field__textarea.reach-field__input--error { border-color: #ef4444; }
.reach-field__msg { display: block; font-size: 0.8125rem; color: #ef4444; margin-top: 0.375rem; }
.reach-field__textarea { resize: vertical; min-height: 120px; }
.reach-btn-submit { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 1rem 1.75rem; background: #c32929; color: #fff !important; border: none; border-radius: 10px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background 0.2s, transform 0.2s; margin-top: 0.5rem; }
.reach-btn-submit:hover { background: #a31f1f; transform: translateY(-1px); }
.reach-channels { display: flex; flex-direction: column; gap: 1rem; position: sticky; top: 100px; }
.reach-channels__card { background: #ffffff; border-radius: 16px; padding: 1.5rem; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border: 1px solid #e2e8f0; }
.reach-channels__heading { font-size: 1.125rem; font-weight: 700; color: #0f172a; margin: 0 0 1.25rem; display: flex; align-items: center; gap: 10px; }
.reach-channels__heading i { color: #c32929; }
.reach-channels__list { list-style: none; padding: 0; margin: 0; }
.reach-channel { margin-bottom: 0.5rem; }
.reach-channel:last-child { margin-bottom: 0; }
.reach-channel__link { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; text-decoration: none; color: inherit; transition: all 0.2s ease; }
.reach-channel__link:hover { background: #f1f5f9; border-color: #c32929; color: inherit; }
.reach-channel--static .reach-channel__link { cursor: default; }
.reach-channel--whatsapp .reach-channel__link:hover { border-color: #dc3545; }
.reach-channel__icon { width: 44px; height: 44px; min-width: 44px; background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%); color: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1rem; }
.reach-channel--whatsapp .reach-channel__icon { background: linear-gradient(135deg, #dc3545 0%, #b91c1c 100%); }
.reach-channel__meta { flex: 1; min-width: 0; }
.reach-channel__meta em { display: block; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #64748b; margin-bottom: 0.25rem; font-style: normal; }
.reach-channel__meta strong { font-size: 0.9375rem; color: #0f172a; font-weight: 600; }
.reach-channel__arrow { font-size: 0.75rem; color: #94a3b8; }
.reach-channel--empty { padding: 2rem; text-align: center; color: #64748b; font-size: 0.9375rem; background: #f8fafc; border-radius: 12px; border: 1px dashed #cbd5e1; }
.reach-channel--empty i { font-size: 2rem; display: block; margin-bottom: 0.5rem; color: #94a3b8; }
.reach-channel--empty p { margin: 0; }
.reach-map-card { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border: 1px solid #e2e8f0; }
.reach-map-card__header { display: flex; align-items: center; gap: 10px; padding: 1rem 1.25rem; background: #f8fafc; font-weight: 600; color: #334155; }
.reach-map-card__header i { color: #c32929; }
.reach-map-card__body { padding: 1rem; }
.reach-map-card__iframe { width: 100%; height: 260px; border: 0; border-radius: 8px; display: block; }
.reach-stores { margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid #e2e8f0; }
.reach-stores__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.reach-stores__title { font-family: 'Syne', sans-serif; font-size: 1.5rem; font-weight: 700; color: #0f172a; margin: 0; display: flex; align-items: center; gap: 10px; }
.reach-stores__title i { color: #c32929; }
.reach-stores__filters { display: flex; gap: 0.75rem; flex-wrap: wrap; }
.reach-select { padding: 0.625rem 1rem; border: 1px solid #cbd5e1; border-radius: 10px; font-size: 0.9375rem; background: #ffffff; color: #334155; min-width: 140px; cursor: pointer; }
.reach-select:focus { outline: none; border-color: #c32929; }
.reach-stores__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; }
.reach-store-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.25rem; transition: all 0.2s ease; }
.reach-store-card:hover { border-color: #c32929; box-shadow: 0 4px 16px rgba(1, 88, 80, 0.08); }
.reach-store-card__name { font-size: 1rem; font-weight: 700; color: #c32929; margin: 0 0 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid #e2e8f0; }
.reach-store-card__info { list-style: none; padding: 0; margin: 0; }
.reach-store-card__info li { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.5rem; font-size: 0.875rem; color: #475569; line-height: 1.5; }
.reach-store-card__info li:last-child { margin-bottom: 0; }
.reach-store-card__info i { color: #c32929; flex-shrink: 0; margin-top: 2px; }
.reach-store-card__info a { color: #c32929; text-decoration: none; }
.reach-store-card__info a:hover { text-decoration: underline; }
@media (max-width: 992px) {
    .reach-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .reach-channels { position: static; }
    .reach-form__row { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .reach-header { padding: 2rem 0 2.5rem; }
    .reach-body { padding: 1.5rem 0 3rem; }
    .reach-form-block { padding: 1.5rem; }
    .reach-stores__top { flex-direction: column; align-items: flex-start; }
    .reach-stores__filters { width: 100%; }
    .reach-select { flex: 1; min-width: 0; }
}

/* =========================================================
   DEEP TEMA BİRLEŞİK BÖLÜMLER (container-unified, footer-layout,
   desktop-menu, product-badges, contact-page - tek style.css)
   ========================================================= */

/* --- container-unified --- */
#main-content .container .cartnova,
.container .cartnova {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.page-blade-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-blade-wrapper.page--degisim-iade .page-blade-container,
.page-blade-wrapper .page-blade-container {
    max-width: 1320px !important;
}
.shop-main.container {
    max-width: 1320px !important;
}
.shop-filter-section .container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
.shop-filter-section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.contact-page-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}
.reach-header .container,
.reach-header__inner.container,
#main-content .reach-header .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1320px !important; }
}
@media (min-width: 1400px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .furniture-contact-layout,
    .container.mxw-wrap,
    .contact-page-container {
        max-width: 1320px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 1140px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 960px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 720px !important;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 540px !important;
    }
}
.homepage-hero-slider-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.homepage-hero-slider-wrapper .homepage-hero-slick-slider {
    width: 100% !important;
}
.homepage-hero-slider-wrapper .slideshow-pagination {
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}
#main-content .hp-homepage-section .container,
#main-content .hp-cat-showcase .container,
#main-content .awp-modern-product-slider-section .container,
#main-content .awp-ultra-modern-tabbed-section .container,
#main-content .homepage-category-banner-slider .container,
#main-content .grid-banner.uomo-category-grid-wrapper .container,
#main-content .shop-filter-section .container,
#main-content .homepage .container,
#main-content section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 1320px;
    }
}
.pdp-page-section.shop-main.container,
.shop-main.container.pdp-page-section {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
}
@media (min-width: 576px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1320px !important; }
}
.pdp-page-section .pdp-wrap .container,
.pdp-page-section .product-page-container .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.pdp-page-section > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pdp-page-section .pdp-wrap,
.pdp-page-section .product-page-container {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
.pdp-page-section .pdp-wrap .row,
.pdp-page-section .product-page-container .row {
    --bs-gutter-x: 0.75rem !important;
    --bs-gutter-y: 0.75rem !important;
}
.pdp-page-section .pdp-panel {
    padding: 8px !important;
}

/* --- footer-layout --- */
.furniture-footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 40px 0 0;
}
.furniture-footer-top .furniture-footer-brand {
    flex-shrink: 0;
    grid-column: unset;
}
.furniture-footer-brand-logo {
    max-height: 36px;
    width: auto;
    object-fit: contain;
}
.furniture-footer-brand-name {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.furniture-footer-contact-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}
.furniture-footer-contact-block--callcenter {
    background: #E8EEF5 !important;
    border-color: #D1DCE8 !important;
}
.furniture-footer-contact-block--callcenter:hover {
    background: #DDE5F0 !important;
}
.furniture-footer-contact-block--whatsapp {
    background: #E8F5E9 !important;
    border-color: #C8E6C9 !important;
}
.furniture-footer-contact-block--whatsapp:hover {
    background: #DCEDDC !important;
}
.furniture-footer-contact-block {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 22px;
    background: #F5F4F2;
    border: 1px solid #E2DFDA;
    border-radius: 10px;
    text-decoration: none;
    color: #2D3748;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.furniture-footer-contact-block:hover {
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    color: #2D3748;
}
.furniture-footer-contact-icon-wrap {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.furniture-footer-contact-icon {
    font-size: 1.5rem;
    color: #2D3748;
}
.furniture-footer-contact-block-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.furniture-footer-contact-label {
    font-size: 0.875rem;
    font-weight: 700;
    color: #2D3748;
}
.furniture-footer-contact-value {
    font-size: 1rem;
    font-weight: 700;
    color: #2D3748;
}
.furniture-footer-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 28px 0 32px;
}
.furniture-footer-modern .furniture-footer-container .furniture-footer-menu-section {
    width: 100%;
    grid-column: unset;
    padding-bottom: 40px;
}
@media (max-width: 991.98px) {
    .furniture-footer-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .furniture-footer-contact-blocks {
        width: 100%;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    .furniture-footer-contact-block {
        flex: 1 !important;
        min-width: 0 !important;
        padding: 12px 14px !important;
    }
    .furniture-footer-contact-block-text {
        overflow: hidden;
    }
    .furniture-footer-contact-value {
        font-size: 0.8rem !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* --- desktop-menu (min-width: 992px) --- */
@media (min-width: 992px) {
.deep-desktop-menu.header-fullwidth {
    overflow: visible;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.deep-top-bar {
    background: #dc3545;
    color: #fff;
    font-size: 0.8125rem;
    width: 100%;
}
.deep-top-bar_full {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    box-sizing: border-box;
}
.deep-top-bar .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-top-bar__inner { width: 100%; }
.deep-top-bar__promo { color: rgba(255,255,255,0.95); }
.deep-top-bar__icon { flex-shrink: 0; color: rgba(255,255,255,0.9); }
.deep-top-bar__social { flex-shrink: 0; }
.deep-top-bar__social-link {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: color 0.2s, background 0.2s;
}
.deep-top-bar__social-link:hover {
    color: #fff;
    background: rgba(255,255,255,0.15);
}
.deep-top-bar__social-link i { font-size: 1rem; }
.deep-desktop-menu {
    background: #fff;
    overflow: visible;
    width: 100%;
}
.deep-desktop-menu .header-desk.deep-main-header { width: 100%; }
.deep-desktop-menu .deep-main-header.container {
    margin-left: auto;
    margin-right: auto;
}
.deep-desktop-menu .deep-main-header {
    padding: 1rem 0;
    width: 100%;
}
.deep-desktop-menu .deep-main-header.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .deep-logo { flex-shrink: 0; }
.deep-desktop-menu .deep-logo a {
    font-size: 1.35rem;
    letter-spacing: 0.03em;
}
.deep-desktop-menu.header-fullwidth .header-desk_type_1 .deep-header-search,
.deep-desktop-menu .deep-header-search {
    width: auto !important;
    flex-grow: 1;
    max-width: 520px;
    margin: 0 2rem;
}
.deep-desktop-menu .deep-header-search {
    border: none !important;
    padding: 0 !important;
}
.deep-desktop-menu .deep-header-search:hover,
.deep-desktop-menu .deep-header-search:focus-within {
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search form {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.deep-desktop-menu .deep-header-search .uomo-search-input-container {
    flex: 1;
    border: none !important;
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px 14px;
    width: 100%;
    background: transparent;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input::placeholder {
    color: #9ca3af;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn {
    color: #6b7280;
    padding: 10px 14px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: auto;
    cursor: pointer;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:hover {
    color: #374151;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn i { font-size: 1rem; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}
.deep-desktop-menu .header-tools { flex-shrink: 0; }
.deep-desktop-menu .header-bottom .navigation__list {
    justify-content: space-around;
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.deep-desktop-menu .header-bottom .navigation__link {
    text-transform: uppercase !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 0.75rem 0.5rem;
    color: #222 !important;
}
.deep-desktop-menu .header-bottom .navigation__link:hover {
    color: #c32929 !important;
}
.deep-desktop-menu .header-bottom {
    width: 100%;
    border-top: 1px solid #eee;
}
.deep-desktop-menu .header-bottom .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .mega-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    top: 168px !important;
}
.deep-desktop-menu .navigation__item:hover .mega-menu {
    transform: none !important;
}
.deep-desktop-menu .mega-menu .container,
.deep-desktop-menu .mega-menu .mega-menu-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .mega-menu .col:first-child { padding-left: 0 !important; }
.deep-desktop-menu .mega-menu .col:last-child { padding-right: 0 !important; }
.deep-desktop-menu .mega-menu .sub-menu__title:hover,
.deep-desktop-menu .mega-menu .menu-link:hover,
.deep-desktop-menu .mega-menu .list-unstyled a:hover {
    color: inherit !important;
    background: transparent !important;
    text-decoration: none !important;
}
}

/* --- product-badges --- */
.new-pc__img-wrapper .awa-product-badge-dock,
.product-card-wrapper .awa-product-badge-dock,
.awa-product-badge-dock {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__left,
.product-card-wrapper .awa-product-badge-dock__left,
.awa-product-badge-dock__left {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
    max-width: none !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__right,
.product-card-wrapper .awa-product-badge-dock__right,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 10px !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__left > *,
.new-pc__img-wrapper .awa-product-badge-dock__right > *,
.awa-product-badge-dock__left > *,
.awa-product-badge-dock__right > * {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}
.awa-product-badge-dock .awa-badge,
.awa-product-badge-dock .awa-badge.image-badge,
.awa-product-badge-dock .awa-badge.product-badge_text {
    display: inline-flex !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
    border-radius: 4px !important;
}
.awa-product-badge-dock .awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    display: block !important;
}
@media (max-width: 991px) {
    .new-pc__img-wrapper .awa-product-badge-dock__left,
    .product-card-wrapper .awa-product-badge-dock__left,
    .awa-product-badge-dock__left,
    .new-pc__img-wrapper .awa-product-badge-dock__right,
    .product-card-wrapper .awa-product-badge-dock__right,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
@media (max-width: 768px) {
    .awa-product-badge-dock__left,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
@media (max-width: 576px) {
    .awa-product-badge-dock__left,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}
.awa-badge-row,
.new-badge-images.awa-badge-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 10px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    -webkit-overflow-scrolling: unset;
}
.awa-badge-row__item,
.product_collection_badge.awa-badge-row__item {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
}
.new-badge-images .product_collection_badge.image-badge img.product-badge {
    max-height: 28px !important;
    max-width: 120px !important;
    display: block !important;
}
.new-badge-images .product_collection_badge.product-badge_text {
    display: inline-flex !important;
}
.product_collection_badge.awa-badge-row__item.product-badge_text:not([style*="background"]) {
    background: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .awa-product-badge-dock__right,
.products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* --- contact-page --- */
.reach-page-wrap {
    width: 100%;
    min-height: 100vh;
    background: #f1f5f9;
    font-family: 'DM Sans', 'Outfit', system-ui, sans-serif;
    color: #1e293b;
}
.reach-page {
    font-family: inherit;
    color: inherit;
    background: transparent;
    max-width: 100%;
    box-sizing: border-box;
}
.reach-header {
    position: relative;
    padding: clamp(2.5rem, 6vw, 4rem) 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
    overflow: hidden;
}
.reach-header__mesh,
.reach-header__grid { display: none; }
.reach-header__inner { position: relative; z-index: 1; }
.reach-header__tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #c32929;
    margin-bottom: 0.75rem;
}
.reach-header__title {
    font-family: 'Syne', sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 1rem;
    color: #0f172a;
}
.reach-header__lead {
    font-size: 1rem;
    font-weight: 400;
    color: #475569;
    max-width: 480px;
    line-height: 1.6;
    margin: 0;
}
.reach-body { padding: 2rem 0 4rem; }
.reach-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 2rem;
    align-items: start;
}
.reach-form-block {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-alert--success {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.25rem;
    background: #fce8e8;
    color: #b91c1c;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    font-weight: 500;
}
.reach-alert--success i { color: #dc3545; }
.reach-form-head { margin-bottom: 1.5rem; }
.reach-form-head__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 0.5rem;
}
.reach-form-head__desc {
    font-size: 0.9375rem;
    color: #64748b;
    margin: 0;
}
.reach-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.reach-field { margin-bottom: 1.25rem; }
.reach-field__label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.5rem;
}
.reach-field__input,
.reach-field__textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 1rem;
    font-family: inherit;
    color: #0f172a;
    background: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}
.reach-field__input::placeholder,
.reach-field__textarea::placeholder { color: #94a3b8; }
.reach-field__input:hover,
.reach-field__textarea:hover { border-color: #94a3b8; }
.reach-field__input:focus,
.reach-field__textarea:focus {
    outline: none;
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.15);
}
.reach-field__input--error,
.reach-field__textarea.reach-field__input--error { border-color: #ef4444; }
.reach-field__msg {
    display: block;
    font-size: 0.8125rem;
    color: #ef4444;
    margin-top: 0.375rem;
}
.reach-field__textarea {
    resize: vertical;
    min-height: 120px;
}
.reach-btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem 1.75rem;
    background: #c32929;
    color: #fff !important;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    margin-top: 0.5rem;
}
.reach-btn-submit:hover {
    background: #a31f1f;
    transform: translateY(-1px);
}
.reach-channels {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 100px;
}
.reach-channels__card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-channels__heading {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.25rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.reach-channels__heading i { color: #c32929; }
.reach-channels__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.reach-channel { margin-bottom: 0.5rem; }
.reach-channel:last-child { margin-bottom: 0; }
.reach-channel__link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}
.reach-channel__link:hover {
    background: #f1f5f9;
    border-color: #c32929;
    color: inherit;
}
.reach-channel--static .reach-channel__link { cursor: default; }
.reach-channel--whatsapp .reach-channel__link:hover { border-color: #dc3545; }
.reach-channel__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.reach-channel--whatsapp .reach-channel__icon {
    background: linear-gradient(135deg, #dc3545 0%, #b91c1c 100%);
}
.reach-channel__meta { flex: 1; min-width: 0; }
.reach-channel__meta em {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.25rem;
    font-style: normal;
}
.reach-channel__meta strong {
    font-size: 0.9375rem;
    color: #0f172a;
    font-weight: 600;
}
.reach-channel__arrow { font-size: 0.75rem; color: #94a3b8; }
.reach-channel--empty {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    font-size: 0.9375rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px dashed #cbd5e1;
}
.reach-channel--empty i {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
    color: #94a3b8;
}
.reach-channel--empty p { margin: 0; }
.reach-map-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-map-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
}
.reach-map-card__header i { color: #c32929; }
.reach-map-card__body { padding: 1rem; }
.reach-map-card__iframe {
    width: 100%;
    height: 260px;
    border: 0;
    border-radius: 8px;
    display: block;
}
.reach-stores {
    margin-top: 3rem;
    padding-top: 2.5rem;
    border-top: 1px solid #e2e8f0;
}
.reach-stores__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.reach-stores__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.reach-stores__title i { color: #c32929; }
.reach-stores__filters {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.reach-select {
    padding: 0.625rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 0.9375rem;
    background: #ffffff;
    color: #334155;
    min-width: 140px;
    cursor: pointer;
}
.reach-select:focus { outline: none; border-color: #c32929; }
.reach-stores__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}
.reach-store-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
    transition: all 0.2s ease;
}
.reach-store-card:hover {
    border-color: #c32929;
    box-shadow: 0 4px 16px rgba(1, 88, 80, 0.08);
}
.reach-store-card__name {
    font-size: 1rem;
    font-weight: 700;
    color: #c32929;
    margin: 0 0 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}
.reach-store-card__info {
    list-style: none;
    padding: 0;
    margin: 0;
}
.reach-store-card__info li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.5;
}
.reach-store-card__info li:last-child { margin-bottom: 0; }
.reach-store-card__info i {
    color: #c32929;
    flex-shrink: 0;
    margin-top: 2px;
}
.reach-store-card__info a {
    color: #c32929;
    text-decoration: none;
}
.reach-store-card__info a:hover { text-decoration: underline; }
@media (max-width: 992px) {
    .reach-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .reach-channels { position: static; }
    .reach-form__row { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .reach-header { padding: 2rem 0 2.5rem; }
    .reach-body { padding: 1.5rem 0 3rem; }
    .reach-form-block { padding: 1.5rem; }
    .reach-stores__top { flex-direction: column; align-items: flex-start; }
    .reach-stores__filters { width: 100%; }
    .reach-select { flex: 1; min-width: 0; }
}

/* =========================================================
   DEEP TEMA - BİRLEŞİK BÖLÜMLER
   (container-unified + footer-layout + desktop-menu + product-badges + contact-page)
   ========================================================= */

/* --- Container Unified --- */
#main-content .container .cartnova,
.container .cartnova {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.page-blade-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-blade-wrapper.page--degisim-iade .page-blade-container,
.page-blade-wrapper .page-blade-container {
    max-width: 1320px !important;
}
.shop-main.container {
    max-width: 1320px !important;
}
.shop-filter-section .container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}
.shop-filter-section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.contact-page-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}
.reach-header .container,
.reach-header__inner.container,
#main-content .reach-header .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1320px !important; }
}
@media (min-width: 1400px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .furniture-contact-layout,
    .container.mxw-wrap,
    .contact-page-container {
        max-width: 1320px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 1140px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 960px !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 720px !important;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 540px !important;
    }
}
.homepage-hero-slider-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.homepage-hero-slider-wrapper .homepage-hero-slick-slider {
    width: 100% !important;
}
.homepage-hero-slider-wrapper .slideshow-pagination {
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}
#main-content .hp-homepage-section .container,
#main-content .hp-cat-showcase .container,
#main-content .awp-modern-product-slider-section .container,
#main-content .awp-ultra-modern-tabbed-section .container,
#main-content .homepage-category-banner-slider .container,
#main-content .grid-banner.uomo-category-grid-wrapper .container,
#main-content .shop-filter-section .container,
#main-content .homepage .container,
#main-content section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container { max-width: 540px; }
}
@media (min-width: 768px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container { max-width: 720px; }
}
@media (min-width: 992px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container { max-width: 960px; }
}
@media (min-width: 1200px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container { max-width: 1140px; }
}
@media (min-width: 1400px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container { max-width: 1320px; }
}
.pdp-page-section.shop-main.container,
.shop-main.container.pdp-page-section {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
}
@media (min-width: 576px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1320px !important; }
}
.pdp-page-section .pdp-wrap .container,
.pdp-page-section .product-page-container .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.pdp-page-section > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pdp-page-section .pdp-wrap,
.pdp-page-section .product-page-container {
    max-width: 100% !important;
    overflow-x: hidden !important;
}
.pdp-page-section .pdp-wrap .row,
.pdp-page-section .product-page-container .row {
    --bs-gutter-x: 0.75rem !important;
    --bs-gutter-y: 0.75rem !important;
}
.pdp-page-section .pdp-panel {
    padding: 8px !important;
}

/* --- Footer Layout --- */
.furniture-footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 40px 0 0;
}
.furniture-footer-top .furniture-footer-brand {
    flex-shrink: 0;
    grid-column: unset;
}
.furniture-footer-brand-logo {
    max-height: 36px;
    width: auto;
    object-fit: contain;
}
.furniture-footer-brand-name {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.furniture-footer-contact-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}
.furniture-footer-contact-block--callcenter {
    background: #E8EEF5 !important;
    border-color: #D1DCE8 !important;
}
.furniture-footer-contact-block--callcenter:hover {
    background: #DDE5F0 !important;
}
.furniture-footer-contact-block--whatsapp {
    background: #E8F5E9 !important;
    border-color: #C8E6C9 !important;
}
.furniture-footer-contact-block--whatsapp:hover {
    background: #DCEDDC !important;
}
.furniture-footer-contact-block {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 22px;
    background: #F5F4F2;
    border: 1px solid #E2DFDA;
    border-radius: 10px;
    text-decoration: none;
    color: #2D3748;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.furniture-footer-contact-block:hover {
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    color: #2D3748;
}
.furniture-footer-contact-icon-wrap {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.furniture-footer-contact-icon {
    font-size: 1.5rem;
    color: #2D3748;
}
.furniture-footer-contact-block-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.furniture-footer-contact-label {
    font-size: 0.875rem;
    font-weight: 700;
    color: #2D3748;
}
.furniture-footer-contact-value {
    font-size: 1rem;
    font-weight: 700;
    color: #2D3748;
}
.furniture-footer-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 28px 0 32px;
}
.furniture-footer-modern .furniture-footer-container .furniture-footer-menu-section {
    width: 100%;
    grid-column: unset;
    padding-bottom: 40px;
}
@media (max-width: 991.98px) {
    .furniture-footer-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .furniture-footer-contact-blocks {
        width: 100%;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    .furniture-footer-contact-block {
        flex: 1 !important;
        min-width: 0 !important;
        padding: 12px 14px !important;
    }
    .furniture-footer-contact-block-text {
        overflow: hidden;
    }
    .furniture-footer-contact-value {
        font-size: 0.8rem !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* --- Desktop Menu (min-width: 992px) --- */
@media (min-width: 992px) {
.deep-desktop-menu.header-fullwidth {
    overflow: visible;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.deep-top-bar {
    background: #dc3545;
    color: #fff;
    font-size: 0.8125rem;
    width: 100%;
}
.deep-top-bar_full {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    box-sizing: border-box;
}
.deep-top-bar .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-top-bar__inner { width: 100%; }
.deep-top-bar__promo { color: rgba(255,255,255,0.95); }
.deep-top-bar__icon { flex-shrink: 0; color: rgba(255,255,255,0.9); }
.deep-top-bar__social { flex-shrink: 0; }
.deep-top-bar__social-link {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: color 0.2s, background 0.2s;
}
.deep-top-bar__social-link:hover {
    color: #fff;
    background: rgba(255,255,255,0.15);
}
.deep-top-bar__social-link i { font-size: 1rem; }
.deep-desktop-menu {
    background: #fff;
    overflow: visible;
    width: 100%;
}
.deep-desktop-menu .header-desk.deep-main-header { width: 100%; }
.deep-desktop-menu .deep-main-header.container {
    margin-left: auto;
    margin-right: auto;
}
.deep-desktop-menu .deep-main-header {
    padding: 1rem 0;
    width: 100%;
}
.deep-desktop-menu .deep-main-header.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .deep-logo { flex-shrink: 0; }
.deep-desktop-menu .deep-logo a {
    font-size: 1.35rem;
    letter-spacing: 0.03em;
}
.deep-desktop-menu.header-fullwidth .header-desk_type_1 .deep-header-search,
.deep-desktop-menu .deep-header-search {
    width: auto !important;
    flex-grow: 1;
    max-width: 520px;
    margin: 0 2rem;
}
.deep-desktop-menu .deep-header-search {
    border: none !important;
    padding: 0 !important;
}
.deep-desktop-menu .deep-header-search:hover,
.deep-desktop-menu .deep-header-search:focus-within { box-shadow: none !important; }
.deep-desktop-menu .deep-header-search form {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.deep-desktop-menu .deep-header-search .uomo-search-input-container {
    flex: 1;
    border: none !important;
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px 14px;
    width: 100%;
    background: transparent;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input::placeholder { color: #9ca3af; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn {
    color: #6b7280;
    padding: 10px 14px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: auto;
    cursor: pointer;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:hover { color: #374151; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn i { font-size: 1rem; }
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}
.deep-desktop-menu .header-tools { flex-shrink: 0; }
.deep-desktop-menu .header-bottom .navigation__list {
    justify-content: space-around;
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.deep-desktop-menu .header-bottom .navigation__link {
    text-transform: uppercase !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 0.75rem 0.5rem;
    color: #222 !important;
}
.deep-desktop-menu .header-bottom .navigation__link:hover { color: #c32929 !important; }
.deep-desktop-menu .header-bottom {
    width: 100%;
    border-top: 1px solid #eee;
}
.deep-desktop-menu .header-bottom .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .mega-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    top: 168px !important;
}
.deep-desktop-menu .navigation__item:hover .mega-menu { transform: none !important; }
.deep-desktop-menu .mega-menu .container,
.deep-desktop-menu .mega-menu .mega-menu-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 12px;
    padding-right: 12px;
}
.deep-desktop-menu .mega-menu .col:first-child { padding-left: 0 !important; }
.deep-desktop-menu .mega-menu .col:last-child { padding-right: 0 !important; }
.deep-desktop-menu .mega-menu .sub-menu__title:hover,
.deep-desktop-menu .mega-menu .menu-link:hover,
.deep-desktop-menu .mega-menu .list-unstyled a:hover {
    color: inherit !important;
    background: transparent !important;
    text-decoration: none !important;
}
}

/* --- Product Badges --- */
.new-pc__img-wrapper .awa-product-badge-dock,
.product-card-wrapper .awa-product-badge-dock,
.awa-product-badge-dock {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__left,
.product-card-wrapper .awa-product-badge-dock__left,
.awa-product-badge-dock__left {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
    max-width: none !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__right,
.product-card-wrapper .awa-product-badge-dock__right,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 10px !important;
}
.new-pc__img-wrapper .awa-product-badge-dock__left > *,
.new-pc__img-wrapper .awa-product-badge-dock__right > *,
.awa-product-badge-dock__left > *,
.awa-product-badge-dock__right > * {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}
.awa-product-badge-dock .awa-badge,
.awa-product-badge-dock .awa-badge.image-badge,
.awa-product-badge-dock .awa-badge.product-badge_text {
    display: inline-flex !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
    border-radius: 4px !important;
}
.awa-product-badge-dock .awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    display: block !important;
}
.awa-badge-row,
.new-badge-images.awa-badge-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 10px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    -webkit-overflow-scrolling: unset;
}
.awa-badge-row__item,
.product_collection_badge.awa-badge-row__item {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
}
.new-badge-images .product_collection_badge.image-badge img.product-badge {
    max-height: 28px !important;
    max-width: 120px !important;
    display: block !important;
}
.new-badge-images .product_collection_badge.product-badge_text { display: inline-flex !important; }
.product_collection_badge.awa-badge-row__item.product-badge_text:not([style*="background"]) {
    background: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .awa-product-badge-dock__right,
.products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* --- Contact Page --- */
.reach-page-wrap {
    width: 100%;
    min-height: 100vh;
    background: #f1f5f9;
    font-family: 'DM Sans', 'Outfit', system-ui, sans-serif;
    color: #1e293b;
}
.reach-page {
    font-family: inherit;
    color: inherit;
    background: transparent;
    max-width: 100%;
    box-sizing: border-box;
}
.reach-header {
    position: relative;
    padding: clamp(2.5rem, 6vw, 4rem) 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
    overflow: hidden;
}
.reach-header__mesh,
.reach-header__grid { display: none; }
.reach-header__inner { position: relative; z-index: 1; }
.reach-header__tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #c32929;
    margin-bottom: 0.75rem;
}
.reach-header__title {
    font-family: 'Syne', sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 1rem;
    color: #0f172a;
}
.reach-header__lead {
    font-size: 1rem;
    font-weight: 400;
    color: #475569;
    max-width: 480px;
    line-height: 1.6;
    margin: 0;
}
.reach-body { padding: 2rem 0 4rem; }
.reach-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 2rem;
    align-items: start;
}
.reach-form-block {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-alert--success {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.25rem;
    background: #fce8e8;
    color: #b91c1c;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    font-weight: 500;
}
.reach-alert--success i { color: #dc3545; }
.reach-form-head { margin-bottom: 1.5rem; }
.reach-form-head__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 0.5rem;
}
.reach-form-head__desc {
    font-size: 0.9375rem;
    color: #64748b;
    margin: 0;
}
.reach-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
.reach-field { margin-bottom: 1.25rem; }
.reach-field__label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.5rem;
}
.reach-field__input,
.reach-field__textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 1rem;
    font-family: inherit;
    color: #0f172a;
    background: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}
.reach-field__input::placeholder,
.reach-field__textarea::placeholder { color: #94a3b8; }
.reach-field__input:hover,
.reach-field__textarea:hover { border-color: #94a3b8; }
.reach-field__input:focus,
.reach-field__textarea:focus {
    outline: none;
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.15);
}
.reach-field__input--error,
.reach-field__textarea.reach-field__input--error { border-color: #ef4444; }
.reach-field__msg {
    display: block;
    font-size: 0.8125rem;
    color: #ef4444;
    margin-top: 0.375rem;
}
.reach-field__textarea {
    resize: vertical;
    min-height: 120px;
}
.reach-btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem 1.75rem;
    background: #c32929;
    color: #fff !important;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    margin-top: 0.5rem;
}
.reach-btn-submit:hover {
    background: #a31f1f;
    transform: translateY(-1px);
}
.reach-channels {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 100px;
}
.reach-channels__card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-channels__heading {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.25rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.reach-channels__heading i { color: #c32929; }
.reach-channels__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.reach-channel { margin-bottom: 0.5rem; }
.reach-channel:last-child { margin-bottom: 0; }
.reach-channel__link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}
.reach-channel__link:hover {
    background: #f1f5f9;
    border-color: #c32929;
    color: inherit;
}
.reach-channel--static .reach-channel__link { cursor: default; }
.reach-channel--whatsapp .reach-channel__link:hover { border-color: #dc3545; }
.reach-channel__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.reach-channel--whatsapp .reach-channel__icon {
    background: linear-gradient(135deg, #dc3545 0%, #b91c1c 100%);
}
.reach-channel__meta { flex: 1; min-width: 0; }
.reach-channel__meta em {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.25rem;
    font-style: normal;
}
.reach-channel__meta strong {
    font-size: 0.9375rem;
    color: #0f172a;
    font-weight: 600;
}
.reach-channel__arrow { font-size: 0.75rem; color: #94a3b8; }
.reach-channel--empty {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    font-size: 0.9375rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px dashed #cbd5e1;
}
.reach-channel--empty i {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
    color: #94a3b8;
}
.reach-channel--empty p { margin: 0; }
.reach-map-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}
.reach-map-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
}
.reach-map-card__header i { color: #c32929; }
.reach-map-card__body { padding: 1rem; }
.reach-map-card__iframe {
    width: 100%;
    height: 260px;
    border: 0;
    border-radius: 8px;
    display: block;
}
.reach-stores {
    margin-top: 3rem;
    padding-top: 2.5rem;
    border-top: 1px solid #e2e8f0;
}
.reach-stores__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.reach-stores__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.reach-stores__title i { color: #c32929; }
.reach-stores__filters {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.reach-select {
    padding: 0.625rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 0.9375rem;
    background: #ffffff;
    color: #334155;
    min-width: 140px;
    cursor: pointer;
}
.reach-select:focus { outline: none; border-color: #c32929; }
.reach-stores__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}
.reach-store-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
    transition: all 0.2s ease;
}
.reach-store-card:hover {
    border-color: #c32929;
    box-shadow: 0 4px 16px rgba(1, 88, 80, 0.08);
}
.reach-store-card__name {
    font-size: 1rem;
    font-weight: 700;
    color: #c32929;
    margin: 0 0 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}
.reach-store-card__info {
    list-style: none;
    padding: 0;
    margin: 0;
}
.reach-store-card__info li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.5;
}
.reach-store-card__info li:last-child { margin-bottom: 0; }
.reach-store-card__info i {
    color: #c32929;
    flex-shrink: 0;
    margin-top: 2px;
}
.reach-store-card__info a {
    color: #c32929;
    text-decoration: none;
}
.reach-store-card__info a:hover { text-decoration: underline; }
@media (max-width: 992px) {
    .reach-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .reach-channels { position: static; }
    .reach-form__row { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .reach-header { padding: 2rem 0 2.5rem; }
    .reach-body { padding: 1.5rem 0 3rem; }
    .reach-form-block { padding: 1.5rem; }
    .reach-stores__top {
        flex-direction: column;
        align-items: flex-start;
    }
    .reach-stores__filters { width: 100%; }
    .reach-select { flex: 1; min-width: 0; }
}

/* =========================================================
   DEEP TEMA - BİRLEŞTİRİLMİŞ BÖLÜMLER
   (container-unified, footer-layout, desktop-menu, product-badges, contact-page)
   ========================================================= */
/* =========================================================
   Deep Tema - Birleşik Container (Bootstrap)
   Tüm sayfalar aynı container genişliği kullanır.
   Sayfa bazlı max-width override'ları devre dışı.
   ========================================================= */

/* Bootstrap .container breakpoint değerleri:
   576px: 540px | 768px: 720px | 992px: 960px
   1200px: 1140px | 1400px: 1320px | 1500px: 1500px | 1800px: 1720px
*/

/* Cartnova (sepet): Parent container genişliğini kullan, kendi max-width/padding yok */
#main-content .container .cartnova,
.container .cartnova {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Page blade (özel sayfalar): Bootstrap ile aynı genişlik */
.page-blade-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Değişim/iade vb. dar sayfa override'ı kaldır - hepsi aynı */
.page-blade-wrapper.page--degisim-iade .page-blade-container,
.page-blade-wrapper .page-blade-container {
    max-width: 1320px !important;
}

/* Shop-main (kategori, arama): Bootstrap ile uyumlu */
.shop-main.container {
    max-width: 1320px !important;
}

/* Kategori sayfası filter section - container mantığı */
.shop-filter-section .container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

/* Kategori sayfası: shop-filter-section ve tüm container'lar aynı genişlik */
.shop-filter-section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* İletişim sayfası: Kesin container sınırı (fluid görünümü engelle) */
.contact-page-container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}

/* İletişim sayfası "BİZE ULAŞIN" header - menü (OTURMA ODASI) ile aynı hizada */
.reach-header .container,
.reach-header__inner.container,
#main-content .reach-header .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
@media (min-width: 576px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .reach-header .container,
    .reach-header__inner.container { max-width: 1320px !important; }
}

@media (min-width: 1400px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .furniture-contact-layout,
    .container.mxw-wrap,
    .contact-page-container {
        max-width: 1320px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 1140px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 960px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 720px !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #main-content > .container,
    .shop-main.container,
    .page-blade-container,
    .contact-page-container {
        max-width: 540px !important;
    }
}

/* =========================================================
   Hero Slider - Full width section, pagination container içinde
   Section'a container-fluid EKLENMEZ - tam genişlik kalır
   ========================================================= */
.homepage-hero-slider-wrapper {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.homepage-hero-slider-wrapper .homepage-hero-slick-slider {
    width: 100% !important;
}
.homepage-hero-slider-wrapper .slideshow-pagination {
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}

/* =========================================================
   Anasayfa bölümleri - Container mantığı (header/menü ile aynı)
   Her section full width, içerik container içinde
   hp-cat-showcase, awp-modern-product-slider-section vb.
   ========================================================= */
#main-content .hp-homepage-section .container,
#main-content .hp-cat-showcase .container,
#main-content .awp-modern-product-slider-section .container,
#main-content .awp-ultra-modern-tabbed-section .container,
#main-content .homepage-category-banner-slider .container,
#main-content .grid-banner.uomo-category-grid-wrapper .container,
#main-content .shop-filter-section .container,
#main-content .homepage .container,
#main-content section .container {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

@media (min-width: 576px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    #main-content .hp-homepage-section .container,
    #main-content .awp-modern-product-slider-section .container,
    #main-content .homepage-category-banner-slider .container,
    #main-content .grid-banner .container,
    #main-content .homepage .container,
    #main-content section .container {
        max-width: 1320px;
    }
}

/* =========================================================
   ÜRÜN DETAY SAYFASI - Container (Header/Nav ile aynı hizalama)
   Kırmızı çizgiler: sol=nav başlangıcı, sağ=header sağ kenarı
   Tüm PDP içeriği bu sınırlar içinde kalmalı.
   ========================================================= */
.pdp-page-section.shop-main.container,
.shop-main.container.pdp-page-section {
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
}

@media (min-width: 576px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1140px !important; }
}
@media (min-width: 1400px) {
    .pdp-page-section.shop-main.container,
    .shop-main.container.pdp-page-section { max-width: 1320px !important; }
}

/* PDP iç container - header ile aynı padding */
.pdp-page-section .pdp-wrap .container,
.pdp-page-section .product-page-container .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

/* PDP breadcrumb container - hizalı */
.pdp-page-section > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* pdp-wrap taşma önleme */
.pdp-page-section .pdp-wrap,
.pdp-page-section .product-page-container {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* PDP kolonlar arası boşluk azalt */
.pdp-page-section .pdp-wrap .row,
.pdp-page-section .product-page-container .row {
    --bs-gutter-x: 0.75rem !important;
    --bs-gutter-y: 0.75rem !important;
}

/* PDP ürün bilgi paneli padding azalt */
.pdp-page-section .pdp-panel {
    padding: 8px !important;
}

/* Deep footer - Logo üstte sol, Çağrı Merkezi + WhatsApp sağda, menüler altta */

/* Üst bölüm: Logo (sol) | Çağrı Merkezi + WhatsApp (sağ) */
.furniture-footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 40px 0 0;
}

.furniture-footer-top .furniture-footer-brand {
    flex-shrink: 0;
    grid-column: unset;
}

.furniture-footer-brand-logo {
    max-height: 36px;
    width: auto;
    object-fit: contain;
}

.furniture-footer-brand-name {
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

/* İletişim kutuları - yer aynı (sağda) */
.furniture-footer-contact-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
}

/* Çağrı Merkezi butonu - mavi-gri arka plan */
.furniture-footer-contact-block--callcenter {
    background: #E8EEF5 !important;
    border-color: #D1DCE8 !important;
}
.furniture-footer-contact-block--callcenter:hover {
    background: #DDE5F0 !important;
}

/* WhatsApp butonu - yeşilimsi arka plan */
.furniture-footer-contact-block--whatsapp {
    background: #E8F5E9 !important;
    border-color: #C8E6C9 !important;
}
.furniture-footer-contact-block--whatsapp:hover {
    background: #DCEDDC !important;
}

/* Ortak kart stil - ikonlar ortalı */
.furniture-footer-contact-block {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 22px;
    background: #F5F4F2;
    border: 1px solid #E2DFDA;
    border-radius: 10px;
    text-decoration: none;
    color: #2D3748;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.furniture-footer-contact-block:hover {
    border-color: rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    color: #2D3748;
}

/* İkon wrapper - ikonu ortalar */
.furniture-footer-contact-icon-wrap {
    width: 36px;
    height: 36px;
    min-width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.furniture-footer-contact-icon {
    font-size: 1.5rem;
    color: #2D3748;
}

.furniture-footer-contact-block-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Çağrı Merkezi / Whatsapp Destek - daha kalın */
.furniture-footer-contact-label {
    font-size: 0.875rem;
    font-weight: 700;
    color: #2D3748;
}

.furniture-footer-contact-value {
    font-size: 1rem;
    font-weight: 700;
    color: #2D3748;
}

/* Ayırıcı */
.furniture-footer-divider {
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 28px 0 32px;
}

/* Menüler aşağıda - full width */
.furniture-footer-modern .furniture-footer-container .furniture-footer-menu-section {
    width: 100%;
    grid-column: unset;
    padding-bottom: 40px;
}

@media (max-width: 991.98px) {
    .furniture-footer-top {
        flex-direction: column;
        align-items: flex-start;
    }
    /* Mobilde Çağrı Merkezi ve WhatsApp yan yana */
    .furniture-footer-contact-blocks {
        width: 100%;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    .furniture-footer-contact-block {
        flex: 1 !important;
        min-width: 0 !important;
        padding: 12px 14px !important;
    }
    .furniture-footer-contact-block-text {
        overflow: hidden;
    }
    .furniture-footer-contact-value {
        font-size: 0.8rem !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* ===========================================
   DEEP DESKTOP MENÜ - Tasarıma göre
   Topbar: en üst bilgi alanı (koyu mavi)
   Logo SOL | Arama ORTA | İkonlar SAĞ
   Nav menü: uppercase, eşit aralıklı
   =========================================== */
@media (min-width: 992px) {
/* Header full width - padding kaldırılır, içerik container ile sınırlı */
.deep-desktop-menu.header-fullwidth {
    overflow: visible;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* 1. TOP BAR - Full viewport genişlik, arka plan full | içerik container içinde */
.deep-top-bar {
    background: #dc3545;
    color: #fff;
    font-size: 0.8125rem;
    width: 100%;
}
/* Topbar viewport genişliğinde (header padding'den bağımsız) */
.deep-top-bar_full {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    box-sizing: border-box;
}
/* Container: 1400px+ için site genişliğiyle uyumlu (topbar üst sınır aşağıdaki media ile) */
.deep-top-bar .container {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
@media (min-width: 576px) { .deep-top-bar .container { max-width: 540px; } }
@media (min-width: 768px) { .deep-top-bar .container { max-width: 720px; } }
@media (min-width: 992px) { .deep-top-bar .container { max-width: 960px; } }
@media (min-width: 1200px) { .deep-top-bar .container { max-width: 1140px; } }
@media (min-width: 1400px) { .deep-top-bar .container { max-width: 1360px !important; } }
.deep-top-bar__inner {
    width: 100%;
}
.deep-top-bar__promo {
    color: rgba(255,255,255,0.95);
}
.deep-top-bar__icon {
    flex-shrink: 0;
    color: rgba(255,255,255,0.9);
}
.deep-top-bar__social {
    flex-shrink: 0;
}
.deep-top-bar__social-link {
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: color 0.2s, background 0.2s;
}
.deep-top-bar__social-link:hover {
    color: #fff;
    background: rgba(255,255,255,0.15);
}
.deep-top-bar__social-link i {
    font-size: 1rem;
}

/* 2. Ana header - Full width arka plan, içerik container içinde */
.deep-desktop-menu {
    background: #fff;
    overflow: visible;
    width: 100%;
}
.deep-desktop-menu .header-desk.deep-main-header {
    width: 100%;
}
.deep-desktop-menu .deep-main-header.container {
    margin-left: auto;
    margin-right: auto;
}
/* Ana header: full width arka plan, içerik container ile sınırlı */
.deep-desktop-menu .deep-main-header {
    padding: 1rem 0;
    width: 100%;
}
.deep-desktop-menu .deep-main-header.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
@media (min-width: 576px) { .deep-desktop-menu .deep-main-header.container { max-width: 540px; } }
@media (min-width: 768px) { .deep-desktop-menu .deep-main-header.container { max-width: 720px; } }
@media (min-width: 992px) { .deep-desktop-menu .deep-main-header.container { max-width: 960px; } }
@media (min-width: 1200px) { .deep-desktop-menu .deep-main-header.container { max-width: 1140px; } }
@media (min-width: 1400px) { .deep-desktop-menu .deep-main-header.container { max-width: 1320px; } }
/* Logo - Sol, sabit */
.deep-desktop-menu .deep-logo {
    flex-shrink: 0;
}
.deep-desktop-menu .deep-logo a {
    font-size: 1.35rem;
    letter-spacing: 0.03em;
}
/* Arama - Orta, esnek genişlik (base style width override) */
.deep-desktop-menu.header-fullwidth .header-desk_type_1 .deep-header-search,
.deep-desktop-menu .deep-header-search {
    width: auto !important;
    flex-grow: 1;
    max-width: 520px;
    margin: 0 2rem;
}
/* Arama - Tek border, sade tasarım (iç içe border yok) */
.deep-desktop-menu .deep-header-search {
    border: none !important;
    padding: 0 !important;
}
.deep-desktop-menu .deep-header-search:hover,
.deep-desktop-menu .deep-header-search:focus-within {
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search form {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0;
    background: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.deep-desktop-menu .deep-header-search .uomo-search-input-container {
    flex: 1;
    border: none !important;
    box-shadow: none !important;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 10px 14px;
    width: 100%;
    background: transparent;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-input::placeholder {
    color: #9ca3af;
}
/* Arama butonu - border yok, sade ikon (iç içe border kaldırıldı) */
.deep-desktop-menu .deep-header-search .uomo-header-search-btn {
    color: #6b7280;
    padding: 10px 14px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    min-width: auto;
    cursor: pointer;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:hover {
    color: #374151;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn i {
    font-size: 1rem;
}
.deep-desktop-menu .deep-header-search .uomo-header-search-btn:focus {
    outline: none !important;
    box-shadow: none !important;
}
/* İkonlar - Sağ */
.deep-desktop-menu .header-tools {
    flex-shrink: 0;
}
/* Nav menü - Uppercase, eşit aralıklı */
.deep-desktop-menu .header-bottom .navigation__list {
    justify-content: space-around;
    flex-wrap: nowrap;
    gap: 0.5rem;
}
.deep-desktop-menu .header-bottom .navigation__link {
    text-transform: uppercase !important;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    padding: 0.75rem 0.5rem;
    color: #222 !important;
}
.deep-desktop-menu .header-bottom .navigation__link:hover {
    color: #c32929 !important;
}
/* Menü - Full width bar, içerik container içinde (Bootstrap ile aynı) */
.deep-desktop-menu .header-bottom {
    width: 100%;
    border-top: 1px solid #eee;
}
.deep-desktop-menu .header-bottom .container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}
@media (min-width: 576px) { .deep-desktop-menu .header-bottom .container { max-width: 540px; } }
@media (min-width: 768px) { .deep-desktop-menu .header-bottom .container { max-width: 720px; } }
@media (min-width: 992px) { .deep-desktop-menu .header-bottom .container { max-width: 960px; } }
@media (min-width: 1200px) { .deep-desktop-menu .header-bottom .container { max-width: 1140px; } }
@media (min-width: 1400px) { .deep-desktop-menu .header-bottom .container { max-width: 1320px; } }

/* Mega menü - Viewport hizalı (nav item'a göre değil) - container header-bottom ile aynı hizada */
.deep-desktop-menu .mega-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    /* top: header altı - topbar(~40) + main(~80) + nav(~48) ≈ 168px */
    top: 168px !important;
}
.deep-desktop-menu .navigation__item:hover .mega-menu {
    transform: none !important;
}

/* Mega menü - Full width bar, içerik header-bottom container ile hizalı (OTURMA ODASI ile aynı hiza) */
.deep-desktop-menu .mega-menu .container,
.deep-desktop-menu .mega-menu .mega-menu-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    padding-left: 12px;
    padding-right: 12px;
}
@media (min-width: 992px) {
    @media (min-width: 1400px) {
        .deep-desktop-menu .mega-menu .container,
        .deep-desktop-menu .mega-menu .mega-menu-container {
            max-width: 1320px !important;
        }
    }
}

/* OTURMA ODASI GRUPLARI nav item "OTURMA ODASI" ile hizalı başlasın
   space-around ile ilk item container kenarından boşluk sonra başlar */
.deep-desktop-menu .mega-menu .col:first-child {
    padding-left: 0 !important;
}
.deep-desktop-menu .mega-menu .col:last-child {
    padding-right: 0 !important;
}

/* Mega menü linklerinde hover efekti yok */
.deep-desktop-menu .mega-menu .sub-menu__title:hover,
.deep-desktop-menu .mega-menu .menu-link:hover,
.deep-desktop-menu .mega-menu .list-unstyled a:hover {
    color: inherit !important;
    background: transparent !important;
    text-decoration: none !important;
}
}

/**
 * ÜRÜN ROZET (BADGE) TASARIMI - YENİDEN TASARLANDI
 *
 * Görüntüleme Yeri (display_position):
 *   - top: Görselin üstü (sol üst köşe)
 *   - bottom: Görselin altı
 *
 * Görüntüleme Şekli (display_type):
 *   - text: Metin rozeti
 *   - image: Görsel rozet
 *
 * Birden fazla rozet olduğunda ALT ALTA gelir, üst üste binmez.
 * Yüksek spesifiklik ile style.css override edilir.
 */

/* ===========================================
   ÜST ROZETLER (display_position: top)
   Görselin üzerinde - ALT ALTA, HİÇBİR ZAMAN İÇ İÇE DEĞİL
   =========================================== */

/* style.css'deki display:grid'i override et - flex kullan */
.new-pc__img-wrapper .awa-product-badge-dock,
.product-card-wrapper .awa-product-badge-dock,
.awa-product-badge-dock {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
}

/* Sol taraf: Öne Çıkan + özel rozetler - DİKEY ALT ALTA */
.new-pc__img-wrapper .awa-product-badge-dock__left,
.product-card-wrapper .awa-product-badge-dock__left,
.awa-product-badge-dock__left {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    gap: 10px !important;
    max-width: none !important;
}

/* Sağ taraf: İndirim + Video - DİKEY ALT ALTA */
.new-pc__img-wrapper .awa-product-badge-dock__right,
.product-card-wrapper .awa-product-badge-dock__right,
.awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    gap: 10px !important;
}

/* Her rozet - kendi satırında, üst üste binmesin - overflow ile ::before taşması kesilir */
.new-pc__img-wrapper .awa-product-badge-dock__left > *,
.new-pc__img-wrapper .awa-product-badge-dock__right > *,
.awa-product-badge-dock__left > *,
.awa-product-badge-dock__right > * {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* Base rozet - overflow: hidden ile ::before (200% genişlik) bitişik rozete taşmaz */
.awa-product-badge-dock .awa-badge,
.awa-product-badge-dock .awa-badge.image-badge,
.awa-product-badge-dock .awa-badge.product-badge_text {
    display: inline-flex !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    isolation: isolate !important;
    border-radius: 4px !important;
}

.awa-product-badge-dock .awa-badge.image-badge img.product-badge {
    max-height: 24px !important;
    max-width: 100px !important;
    display: block !important;
}

/* MOBİL - Tüm breakpoint'lerde aynı dikey düzen */
@media (max-width: 991px) {
    .new-pc__img-wrapper .awa-product-badge-dock__left,
    .product-card-wrapper .awa-product-badge-dock__left,
    .awa-product-badge-dock__left {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
    .new-pc__img-wrapper .awa-product-badge-dock__right,
    .product-card-wrapper .awa-product-badge-dock__right,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}

@media (max-width: 768px) {
    .awa-product-badge-dock__left,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}

@media (max-width: 576px) {
    .awa-product-badge-dock__left,
    .awa-product-badge-dock__right {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
}

/* ===========================================
   ALT ROZETLER (display_position: bottom)
   Görselin hemen altında - YAN YANA (resim + metin karışık)
   =========================================== */

.awa-badge-row,
.new-badge-images.awa-badge-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 10px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
    -webkit-overflow-scrolling: unset;
}

/* Alt rozet satırındaki her öğe - kendi satırında */
.awa-badge-row__item,
.product_collection_badge.awa-badge-row__item {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
}

/* Alt rozet - metin veya görsel */
.new-badge-images .product_collection_badge.image-badge img.product-badge {
    max-height: 28px !important;
    max-width: 120px !important;
    display: block !important;
}

.new-badge-images .product_collection_badge.product-badge_text {
    display: inline-flex !important;
}

/* +N rozeti */
.product_collection_badge.awa-badge-row__item.product-badge_text:not([style*="background"]) {
    background: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
}

/* Kategori/shop sayfası - son override, tüm breakpoint'lerde geçerli */
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* Kategori / Shop - Son override, kesin alt alta (style.css tüm MQ'ları geçersiz kılar) */
#products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .awa-product-badge-dock__right,
.products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* Kategori / shop: Kesin override - style.css'teki tüm media query kurallarını geçersiz kıl */
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* ===========================================
   KATEGORİ / SHOP - Maksimum spesifiklik
   Tüm sayfalarda rozetler alt alta, iç içe asla
   =========================================== */
.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

.products-grid .product-card-wrapper .new-pc__img-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* ===========================================
   KATEGORİ / ÜRÜN LİSTESİ - Son override (en yüksek öncelik)
   products-grid, shop-main içindeki kartlarda rozetler kesinlikle alt alta
   =========================================== */
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .awa-product-badge-dock__left {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* Kategori / ürün listesi - kesin override (en yüksek spesifiklik) */
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
}

/* ===========================================
   KATEGORİ / ÜRÜN LİSTESİ - En yüksek spesifiklik
   products-grid ve shop-main context'te kesin alt alta
   =========================================== */

.products-grid .product-card-wrapper .awa-product-badge-dock__left,
.products-grid .product-card-wrapper .awa-product-badge-dock__right,
#products-grid .product-card-wrapper .awa-product-badge-dock__left,
#products-grid .product-card-wrapper .awa-product-badge-dock__right,
.shop-main .product-card-wrapper .awa-product-badge-dock__left,
.shop-main .product-card-wrapper .awa-product-badge-dock__right {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* overflow-hidden badge dock'u kesmesin - img wrapper'da görünür kalsın */
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}

/* Kategori / products-grid - overflow badge'leri kesmesin */
.products-grid .product-card-wrapper .new-pc__img-wrapper,
#products-grid .product-card-wrapper .new-pc__img-wrapper {
    overflow: visible !important;
}

/* Son çare: tüm product card badge dock - flex column zorla */
.products-grid .awa-product-badge-dock__left,
.products-grid .awa-product-badge-dock__right,
#products-grid .awa-product-badge-dock__left,
#products-grid .awa-product-badge-dock__right {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}

/* =========================================================
   İLETİŞİM SAYFASI - Açık tema, yüksek kontrast
   Blade class'ları: reach-header, reach-form-block, reach-channel vb.
   ========================================================= */

/* Tam genişlik arka plan (full-bleed) */
.reach-page-wrap {
    width: 100%;
    min-height: 100vh;
    background: #f1f5f9;
    font-family: 'DM Sans', 'Outfit', system-ui, sans-serif;
    color: #1e293b;
}

/* İçerik alanı - container genişliği ile sınırlı, arka plansız */
.reach-page {
    font-family: inherit;
    color: inherit;
    background: transparent;
    max-width: 100%;
    box-sizing: border-box;
}

/* Header - açık arka plan */
.reach-header {
    position: relative;
    padding: clamp(2.5rem, 6vw, 4rem) 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
    overflow: hidden;
}

.reach-header__mesh,
.reach-header__grid {
    display: none;
}

.reach-header__inner {
    position: relative;
    z-index: 1;
}

.reach-header__tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #c32929;
    margin-bottom: 0.75rem;
}

.reach-header__title {
    font-family: 'Syne', sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 1rem;
    color: #0f172a;
}

.reach-header__lead {
    font-size: 1rem;
    font-weight: 400;
    color: #475569;
    max-width: 480px;
    line-height: 1.6;
    margin: 0;
}

/* Ana içerik */
.reach-body {
    padding: 2rem 0 4rem;
}

.reach-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 2rem;
    align-items: start;
}

/* Form bloğu */
.reach-form-block {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}

.reach-alert--success {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1rem 1.25rem;
    background: #fce8e8;
    color: #b91c1c;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.reach-alert--success i {
    color: #dc3545;
}

.reach-form-head {
    margin-bottom: 1.5rem;
}

.reach-form-head__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 0.5rem;
}

.reach-form-head__desc {
    font-size: 0.9375rem;
    color: #64748b;
    margin: 0;
}

.reach-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.reach-field {
    margin-bottom: 1.25rem;
}

.reach-field__label {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.5rem;
}

.reach-field__input,
.reach-field__textarea {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 1rem;
    font-family: inherit;
    color: #0f172a;
    background: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.reach-field__input::placeholder,
.reach-field__textarea::placeholder {
    color: #94a3b8;
}

.reach-field__input:hover,
.reach-field__textarea:hover {
    border-color: #94a3b8;
}

.reach-field__input:focus,
.reach-field__textarea:focus {
    outline: none;
    border-color: #c32929;
    box-shadow: 0 0 0 3px rgba(1, 88, 80, 0.15);
}

.reach-field__input--error,
.reach-field__textarea.reach-field__input--error {
    border-color: #ef4444;
}

.reach-field__msg {
    display: block;
    font-size: 0.8125rem;
    color: #ef4444;
    margin-top: 0.375rem;
}

.reach-field__textarea {
    resize: vertical;
    min-height: 120px;
}

.reach-btn-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 1rem 1.75rem;
    background: #c32929;
    color: #fff !important;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    margin-top: 0.5rem;
}

.reach-btn-submit:hover {
    background: #a31f1f;
    transform: translateY(-1px);
}

/* İletişim kanalları - açık kart */
.reach-channels {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 100px;
}

.reach-channels__card {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}

.reach-channels__heading {
    font-size: 1.125rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 1.25rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.reach-channels__heading i {
    color: #c32929;
}

.reach-channels__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.reach-channel {
    margin-bottom: 0.5rem;
}

.reach-channel:last-child {
    margin-bottom: 0;
}

.reach-channel__link {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.reach-channel__link:hover {
    background: #f1f5f9;
    border-color: #c32929;
    color: inherit;
}

.reach-channel--static .reach-channel__link {
    cursor: default;
}

.reach-channel--whatsapp .reach-channel__link:hover {
    border-color: #dc3545;
}

.reach-channel__icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background: linear-gradient(135deg, #c32929 0%, #a31f1f 100%);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.reach-channel--whatsapp .reach-channel__icon {
    background: linear-gradient(135deg, #dc3545 0%, #b91c1c 100%);
}

.reach-channel__meta {
    flex: 1;
    min-width: 0;
}

.reach-channel__meta em {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    margin-bottom: 0.25rem;
    font-style: normal;
}

.reach-channel__meta strong {
    font-size: 0.9375rem;
    color: #0f172a;
    font-weight: 600;
}

.reach-channel__arrow {
    font-size: 0.75rem;
    color: #94a3b8;
}

.reach-channel--empty {
    padding: 2rem;
    text-align: center;
    color: #64748b;
    font-size: 0.9375rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px dashed #cbd5e1;
}

.reach-channel--empty i {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
    color: #94a3b8;
}

.reach-channel--empty p {
    margin: 0;
}

/* Harita kartı */
.reach-map-card {
    background: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
}

.reach-map-card__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    font-weight: 600;
    color: #334155;
}

.reach-map-card__header i {
    color: #c32929;
}

.reach-map-card__body {
    padding: 1rem;
}

.reach-map-card__iframe {
    width: 100%;
    height: 260px;
    border: 0;
    border-radius: 8px;
    display: block;
}

/* Satış noktaları */
.reach-stores {
    margin-top: 3rem;
    padding-top: 2.5rem;
    border-top: 1px solid #e2e8f0;
}

.reach-stores__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.reach-stores__title {
    font-family: 'Syne', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.reach-stores__title i {
    color: #c32929;
}

.reach-stores__filters {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.reach-select {
    padding: 0.625rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 0.9375rem;
    background: #ffffff;
    color: #334155;
    min-width: 140px;
    cursor: pointer;
}

.reach-select:focus {
    outline: none;
    border-color: #c32929;
}

.reach-stores__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}

.reach-store-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.25rem;
    transition: all 0.2s ease;
}

.reach-store-card:hover {
    border-color: #c32929;
    box-shadow: 0 4px 16px rgba(1, 88, 80, 0.08);
}

.reach-store-card__name {
    font-size: 1rem;
    font-weight: 700;
    color: #c32929;
    margin: 0 0 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e2e8f0;
}

.reach-store-card__info {
    list-style: none;
    padding: 0;
    margin: 0;
}

.reach-store-card__info li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.5;
}

.reach-store-card__info li:last-child {
    margin-bottom: 0;
}

.reach-store-card__info i {
    color: #c32929;
    flex-shrink: 0;
    margin-top: 2px;
}

.reach-store-card__info a {
    color: #c32929;
    text-decoration: none;
}

.reach-store-card__info a:hover {
    text-decoration: underline;
}

/* Responsive */
@media (max-width: 992px) {
    .reach-layout {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .reach-channels {
        position: static;
    }

    .reach-form__row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .reach-header {
        padding: 2rem 0 2.5rem;
    }

    .reach-body {
        padding: 1.5rem 0 3rem;
    }

    .reach-form-block {
        padding: 1.5rem;
    }

    .reach-stores__top {
        flex-direction: column;
        align-items: flex-start;
    }

    .reach-stores__filters {
        width: 100%;
    }

    .reach-select {
        flex: 1;
        min-width: 0;
    }
}
/* =========================================================
   BLADE INLINE STYLES - style.css'e taşındı
   Kaynak: errors/404, opportunities-section, product_comment_item,
   grouped-product-selector, child-products-list
   ========================================================= */

/* --- 404 Error Page --- */
.error-page-section {
    padding: 120px 0;
    background-color: #faf9f8;
    min-height: 60vh;
    display: flex;
    align-items: center;
}
.error-content {
    text-align: center;
    background: white;
    padding: 60px 40px;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid #e4e4e4;
}
.error-illustration { margin-bottom: 40px; position: relative; }
.error-number {
    font-size: 120px;
    font-weight: 700;
    color: #e4e4e4;
    line-height: 1;
    margin-bottom: 20px;
    position: relative;
    font-family: var(--dynamic-google-font, "Roboto"), sans-serif;
}
.error-icon {
    width: 80px;
    height: 80px;
    background-color: #222222;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    color: white;
    font-size: 24px;
}
.error-title {
    font-size: 32px;
    font-weight: 500;
    color: #222222;
    margin-bottom: 16px;
    line-height: 1.2;
    font-family: var(--dynamic-google-font, "Roboto"), sans-serif;
}
.error-description {
    font-size: 18px;
    color: #767676;
    line-height: 1.6;
    margin-bottom: 40px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-family: var(--dynamic-google-font, "Roboto"), sans-serif;
}
.error-actions {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}
.error-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    min-width: 160px;
    justify-content: center;
    font-family: var(--dynamic-google-font, "Roboto"), sans-serif;
}
.error-btn.primary-btn {
    background-color: #383735;
    color: white;
    border: 1px solid #383735;
}
.error-btn.primary-btn:hover {
    background-color: #222222;
    border-color: #222222;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(34, 34, 34, 0.2);
}
.error-btn.secondary-btn {
    background-color: white;
    color: #767676;
    border: 1px solid #e4e4e4;
}
.error-btn.secondary-btn:hover {
    background-color: #faf9f8;
    border-color: #222222;
    color: #222222;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.error-btn i { font-size: 16px; }
@media (max-width: 768px) {
    .error-page-section { padding: 80px 0; }
    .error-content { padding: 40px 20px; margin: 0 15px; }
    .error-number { font-size: 80px; }
    .error-icon { width: 60px; height: 60px; font-size: 20px; }
    .error-title { font-size: 24px; }
    .error-description { font-size: 16px; }
    .error-actions { flex-direction: column; gap: 12px; }
    .error-btn { width: 100%; min-width: auto; }
}
@media (max-width: 480px) {
    .error-page-section { padding: 60px 0; }
    .error-content { padding: 30px 15px; }
    .error-number { font-size: 60px; }
    .error-icon { width: 50px; height: 50px; font-size: 18px; }
    .error-title { font-size: 20px; }
    .error-description { font-size: 14px; }
}

/* --- PDP Opportunities Section (hover) --- */
.pdp-opportunity-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}
.pdp-opportunity-item--campaign:hover { border-left-color: #1d4ed8 !important; }
.pdp-opportunity-item--coupon:hover { border-left-color: #b45309 !important; }
.pdp-tag-item:hover {
    background: #f3f4f6 !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* --- Product Review Item --- */
.product-single__reviews-item {
    display: flex;
    gap: 15px;
    padding: 20px;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin-bottom: 15px;
    background: white;
    transition: box-shadow 0.2s ease;
}
.product-single__reviews-item:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.customer-avatar { flex-shrink: 0; }
.customer-avatar img, .avatar-placeholder {
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.avatar-placeholder {
    background: #f8f9fa;
    color: #6c757d;
    font-size: 1.2rem;
}
.customer-review { flex: 1; }
.customer-name h6 {
    margin: 0 0 5px 0;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    gap: 8px;
}
.verified-badge { font-size: 0.8rem; }
.review__rating { margin-bottom: 10px; }
.stars { display: flex; gap: 2px; }
.stars i { font-size: 0.9rem; }
.review-meta {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
    font-size: 0.85rem;
    color: #6c757d;
}
.review-date, .review-verified { display: flex; align-items: center; }
.review-text p { margin: 0; line-height: 1.6; color: #333; }

/* --- Grouped Product Selector --- */
.modern-grouped-product-selector {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    border-radius: 12px;
}
.grouped-header { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0; }
.grouped-title { font-size: 18px; font-weight: 700; color: #1a1a1a; margin-bottom: 4px; }
.grouped-subtitle { font-size: 14px; color: #666; margin: 0; }
.pdp-grouped-products-list { margin-bottom: 20px; }
.total-section {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 20px;
}
.total-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.total-row:last-child { margin-bottom: 0; }
.total-label { font-size: 14px; color: #666; }
.total-value { font-size: 14px; font-weight: 600; color: #333; }
.total-final { border-top: 1px solid #e5e5e5; padding-top: 8px; margin-top: 8px; }
.total-final .total-label { font-size: 16px; font-weight: 600; color: #333; }
.total-final .total-value { font-size: 18px; font-weight: 700; color: #007bff; }
.action-section { margin-bottom: 20px; }
.add-to-cart-btn {
    width: 100%;
    padding: 16px 24px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    background: #007bff;
    color: white;
}
.add-to-cart-btn:hover { background: #0056b3; }
.add-to-cart-btn:disabled { background: #6c757d; cursor: not-allowed; }
.messages { margin-top: 16px; }
.message {
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 14px;
    margin-bottom: 8px;
}
.message.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.message.error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.no-products-message { text-align: center; padding: 40px 20px; color: #666; font-style: italic; }
.no-products-message p { margin: 0; font-size: 16px; }

/* --- Child Products List / Components Section --- */
.productpage-components-section {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}
.productpage-components-header { margin-bottom: 20px; text-align: center; }
.productpage-components-title {
    color: #333;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.productpage-components-title i { color: #007bff; margin-right: 8px; }
.productpage-components-subtitle { color: #6c757d; font-size: 0.9rem; margin: 0; }
.productpage-components-content {
    background: white;
    border-radius: 6px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.quantity-controls { display: flex; align-items: center; justify-content: center; gap: 8px; }
.quantity-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #dee2e6;
    background: white;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}
.quantity-btn:hover:not(:disabled) { background: #f8f9fa; border-color: #adb5bd; }
.quantity-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.quantity-input {
    width: 60px;
    height: 32px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
}
.quantity-input:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,0.25);
}
.productpage-components-section .table th {
    background: #f8f9fa;
    border-color: #dee2e6;
    font-weight: 600;
    font-size: 14px;
}
.productpage-components-section .table td {
    border-color: #dee2e6;
    vertical-align: middle;
    font-size: 14px;
}
.productpage-components-section .table tfoot th {
    background: #e9ecef;
    font-weight: 600;
    border-color: #dee2e6;
}

/* --- Minimal User Page (inline -> class) --- */
.minimal-card.mb-2 { margin-bottom: 2rem; }
.minimal-page-title { font-size: 1.875rem; font-weight: 600; margin: 0 0 0.5rem 0; color: var(--minimal-text); }
.minimal-page-subtitle { color: var(--minimal-text-light); margin: 0; font-size: 1rem; }
.minimal-card-header-row { margin: 0; display: flex; align-items: center; gap: 0.5rem; }
.minimal-form-hint { font-size: 0.875rem; color: var(--minimal-text-light); margin-top: 0.25rem; }
.minimal-form-error { font-size: 0.875rem; color: #dc2626; margin-top: 0.5rem; font-weight: 500; }
.minimal-grid-gap-1 { gap: 1rem; margin-bottom: 1rem; }
.minimal-icon-mr { margin-right: 0.5rem; }
.minimal-status-box { display: flex; align-items: center; gap: 0.75rem; padding: 1rem; background: var(--minimal-bg-light); border-radius: 0.5rem; }
.minimal-status-icon { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.minimal-status-icon--blue { background: #3b82f6; color: white; }
.minimal-status-icon--gray { background: #6b7280; color: white; }
.minimal-status-title { margin: 0 0 0.25rem 0; font-weight: 600; }
.minimal-status-desc { margin: 0; font-size: 0.875rem; color: var(--minimal-text-light); }
.minimal-preference-list { display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 1.5rem; }
.minimal-preference-row { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1rem; border-bottom: 1px solid var(--minimal-bg-light); }
.minimal-preference-row:last-child { border-bottom: none; }
.minimal-preference-title { margin: 0; font-weight: 600; }
.minimal-preference-desc { margin: 0.25rem 0 0 0; font-size: 0.875rem; color: var(--minimal-text-light); }
.minimal-btn-block { justify-content: flex-start; }
.minimal-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000; align-items: center; justify-content: center; }
.minimal-modal-overlay.show { display: flex !important; }
.minimal-modal-content { background: white; padding: 2rem; border-radius: var(--minimal-radius, 12px); max-width: 500px; width: 90%; margin: 1rem; }
.minimal-modal-title { margin: 0 0 1rem 0; color: var(--minimal-text); }
.minimal-modal-desc { margin: 0 0 1rem 0; color: var(--minimal-text); }
.minimal-modal-warning { margin: 0 0 1.5rem 0; color: #dc2626; font-weight: 500; }
.minimal-modal-footer { display: flex; gap: 1rem; justify-content: flex-end; margin-top: 1.5rem; }
.minimal-empty-menu { padding: 20px; text-align: center; color: #6b7280; }
#logout-form { display: none; }