@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/*
Theme Name: Fresh Smell
Description: Fresh Smell WordPress teması.
Version: 1.0.0
Author: Art Web Tasarım
Text Domain: fresh-smell
*/

:root {
  --theme-ink: #17211d;
  --theme-surface: #f7faf7;
  --theme-accent: #43805f;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  color: var(--theme-ink);
  background: var(--theme-surface);
  font-family: Arial, sans-serif;
}

a { color: inherit; }

.site-header,
.site-footer,
.site-main { padding: 2rem max(1.5rem, calc((100% - 72rem) / 2)); }

.site-header { height: 82px; padding: 0 !important; background: #fff; border: 0; }
.site-header .header-inner { height: 82px; }
.site-header .site-logo { width: 154px; height: 73px; object-fit: contain; }
.site-title { margin: 0; font-size: 1.5rem; }
.site-title a { color: var(--theme-accent); text-decoration: none; }
.site-description { margin: .4rem 0 0; color: #64736a; }
.site-main { min-height: 60vh; }
.entry-title a { text-decoration: none; }
.site-footer { color: #eef5f0; background: var(--theme-ink); }
.site-footer .footer-logo { width: 120px; height: auto; }
.site-footer .social-links { display: flex; gap: 10px; margin-top: 22px; }
.site-footer .social-links a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; line-height: 1; border: 1px solid #ffffff; border-radius: 50%; color: #fff; }
.site-footer .social-links a i { display: block; line-height: 1; }
.site-footer .artweb-link img { content: url('assets/images/artwebtasarim-logo.webp'); }

/* Product catalogue */
.catalog-page { padding: 64px 0 100px; }
.catalog-layout { display: grid; grid-template-columns: 248px minmax(0, 1fr); align-items: stretch; gap: 56px; }
.catalog-sidebar { position: relative; border-right: 0; padding-right: 24px; }
.catalog-sidebar::after { content: ""; position: absolute; z-index: 0; top: -64px; right: 0; bottom: -100px; width: 1px; background: #e8e8e8; }
.catalog-sidebar-head { display: flex; align-items: center; justify-content: space-between; padding: 0 0 19px; font: 700 15px/1.2 Arial, sans-serif; border-bottom: 1px solid #e7e7e7; }
.catalog-filter-toggle { display: flex; align-items: center; gap: 9px; padding: 0; border: 0; background: transparent; color: #202126; font: inherit; cursor: pointer; }
.catalog-sidebar-head a { font: 500 12px/1 Arial, sans-serif; color: #6a6d74; }
.filter-group { border-bottom: 1px solid #e7e7e7; padding: 17px 0; }
.filter-group summary { list-style: none; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font: 700 13px/1.25 Arial, sans-serif; }
.filter-group summary::-webkit-details-marker { display: none; }
.filter-group summary span { width: 8px; height: 8px; border-top: 1.5px solid #202126; border-left: 1.5px solid #202126; transform: rotate(45deg); margin: 4px 4px 0 0; transition: transform .2s; }
.filter-group:not([open]) summary span { transform: rotate(225deg); margin-top: -3px; }
.filter-options { display: grid; gap: 9px; padding-top: 15px; }
.filter-option { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 18px; color: #37393d; font: 400 12px/1.25 Arial, sans-serif; cursor: pointer; }
.filter-option input { width: 14px; height: 14px; margin: 0; accent-color: #1d1f21; }
.filter-option em { font-style: normal; color: #767a80; }
.category-parent { margin-top: 2px; font-weight: 700; }
.category-child { padding-left: 16px; }
.color-options { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px 6px; }
.color-option { grid-template-columns: 1fr; justify-items: center; gap: 4px; font-size: 10px; text-align: center; }
.color-option input { position: absolute; opacity: 0; pointer-events: none; }
.color-option em { display: none; }
.color-dot { display: block; width: 16px; height: 16px; border-radius: 50%; background: var(--swatch-color); border: 1px solid rgba(0,0,0,.12); box-shadow: 0 0 0 0 #fff; }
.color-option input:checked + .color-dot { box-shadow: 0 0 0 2px #1d1f21, 0 0 0 3px #fff; }
.catalog-products-head { margin: 0 0 18px; }
.catalog-products-head h1 { margin: 0; font: 700 29px/1.1 Arial, sans-serif; letter-spacing: -.9px; }
.catalog-intro-banner { display: grid; grid-template-columns: minmax(0, 1fr) 32%; min-height: 216px; margin: 0 0 25px; overflow: hidden; border-radius: 18px; background: #ea8328; color: #fff; }
.catalog-intro-banner-copy { padding: 26px 30px; }
.catalog-intro-banner h2 { margin: 0 0 17px; font: 800 28px/1.28 "DM Sans", Arial, sans-serif; letter-spacing: -.5px; }
.catalog-intro-banner-actions { display: flex; gap: 10px; }
.catalog-intro-banner-actions a { display: flex; width: 172px; align-items: center; justify-content: space-between; padding: 13px; border: 1px solid rgba(255,255,255,.55); border-radius: 11px; background: rgba(255,255,255,.12); color: #fff; font: 800 13px/1 "DM Sans",Arial,sans-serif; }
.catalog-intro-banner-actions a:hover { background: rgba(255,255,255,.22); }
.catalog-intro-banner-actions span { font-size: 18px; }
.catalog-intro-banner img { display: block; width: 100%; height: 100%; min-height: 216px; object-fit: cover; }
.catalog-breadcrumb { display: flex; align-items: center; gap: 8px; margin-top: 13px; color: #777b82; font: 400 12px Arial, sans-serif; }
.catalog-breadcrumb a { color: #2a2d31; }
.catalog-breadcrumb span:first-of-type { color: #a4a7ab; }
.catalog-tools { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 11px 0 17px; margin-bottom: 25px; border-bottom: 1px solid #e8e8e8; color: #74787f; font: 400 12px Arial, sans-serif; }
.catalog-sort { display: flex; align-items: center; gap: 10px; color: #34373c; }
.catalog-sort select { min-width: 155px; height: 34px; padding: 0 31px 0 11px; border: 1px solid #dfe1e3; border-radius: 2px; background: #fff; color: #303338; font: 400 12px Arial, sans-serif; cursor: pointer; }
.catalog-grid.products { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 34px 22px; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.catalog-grid.products::before,.catalog-grid.products::after { display: none !important; }
.catalog-grid.products li.product { float: none !important; width: auto !important; margin: 0 !important; }
.catalog-product-image { position: relative; display: block; aspect-ratio: 1 / 1.08; overflow: hidden; background: #fff; }
.catalog-product-image img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: contain; background: transparent !important; transition: opacity .55s ease, transform .8s ease; }
.catalog-image-secondary { opacity: 0; transform: scale(1); }
.catalog-product-image:hover .catalog-image-primary { opacity: 0; transform: scale(1.02); }
.catalog-product-image:hover .catalog-image-secondary { opacity: 1; transform: scale(1.075); }
.catalog-product-title { display: block; padding-top: 13px; font: 700 13px/1.35 Arial, sans-serif; color: #23252a; }
.catalog-product-card { text-align: center; }
.catalog-product-price { display: block; padding-top: 5px; color: #6d7176; font: 500 12px Arial, sans-serif; }
.catalog-empty { padding: 48px 0; color: #73777d; }
.product-view-notice { position: fixed; z-index: 50; bottom: 24px; left: 24px; display: flex; width: min(290px, calc(100vw - 32px)); align-items: center; gap: 11px; padding: 10px; border: 1px solid #eceef0; border-radius: 12px; background: rgba(255,255,255,.98); box-shadow: 0 10px 28px rgba(23,28,35,.16); opacity: 0; pointer-events: none; transform: translateY(18px); transition: opacity .3s ease, transform .3s ease; }
.product-view-notice.is-visible { opacity: 1; transform: translateY(0); }
.product-view-notice img { width: 54px; height: 54px; flex: 0 0 54px; border-radius: 8px; background: #f5f6f6; object-fit: contain; }
.product-view-notice strong,.product-view-notice span { display: block; }
.product-view-notice strong { margin-bottom: 3px; color: #262b31; font: 700 12px/1.2 Arial,sans-serif; }
.product-view-notice span { color: #697078; font: 400 11px/1.4 Arial,sans-serif; }
@media (max-width: 800px) { .catalog-page { padding-top: 35px; } .catalog-layout { grid-template-columns: 1fr; gap: 32px; } .catalog-sidebar { padding-right: 0; } .catalog-sidebar::after { display: none; } .catalog-sidebar.is-mobile-collapsed .filter-group { display: none; } .catalog-filter-toggle::after { width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; content: ""; transform: rotate(45deg) translateY(-2px); transition: transform .2s; } .catalog-sidebar:not(.is-mobile-collapsed) .catalog-filter-toggle::after { transform: rotate(225deg) translate(-2px,-2px); } .catalog-tools { gap: 14px; align-items: flex-start; flex-direction: column; } .catalog-grid.products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px 12px; } }

@media (max-width: 800px) {
  .site-breadcrumb:has(+ .catalog-page) { margin-bottom: 0; }
  .site-breadcrumb + .catalog-page { padding-top: 16px; }
  .catalog-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 12px; }
  .catalog-products { display: contents; }
  .catalog-products-head { grid-column: 1 / -1; order: 1; margin: 0; }
  .catalog-products-head h1 { font-size: 22px; }
  .catalog-intro-banner { grid-column: 1 / -1; order: 2; grid-template-columns: minmax(0,1fr) 32%; min-height: 180px; margin: 0; }
  .catalog-intro-banner-copy { padding: 18px 16px; }
  .catalog-intro-banner h2 { font-size: 20px; }
  .catalog-intro-banner-actions { flex-direction: column; gap: 6px; }
  .catalog-intro-banner-actions a { width: min(100%, 172px); padding: 8px 10px; font-size: 11px; }
  .catalog-intro-banner img { min-height: 180px; }
  .catalog-sidebar { grid-column: 1; order: 2; }
  .catalog-sidebar:not(.is-mobile-collapsed) { grid-column: 1 / -1; }
  .catalog-tools { grid-column: 2; order: 2; display: flex; min-height: 40px; margin: 0; padding: 0; border: 0; }
  .catalog-tools > span { display: none; }
  .catalog-sort { width: 100%; gap: 7px; font-size: 11px; }
  .catalog-sort select { min-width: 0; width: 100%; height: 40px; font-size: 11px; }
  .catalog-grid.products,.catalog-empty { grid-column: 1 / -1; order: 3; margin-top: 10px !important; }
  .catalog-sidebar-head { min-height: 40px; padding: 0; }
}

/* Product detail */
.product-detail { padding: 0 0 104px; }
.product-social-notice { position: fixed; z-index: 50; bottom: 24px; left: 24px; display: flex; width: min(280px, calc(100vw - 32px)); align-items: center; gap: 11px; padding: 11px; border: 1px solid #eceef0; border-radius: 12px; background: rgba(255,255,255,.98); box-shadow: 0 10px 28px rgba(23,28,35,.16); opacity: 0; pointer-events: none; transform: translateY(18px); transition: opacity .3s ease, transform .3s ease; }
.product-social-notice.is-visible { opacity: 1; transform: translateY(0); }
.product-social-notice i { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 50%; background: #ef7c1b; color: #fff; font-size: 19px; }
.product-social-notice strong,.product-social-notice span { display: block; }
.product-social-notice strong { margin-bottom: 3px; color: #262b31; font: 700 12px/1.2 Arial,sans-serif; }
.product-social-notice span { color: #697078; font: 400 11px/1.4 Arial,sans-serif; }
.product-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 calc(50% - 50vw) 32px; padding: 15px calc(50vw - 50%); background: #fafafa; color: #7b7e84; font: 400 12px Arial, sans-serif; }
.product-breadcrumb a { color: #303338; }.product-breadcrumb strong { color: #202327; font-weight: 600; }
.site-breadcrumb { margin: 0 0 28px; padding: 15px 0; background: #fafafa; color: #7b7e84; font: 400 12px Arial, sans-serif; }.site-breadcrumb .shell { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }.site-breadcrumb a { color: #303338; }.site-breadcrumb strong { color: #202327; font-weight: 600; }
.about-page { padding-bottom: 82px; }.about-intro,.about-story { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(34px,6vw,100px); margin-bottom: 96px; }.about-intro { padding-top: 30px; }.about-media { min-height: 480px; overflow: hidden; border-radius: 3px; background: #f4f5f5; }.about-media img { display: block; width: 100%; height: 100%; min-height: 480px; object-fit: cover; }.about-copy { max-width: 610px; }.about-eyebrow { margin: 0 0 13px; color: #e97820; font: 700 12px/1 Arial,sans-serif; letter-spacing: .1em; }.about-copy h1,.about-copy h2,.about-values h2 { margin: 0 0 25px; color: #20242a; font: 700 clamp(31px,3.1vw,51px)/1.08 "DM Sans",Arial,sans-serif; letter-spacing: -1.8px; }.about-copy p { margin: 0 0 16px; color: #626970; font: 400 15px/1.8 "DM Sans",Arial,sans-serif; }.about-values { padding: 76px 0; background: #f6f7f7; }.about-values h2 { max-width: 620px; font-size: clamp(29px,2.7vw,43px); }.about-values-intro { max-width: 780px; margin: 0 0 38px; color: #626970; font: 400 15px/1.75 "DM Sans",Arial,sans-serif; }.about-value-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; }.about-value-grid article { min-height: 210px; padding: 27px 24px; background: #fff; border: 1px solid #eceeee; }.about-value-grid i { color: #e97820; font-size: 30px; }.about-value-grid h3 { margin: 27px 0 12px; color: #292e34; font: 700 17px/1.2 "DM Sans",Arial,sans-serif; }.about-value-grid p { margin: 0; color: #6b7278; font: 400 13px/1.65 "DM Sans",Arial,sans-serif; }@media(max-width:780px){.about-intro,.about-story{grid-template-columns:1fr;margin-bottom:55px}.about-story .about-media{order:-1}.about-media,.about-media img{min-height:300px}.about-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.about-value-grid{grid-template-columns:1fr}.about-values{padding:52px 0}.about-copy h1,.about-copy h2{letter-spacing:-1px}}
.about-page { overflow: hidden; }.about-intro,.about-story { position: relative; isolation: isolate; }.about-intro::before,.about-story::before { content: ""; position: absolute; z-index: -2; top: -32px; right: -310px; width: 54%; height: calc(100% + 64px); background: url("assets/images/about-blueprint.png") right center/cover no-repeat; opacity: .72; }.about-media { position: relative; z-index: 1; overflow: visible; background: transparent; }.about-media::after { content: ""; position: absolute; top: 10%; right: 270px; width: 1000%; height: 80%; z-index: -1; background-color: #fd8a14; background-image: url("assets/images/about-geometric.png"); background-size: 887px 375px; background-repeat: repeat; background-position: center; background-blend-mode: multiply; }.about-story::before { right: auto; left: -310px; transform: scaleX(-1); }.about-story .about-media::after { right: auto; left: 270px; }.about-media img { position: relative; z-index: 1; object-fit: contain; background: transparent; }.about-copy { position: relative; z-index: 1; }.about-copy h1,.about-copy h2 { font-weight: 800; }.about-eyebrow::after { content: ""; display: inline-block; width: 52px; height: 1px; margin: 0 0 4px 12px; background: currentColor; }@media(max-width:780px){.about-intro::before,.about-story::before{display:none}.about-media::after{right:25%;width:160%;height:86%}.about-story .about-media::after{left:25%;right:auto}.about-media img{object-fit:contain}}

/* Contact page */
#contact-details-title,
#contact-form-title { font-size: 20px; font-weight: 700; }
.contact-page { padding: 16px 0 0; overflow: hidden; background: #fff; }.contact-hero { padding: 42px 0 43px; text-align: center; }.contact-intro { max-width: 650px; margin: auto; }.contact-eyebrow { margin: 0 0 11px; color: #adbf00; font: 800 11px/1 Arial,sans-serif; letter-spacing: .12em; }.contact-intro h1,.contact-details h2,.contact-form-card h2 { margin: 0; color: #173f35; font: 800 clamp(32px,4vw,53px)/1.04 "DM Sans",Arial,sans-serif; letter-spacing: -2px; }.contact-intro > p:last-child { max-width: 550px; margin: 19px auto 0; color: #65726e; font: 400 15px/1.75 "DM Sans",Arial,sans-serif; }.contact-content { display: grid; grid-template-columns: .84fr 1.16fr; gap: 24px; align-items: stretch; padding-bottom: 72px; }.contact-details,.contact-form-card { padding: clamp(27px,4vw,51px); border: 1px solid #dce8df; border-radius: 22px; background: linear-gradient(145deg,#fff 0%,#f8fcf9 100%); }.contact-details h2,.contact-form-card h2 { font-size: clamp(27px,2.5vw,38px); letter-spacing: -1.3px; }.contact-detail-list { display: grid; gap: 12px; margin-top: 32px; }.contact-detail { display: flex; gap: 15px; align-items: flex-start; padding: 17px; border: 1px solid #dce8df; border-radius: 14px; background: #fff; }.contact-detail i { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: #eaf5ed; color: #11705b; font-size: 16px; }.contact-detail span { display: grid; gap: 5px; }.contact-detail small { color: #71807a; font: 600 11px/1.2 "DM Sans",Arial,sans-serif; }.contact-detail strong { color: #174c3e; font: 700 14px/1.55 "DM Sans",Arial,sans-serif; }.contact-detail[href]:hover { border-color: #aacbbb; }.contact-form-card { background: #fff; }.contact-form { display: grid; gap: 16px; margin-top: 24px; }.contact-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.contact-form label { display: grid; gap: 8px; color: #254d43; font: 700 11px/1.2 "DM Sans",Arial,sans-serif; }.contact-form input,.contact-form textarea { width: 100%; border: 1px solid #ccded4; border-radius: 12px; padding: 13px 14px; outline: 0; color: #24483e; background: #fff; font: 400 14px/1.4 "DM Sans",Arial,sans-serif; transition: border-color .2s,box-shadow .2s; }.contact-form input { height: 48px; }.contact-form textarea { min-height: 140px; resize: vertical; }.contact-form input:focus,.contact-form textarea:focus { border-color: #11705b; box-shadow: 0 0 0 3px rgba(17,112,91,.1); }.contact-form button { display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; min-height: 52px; border: 0; border-radius: 999px; background: #126a56; color: #fff; font: 800 12px/1 "DM Sans",Arial,sans-serif; cursor: pointer; transition: background .2s,transform .2s; }.contact-form button:hover { background: #0d5545; transform: translateY(-2px); }.contact-trap { position: absolute !important; left: -9999px; }.contact-notice { margin: 18px 0 -5px; padding: 12px 14px; border-radius: 10px; font: 600 13px/1.45 "DM Sans",Arial,sans-serif; }.contact-notice.is-success { background: #e7f5ec; color: #126a56; }.contact-notice.is-error { background: #fff0ef; color: #a83c35; }.contact-map { width: 100%; height: min(470px,50vw); min-height: 310px; background: #e9efeb; }.contact-map iframe { display: block; width: 100%; height: 100%; border: 0; }@media(max-width:780px){.contact-hero{padding:30px 0 32px;text-align:left}.contact-intro{margin:0}.contact-intro>p:last-child{margin-left:0}.contact-content{grid-template-columns:1fr;padding-bottom:45px}.contact-details,.contact-form-card{padding:25px 20px;border-radius:17px}.contact-form-grid{grid-template-columns:1fr}.contact-map{height:390px}}@media(max-width:420px){.contact-intro h1{letter-spacing:-1.4px}.contact-detail{padding:13px}.contact-detail strong{font-size:13px}}
.about-intro .about-media,.about-intro .about-media img { min-height: 650px; }
.product-detail-layout { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(320px,.92fr); align-items: start; gap: 62px; }
.product-gallery { min-width: 0; background: #fff; }.product-main-image { position: relative; display: grid; place-items: center; width: 100%; height: 620px !important; padding: 0; overflow: hidden; border: 0; background: #fff; cursor: zoom-in; }
.product-main-image #active-product-image { display: block; width: 100% !important; height: 620px !important; max-width: 100% !important; max-height: 620px !important; object-fit: contain !important; object-position: center center; background: #fff; }.product-zoom-icon { position: absolute; top: 16px; right: 16px; display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #fff; color: #202328; font-size: 14px; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.product-thumbnails { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; overflow: hidden; padding: 14px 0 2px; }.product-thumbnail { width: 100%; height: 91px; padding: 3px; border: 1px solid transparent; background: #fafafa; cursor: pointer; }.product-thumbnail:nth-child(n+6) { display: none; }.product-thumbnail.is-active { border-color: #202328; }.product-thumbnail img { width: 100%; height: 100%; object-fit: contain; }
.product-summary { position: sticky; top: 104px; align-self: start; padding: 29px 0 0; }.product-summary h1 { margin: 0 0 18px; color: #202328; font: 700 32px/1.16 Arial, sans-serif; letter-spacing: -.8px; }.product-detail-price { margin-bottom: 22px; font: 700 19px Arial, sans-serif; }.product-short-description { margin-bottom: 30px; color: #686d75; font: 400 14px/1.65 Arial, sans-serif; }.product-short-description p { margin: 0; }
.product-featured-label{display:inline-block;margin:0 0 16px;padding:5px 9px;border-radius:3px;background:#fff0de;color:#d96d09;font:700 10px Arial,sans-serif}.product-option-card{padding:20px;border:1px solid #f1d8ba;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(189,103,13,.05)}.product-option-row{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:14px;margin-bottom:14px}.product-option-row:last-child{margin-bottom:0}.product-option-name{display:flex;align-items:center;gap:12px;color:#3b3027;font:700 15px Arial,sans-serif}.product-option-name i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #f1d4b1;border-radius:11px;background:#fff7ec;color:#e17a16}.product-option-row select{height:58px;padding:0 18px;border:1px solid #efd2ad;border-radius:12px;background:#fff;color:#3d3329;font:15px Arial,sans-serif}.product-buy-row{display:grid;grid-template-columns:175px 1fr;gap:12px;margin-top:20px}.product-quantity{display:grid;grid-template-columns:1fr 1fr 1fr;height:58px;border:1px solid #e0e7e5;border-radius:13px;overflow:hidden}.product-quantity>*{display:grid;place-items:center;border:0;background:#fff;color:#4b6970;font:17px Arial}.product-quantity button+span,.product-quantity span+button{border-left:1px solid #e6ecea}.product-buy-button{border:0;border-radius:2px;background:#bca8dc;color:#fff;font:700 15px Arial,sans-serif}.product-buy-button:disabled{opacity:.78;cursor:not-allowed}
.product-carton-link{display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:14px;margin-top:18px;padding:12px 14px;border:1px solid #efc58f;border-radius:14px;background:#fff8ef;color:#3b3027;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.product-carton-link:hover{border-color:#df862c;box-shadow:0 9px 24px rgba(189,103,13,.12);transform:translateY(-1px)}.product-carton-image{display:grid;place-items:center;width:68px;height:68px;overflow:hidden;border-radius:10px;background:#fff}.product-carton-image img{width:100%;height:100%;object-fit:contain}.product-carton-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px;min-width:0}.product-carton-copy small{flex-basis:100%;color:#9a6c3e;font:600 11px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px}.product-carton-copy strong{font:700 16px/1.25 Arial,sans-serif}.product-carton-copy em{color:#e17a16;font:700 14px/1.25 Arial,sans-serif;font-style:normal}.product-carton-action{display:flex;align-items:center;gap:7px;color:#d66f0d;font:700 13px/1.2 Arial,sans-serif;white-space:nowrap}.product-carton-action i{font-size:11px}
.product-tags{display:flex;align-items:center;gap:34px;margin-top:28px;padding-top:25px;border-top:1px solid #dde6e2}.product-tags strong{color:#253137;font:700 13px Arial,sans-serif}.product-tags>div{display:flex;flex-wrap:wrap;gap:9px}.product-tags span{padding:8px 15px;border:1px solid #dbe5e1;border-radius:18px;color:#6c7978;font:13px Arial,sans-serif}
.product-summary form.cart { margin: 0; }.product-summary .variations { width: 100%; margin: 0 0 22px; border: 0; }.product-summary .variations tr { display: grid; grid-template-columns: 92px 1fr; align-items: center; gap: 12px; margin-bottom: 13px; }.product-summary .variations th,.product-summary .variations td { display: block; padding: 0; text-align: left; }.product-summary .variations label { color: #30343a; font: 600 13px Arial, sans-serif; }.product-summary .variations select { width: 100%; height: 42px; padding: 0 12px; border: 1px solid #dcdfe2; background: #fff; color: #262a2f; }.product-summary .single_add_to_cart_button { height: 44px; padding: 0 28px; border: 0; background: #202328; color: #fff; font-weight: 700; cursor: pointer; }.product-category-label { margin: 28px 0 0; padding-top: 17px; border-top: 1px solid #e7e7e7; color: #777b82; font: 12px Arial, sans-serif; }
.product-detail-tabs { margin-top: 76px; }.product-tab-buttons { display: flex; gap: 58px; border-bottom: 1px solid #e6e7e8; }.product-tab-buttons button { position: relative; padding: 0 0 18px; border: 0; background: transparent; color: #9b9b9d; font: 500 16px/1.2 "DM Sans",Arial,sans-serif; cursor: pointer; }.product-tab-buttons button.is-active { color: #232529; font-weight: 600; }.product-tab-buttons button.is-active::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #202328; }.product-tab-content { display: none; max-width: 790px; padding: 34px 0 0; color: #5d6269; font: 400 14px/1.7 Arial, sans-serif; }.product-tab-content.is-active { display: block; }.product-tab-content p:first-child { margin-top: 0; }.product-tab-content .woocommerce-product-attributes { width: 100%; border-collapse: collapse; }.product-tab-content .woocommerce-product-attributes th,.product-tab-content .woocommerce-product-attributes td { padding: 10px 0; border-bottom: 1px solid #ececed; text-align: left; }
.product-recommendations{margin-top:80px;padding-top:54px;border-top:1px solid #e8e8e8}.product-recommendations-head{margin-bottom:26px}.product-recommendations-head p{margin:0 0 8px;color:#dd7513;font:700 11px/1.2 Arial,sans-serif;letter-spacing:1.3px}.product-recommendations-head h2{margin:0;color:#25282d;font:700 28px/1.2 "DM Sans",Arial,sans-serif}.product-recommendations-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-recommendation-card{position:relative;display:flex;min-width:0;flex-direction:column;color:#292c30;text-decoration:none}.product-recommendation-image{display:block;aspect-ratio:1/1;margin-bottom:14px;overflow:hidden;border-radius:14px;background:#f6f4f1}.product-recommendation-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-recommendation-card:hover .product-recommendation-image img{transform:scale(1.035)}.product-recommendation-copy{display:flex;min-width:0;flex-direction:column;gap:6px;padding-right:30px}.product-recommendation-copy strong{font:700 15px/1.35 "DM Sans",Arial,sans-serif;overflow-wrap:anywhere}.product-recommendation-copy em{color:#dd7513;font:700 14px/1.2 Arial,sans-serif;font-style:normal}.product-recommendation-arrow{position:absolute;right:0;bottom:1px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff3e5;color:#d96f0e;font-size:10px;transition:background .2s ease,color .2s ease}.product-recommendation-card:hover .product-recommendation-arrow{background:#d96f0e;color:#fff}
.product-detail-table { width: 100%; border-collapse: collapse; color: #3b4046; font: 400 14px/1.5 Arial, sans-serif; }.product-detail-table th,.product-detail-table td { padding: 14px 0; border-bottom: 1px solid #e9eaeb; text-align: left; vertical-align: top; }.product-detail-table th { width: 31%; color: #24272b; font-weight: 600; }.product-detail-table td { color: #6d7279; }
.product-image-modal { position: fixed; z-index: 10000; inset: 0; display: none; align-items: center; justify-content: center; padding: 50px 90px; background: rgba(255,255,255,.97); }.product-image-modal.is-open { display: flex; }.product-image-modal img { max-width: min(760px,90vw); max-height: calc(100vh - 100px); object-fit: contain; }.product-modal-close,.product-modal-arrow { position: absolute; display: grid; width: 46px; height: 46px; place-items: center; border: 0; border-radius: 50%; background: #111; color: #fff; font: 300 31px/1 Arial, sans-serif; cursor: pointer; }.product-modal-close { top: 24px; right: 24px; }.product-modal-prev { left: 24px; }.product-modal-next { right: 24px; }
@media (max-width:800px) { .product-detail { padding-top: 24px; }.product-detail-layout { grid-template-columns: 1fr; gap: 20px; }.product-main-image,.product-main-image #active-product-image { height: min(560px,95vw) !important; max-height: min(560px,95vw) !important; }.product-summary { position: static; padding-top: 10px; }.product-summary h1 { font-size: 27px; }.product-detail-tabs { margin-top: 48px; }.product-image-modal { padding: 40px 55px; }.product-modal-arrow { width: 38px; height: 38px; }.product-modal-prev { left: 8px; }.product-modal-next { right: 8px; } }
@media (max-width:800px){.product-recommendations{margin-top:50px;padding-top:36px}.product-recommendations-head h2{font-size:24px}.product-recommendations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.product-recommendation-image{margin-bottom:10px;border-radius:11px}.product-recommendation-copy strong{font-size:14px}}

@media (max-width:800px) {
  .product-detail { width: min(100% - 32px, 1180px); padding: 0 0 58px; overflow: hidden; }
  .product-detail-layout,.product-gallery,.product-summary { min-width: 0; max-width: 100%; }
  .product-main-image,.product-main-image #active-product-image { height: min(340px, 100vw) !important; max-height: min(340px, 100vw) !important; }
  .product-zoom-icon { top: 8px; right: 8px; width: 30px; height: 30px; font-size: 12px; }
  .product-thumbnails { display: flex; gap: 8px; width: 100%; overflow-x: auto; padding: 10px 0 4px; scrollbar-width: none; }
  .product-thumbnails::-webkit-scrollbar { display: none; }
  .product-thumbnail,.product-thumbnail:nth-child(n+6) { display: block; flex: 0 0 58px; width: 58px; height: 58px; }
  .product-summary { padding-top: 4px; }
  .product-summary h1 { margin-bottom: 12px; font-size: 24px; line-height: 1.15; overflow-wrap: anywhere; }
  .product-short-description { margin-bottom: 20px; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
  .product-option-card { padding: 14px; border-radius:14px; }
  .product-option-row { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 8px; margin-bottom: 10px; }
  .product-carton-link { grid-template-columns: 54px 1fr; gap: 10px; padding: 10px; }
  .product-carton-image { width:54px; height:54px; }
  .product-carton-action { grid-column:2; margin-top:-5px; }
  .product-option-name { gap: 8px; font-size: 13px; white-space: nowrap; }
  .product-option-name i { width: 34px; height: 34px; border-radius: 9px; font-size: 13px; }
  .product-option-row select { width: 100%; min-width: 0; height: 48px; padding: 0 10px; border-radius: 10px; font-size: 13px; }
  .product-detail-tabs { margin-top: 34px; }
  .product-detail-tabs.is-mobile-accordion { border-top: 1px solid #e6e7e8; }
  .mobile-product-tab { border-bottom: 1px solid #e6e7e8; }
  .product-detail-tabs.is-mobile-accordion .product-tab-buttons { display: none; }
  .product-detail-tabs.is-mobile-accordion .mobile-product-tab > button { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 17px 8px 17px 0; border: 0; background: transparent; color: #25282d; font-size: 14px; text-align: left; }
  .product-detail-tabs.is-mobile-accordion .mobile-product-tab > button::after { flex: 0 0 14px; width: 14px; height: 14px; content: "⌄"; font: 20px/12px Arial, sans-serif; text-align: center; transform: none; }
  .product-detail-tabs.is-mobile-accordion .mobile-product-tab > button.is-active::after { content: "⌃"; transform: none; }
  .product-detail-tabs.is-mobile-accordion .mobile-product-tab > button.is-active::before { display: none; }
  .product-detail-tabs.is-mobile-accordion .product-tab-content { max-width: none; padding: 0 0 18px; font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
  .product-detail-tabs.is-mobile-accordion .product-tab-content .product-detail-table { font-size: 12px; }
  .product-detail-tabs.is-mobile-accordion .product-tab-content .product-detail-table th,.product-detail-tabs.is-mobile-accordion .product-tab-content .product-detail-table td { width: auto; padding: 10px 0; overflow-wrap: anywhere; }
  .product-image-modal { padding: 40px 55px; }
  .product-modal-arrow { width: 36px; height: 36px; font-size: 25px; }
  .product-modal-prev { left: 16px; }
  .product-modal-next { right: 16px; }
}
.about-intro .about-media,
.about-intro .about-media img {
  height: 550px;
  min-height: 0;
}

/* Sade Hakkımızda yerleşimi. */
.about-page-simple { display: flow-root; padding: 0; overflow: visible; }
.about-page-simple::before,
.about-page-simple::after { content: none; }
.about-page-simple > .about-simple-layout:first-child { margin-top: 0; }
.about-simple-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(42px, 6vw, 94px); margin-bottom: 50px; }
.about-simple-media { position: relative; min-height: 385px; overflow: hidden; border: 7px solid #fff; border-radius: 15px; background: #f5f5f5; box-shadow: 0 9px 22px rgba(31, 38, 44, .12); }
.about-simple-media img { display: block; width: 100%; height: 100%; aspect-ratio: 1.04 / 1; object-fit: cover; will-change: transform; }
.about-simple-media:hover img { animation: about-photo-wiggle .58s ease-in-out both; }
@keyframes about-photo-wiggle { 0%,100% { transform: scale(1); } 25% { transform: scale(1.018) rotate(-.55deg); } 55% { transform: scale(1.022) rotate(.5deg); } 78% { transform: scale(1.014) rotate(-.2deg); } }
@media (prefers-reduced-motion: reduce) { .about-simple-media:hover img { animation: none; } }
.about-simple-copy { max-width: 625px; }
.about-simple-eyebrow { display: flex; align-items: center; gap: 16px; margin: 0 0 14px; color: #ef7c1b; font: 800 12px/1 "DM Sans", Arial, sans-serif; letter-spacing: .14em; }
.about-simple-eyebrow::after { width: 52px; height: 1px; background: currentColor; content: ""; }
.about-simple-copy h1 { margin: 0 0 25px; color: #22272d; font-family: 'Poppins', sans-serif; font-size: clamp(30px, 2.35vw, 42px); font-weight: 600; line-height: 1.04; letter-spacing: -2px; }
.about-simple-copy h1 span { color: #ef7c1b; }
.about-simple-copy p { margin: 0 0 18px; color: #60706d; font: 400 16px/1.95 "DM Sans", Arial, sans-serif; }
.about-simple-layout-reverse { margin-top: 88px; margin-bottom: 50px; }
.about-simple-copy h2 { margin: 0 0 25px; color: #22272d; font-family: 'Poppins', sans-serif; font-size: clamp(30px, 2.35vw, 42px); font-weight: 600; line-height: 1.04; letter-spacing: -2px; }
.about-simple-copy h2 span { color: #ef7c1b; }
.about-simple-button { display: flex; width: fit-content; align-items: center; justify-content: center; min-height: 52px; margin: 16px 0 50px; padding: 0 26px; border-radius: 999px; background: #ef7c1b; color: #fff; font: 700 14px/1 'DM Sans', Arial, sans-serif; transition: background .2s, transform .2s; }
.about-simple-button:hover { background: #cf6510; color: #fff; transform: translateY(-2px); }
@media (max-width: 780px) { .about-page-simple { padding: 0; }.about-page-simple > .about-simple-layout:first-child { margin-top: 0; }.about-simple-layout { grid-template-columns: 1fr; gap: 30px; }.about-simple-layout-reverse { margin-top: 54px; margin-bottom: 54px; }.about-simple-media img { aspect-ratio: 1.25 / 1; }.about-simple-copy h1 { font-size: 35px; }.about-simple-copy p { font-size: 15px; line-height: 1.8; } }

.about-values {
  display: none;
}

.values-page { overflow: hidden; }
.values-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); align-items: center; gap: 70px; min-height: 600px; }
.values-hero::before { content: ""; position: absolute; top: 10%; right: 270px; width: 1000%; height: 80%; z-index: -1; background-color: #fd8a14; background-image: url("assets/images/about-geometric.png"); background-size: 887px 375px; background-repeat: repeat; background-position: center; }
.values-media { position: relative; height: 550px; z-index: 1; }
.values-media img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; }
.values-copy h1 { margin: 0 0 32px; font-size: clamp(32px, 3.3vw, 54px); line-height: 1.04; color: #1d222a; }
.values-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.values-grid article { position: relative; padding: 18px 0 0; }
.values-grid i { color: #f58220; font-size: 33px; }
.values-grid h2 { margin: 16px 0 12px; font-size: 18px; letter-spacing: .02em; color: #20242b; }
.values-grid p,.values-quality p { margin: 0; color: #646c76; font-size: 15px; line-height: 1.75; }
.values-quality { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(240px, .55fr); gap: 70px; margin-top: 72px; padding: 58px; border: 1px solid #edf0f2; border-radius: 3px; background: #fff; }
.values-quality h2 { margin: 0 0 22px; color: #1d222a; font-size: clamp(27px, 2.5vw, 42px); }
.values-quality p + p { margin-top: 15px; }
.values-quality-art { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px; min-height: 280px; color: #f58220; border-left: 1px solid #eceff1; text-align: center; }
.values-quality-art i { font-size: 80px; }
.values-quality-art span { color: #252a31; font-weight: 700; font-size: 17px; }

@media (max-width: 780px) {
  .values-page { padding-top: 28px; }
  .values-hero,.values-quality { display: block; min-height: 0; }
  .values-hero::before { right: 40%; height: 48%; }
  .values-media { height: 340px; }
  .values-copy h1 { margin-top: 15px; }
  .values-grid { grid-template-columns: 1fr; gap: 16px; }
  .values-quality { margin-top: 38px; padding: 30px 22px; }
  .values-quality-art { margin-top: 30px; padding-top: 28px; border-left: 0; border-top: 1px solid #eceff1; min-height: 160px; }
}

/* Değerlerimiz: daha sakin, kart temelli düzen. */
.values-page { background: #fff; }
.values-hero { grid-template-columns: minmax(360px, .78fr) minmax(0, 1.22fr); gap: 78px; min-height: 620px; }
.values-hero::before { top: 14%; right: 56%; width: 55vw; height: 72%; border-radius: 0 30px 30px 0; background-color: #fd8a14; background-image: url("assets/images/about-geometric.png"); background-size: 887px 375px; background-repeat: repeat; background-position: center; background-blend-mode: multiply; }
.values-media { height: 590px; display: flex; align-items: flex-end; justify-content: center; }
.values-media img { max-width: 88%; filter: drop-shadow(0 22px 20px rgba(22, 31, 40, .14)); }
.values-copy { padding: 30px 0; }
.values-copy .about-eyebrow { color: #ed7a19; font-weight: 800; letter-spacing: .12em; }
.values-copy h1 { max-width: 570px; margin: 8px 0 17px; color: #20242a; font-size: clamp(32px, 3vw, 46px); letter-spacing: -.045em; line-height: 1.05; }
.values-lead { max-width: 520px; margin: 0 0 32px; color: #6d737b; font-size: 17px; line-height: 1.55; }
.values-grid { gap: 14px; }
.values-grid article { min-height: 267px; padding: 25px 25px 22px; border: 1px solid #f1e5db; border-radius: 16px; background: #fffaf6; transition: transform .25s ease, box-shadow .25s ease; }
.values-grid article:nth-child(2) { border-color: #252a31; background: #252a31; }
.values-grid article:hover { transform: translateY(-5px); box-shadow: 0 14px 28px rgba(27, 32, 39, .12); }
.values-card-top { display: flex; align-items: center; justify-content: space-between; }
.values-card-top i { color: #ed7a19; font-size: 24px; }
.values-card-top span { color: #d6b79d; font-size: 13px; font-weight: 800; letter-spacing: .1em; }
.values-grid h2 { margin: 20px 0 12px; color: #20242a; font-size: 21px; text-transform: none; }
.values-grid p { color: #69717b; font-size: 14px; line-height: 1.64; }
.values-grid article:nth-child(2) h2 { color: #fff; }
.values-grid article:nth-child(2) p { color: rgba(255,255,255,.72); }
.values-quality { grid-template-columns: minmax(0, 1fr) 225px; gap: 58px; margin-top: 90px; padding: 58px 64px; border: 0; border-radius: 18px; background: #f7f8f8; }
.values-quality .about-eyebrow { color: #ed7a19; font-weight: 800; }
.values-quality h2 { margin-bottom: 26px; font-size: clamp(29px, 3vw, 47px); letter-spacing: -.04em; }
.values-quality p { max-width: 820px; color: #646c75; }
.values-quality-art { min-height: auto; color: #ed7a19; border-left: 1px solid #e2e4e5; }
.values-quality-art i { font-size: 65px; }

@media (max-width: 780px) {
  .values-page { padding-top: 34px; }
  .values-hero { display: flex; flex-direction: column; gap: 15px; }
  .values-hero::before { top: 5%; right: 13%; width: 87%; height: 315px; border-radius: 24px; }
  .values-media { width: 100%; height: 345px; }
  .values-media img { max-width: 86%; }
  .values-copy { padding: 14px 0 0; }
  .values-copy h1 { font-size: 34px; }
  .values-grid article { min-height: 0; }
  .values-quality { padding: 32px 25px; margin-top: 52px; border-radius: 14px; }
}

/* Değerlerimiz sayfa düzeni */
.values-overview { display: grid; grid-template-columns: minmax(260px, .78fr) minmax(0, 1.22fr); gap: 64px; align-items: end; }
.values-heading { padding-bottom: 2px; }
.values-heading .about-eyebrow,.values-quality-copy .about-eyebrow { margin: 0 0 11px; color: #ee7c1c; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.values-heading h1 { margin: 0; color: #22272d; font-size: clamp(36px, 3.25vw, 56px); line-height: .97; letter-spacing: -.065em; }
.values-heading h1 em { color: #ef7c1b; font-style: normal; }
.values-heading > p:last-child { max-width: 310px; margin: 18px 0 0; color: #777f88; font-size: 14px; line-height: 1.55; }
.values-overview .values-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.values-overview .values-grid article { min-height: 294px; padding: 28px; border: 1px solid #f2e6dc; border-radius: 12px; background: #fffdfb; box-shadow: 0 8px 22px rgba(27, 34, 41, .06); }
.values-overview .values-grid article:nth-child(2) { border-color: #20242a; background: #20242a; }
.values-card-top { display: flex; align-items: center; justify-content: space-between; }
.values-card-top i { color: #ed7a19; font-size: 22px; }
.values-card-top span { color: #dcae8b; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.values-overview .values-grid h2 { margin: 23px 0 13px; color: #22272d; font-size: 19px; }
.values-overview .values-grid p { margin: 0; color: #717982; font-size: 13px; line-height: 1.66; }
.values-overview .values-grid article:nth-child(2) h2 { color: #fff; }
.values-overview .values-grid article:nth-child(2) p { color: rgba(255,255,255,.72); }
.values-principles { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 64px; padding: 21px 15px; border: 1px solid #f0f1f2; border-radius: 12px; box-shadow: 0 8px 22px rgba(24, 30, 36, .035); }
.values-principles article { padding: 3px 28px; text-align: center; border-right: 1px solid #ebeef0; }
.values-principles article:last-child { border: 0; }
.values-principles i { color: #ed7a19; font-size: 21px; }
.values-principles h2 { margin: 8px 0 3px; color: #282d33; font-size: 12px; }
.values-principles p { margin: 0; color: #88909a; font-size: 10px; line-height: 1.35; }
.values-quality { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .92fr); gap: 70px; margin-top: 70px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.values-quality h2 { margin: 0 0 22px; color: #20252c; font-size: clamp(21px, 1.75vw, 29px); letter-spacing: -.035em; line-height: 1.03; }
.values-quality h2 { color: #22272d; font-family: 'Poppins', sans-serif; font-size: clamp(30px, 2.35vw, 42px); font-weight: 600; line-height: .97; letter-spacing: -.065em; }
.values-quality h2 span { color: #ef7c1b; }
.values-quality p { color: #69717a; font-size: 13px; line-height: 1.63; }
.values-quality p + p { margin-top: 11px; }
.values-quality-visual { position: relative; min-height: 385px; overflow: hidden; border: 7px solid #fff; border-radius: 15px; background: linear-gradient(135deg, rgba(250,205,162,.6), rgba(252,248,238,.85)), url("assets/images/about-geometric.png") center/cover; box-shadow: 0 9px 22px rgba(31, 38, 44, .12); }
.values-quality-visual::before { content: ""; position: absolute; inset: 0; background: linear-gradient(145deg, rgba(255,255,255,.45), transparent 50%, rgba(239,124,27,.2)); }
.quality-mark { position: absolute; right: 20px; bottom: 18px; display: flex; align-items: center; gap: 10px; padding: 15px 18px; color: #252a30; border-radius: 10px; background: #fff; box-shadow: 0 8px 18px rgba(27,32,37,.12); font-size: 13px; line-height: 1.25; }
.quality-mark i { color: #ed7a19; font-size: 27px; }
.values-banner { position: relative; min-height: 410px; margin-top: 92px; overflow: hidden; background: #fd8a14 url("assets/images/about-geometric.png") center/887px 375px repeat; }
.values-banner .shell { position: relative; height: 410px; }
.values-banner img { position: absolute; right: 10%; bottom: 0; max-width: 420px; max-height: 470px; object-fit: contain; object-position: bottom; filter: drop-shadow(0 18px 17px rgba(47, 40, 23, .22)); }

@media (max-width: 780px) {
  .values-page { padding-top: 34px; }
  .values-overview { display: block; }
  .values-heading { padding-bottom: 26px; }
  .values-heading h1 { font-size: 39px; }
  .values-overview .values-grid { grid-template-columns: 1fr; }
  .values-overview .values-grid article { min-height: 0; }
  .values-principles { grid-template-columns: repeat(2, 1fr); gap: 20px 0; margin-top: 40px; }
  .values-principles article:nth-child(2) { border-right: 0; }
  .values-principles article:nth-child(-n+2) { border-bottom: 1px solid #ebeef0; padding-bottom: 18px; }
  .values-quality { display: block; margin-top: 46px; }
  .values-quality-visual { min-height: 260px; margin-top: 28px; }
  .values-banner { min-height: 290px; margin-top: 58px; }
  .values-banner .shell { height: 290px; }
  .values-banner img { right: 4%; max-width: 290px; max-height: 335px; }
}

/* Üst alan: ekip görseli solda, içerik sağda. */
.values-overview { position: relative; isolation: isolate; grid-template-columns: minmax(360px, .84fr) minmax(0, 1.16fr); min-height: 535px; align-items: center; gap: 66px; }
.values-overview::before { content: ""; position: absolute; top: 11%; right: 55%; width: 100vw; height: 79%; z-index: -1; background: #fd8a14 url("assets/images/about-geometric.png") center/887px 375px repeat; }
.values-overview .values-media { position: relative; height: 535px; z-index: 1; display: flex; align-items: end; justify-content: center; }
.values-overview .values-media img { width: 100%; max-width: 450px; height: 100%; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 18px 17px rgba(47, 40, 23, .2)); }
.values-overview .values-copy { padding: 38px 0; }
.values-overview .values-heading { padding: 0 0 24px; }
.values-overview .values-heading h1 { font-size: clamp(30px, 2.35vw, 42px); }
.values-overview .values-heading > p:last-child { margin-top: 12px; }
.values-overview .values-grid article { min-height: 0; padding: 23px 25px; }
.values-overview .values-grid p { font-size: 12px; line-height: 1.58; }

@media (max-width: 780px) {
  .values-overview { display: flex; flex-direction: column; gap: 0; min-height: 0; }
  .values-overview::before { top: 7%; right: 0; width: 100%; height: 300px; }
  .values-overview .values-media { height: 355px; width: 100%; }
  .values-overview .values-media img { max-width: 310px; }
  .values-overview .values-copy { padding: 26px 0 0; }
  .values-overview .values-heading h1 { font-size: 37px; }
}

/* Hakkımızda sayfasındaki ana yerleşim aynen kullanılır. */
.about-intro.values-overview { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(34px, 6vw, 100px); min-height: 0; }
.about-intro.values-overview::before { display: block; top: -32px; right: -310px; width: 54%; height: calc(100% + 64px); background: url("assets/images/about-blueprint.png") right center/cover no-repeat; opacity: .72; }
.about-intro.values-overview > .values-media { height: 550px; }
.about-intro.values-overview > .values-media img { max-width: none; }
.about-intro.values-overview > .values-copy { padding: 0; }
.about-intro.values-overview::after { display: none; }
.about-intro.values-overview + .values-principles { margin-top: 0; }
.about-intro.values-overview::before { display: none; }
.about-intro.values-overview > .values-overview-visual { align-self: stretch; min-height: 550px; height: 550px; }

@media (max-width: 780px) {
  .about-intro.values-overview { display: grid; gap: 30px; }
  .about-intro.values-overview::before { display: none; }
  .about-intro.values-overview > .values-media { height: 300px; }
  .about-intro.values-overview > .values-overview-visual { min-height: 300px; height: 300px; }
}

.values-overview .values-heading h1 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}

.values-quality {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.values-quality-visual {
  background: #f5f5f5;
}

.values-quality-visual::before {
  display: none;
}

.values-quality-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}
.values-quality-visual:hover img { animation: about-photo-wiggle .58s ease-in-out both; }

.atelier-page { padding: 58px 0 82px; }
.atelier-heading { max-width: 620px; margin: 0 auto 38px; text-align: center; }
.atelier-heading .about-eyebrow { margin-bottom: 10px; }
.atelier-heading h1 { margin: 0; color: #23282f; font-family: 'Poppins', sans-serif; font-size: clamp(30px, 2.35vw, 42px); font-weight: 600; line-height: 1.05; letter-spacing: -.05em; }
.atelier-heading > p:last-child { max-width: 500px; margin: 17px auto 0; color: #747b84; font-size: 15px; line-height: 1.6; }
.atelier-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; }
.atelier-grid figure { margin: 0; aspect-ratio: .84; overflow: hidden; background: #eef0f1; }
.atelier-grid img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.atelier-grid figure:hover img { transform: scale(1.055); }
.editorial-large video { display: block; width: 100%; height: 100%; object-fit: cover; }
.blog-page { padding: 58px 0 82px; }
.blog-layout { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 48px; align-items: start; }
.blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 20px; }
.blog-card-image { position: relative; display: block; aspect-ratio: 1.38; overflow: hidden; border-radius: 5px; background: #edf0ef; }
.blog-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.blog-card-image:hover img { transform: scale(1.045); }
.blog-card-image span { position: absolute; left: 10px; bottom: 10px; padding: 5px 10px; color: #fff; border-radius: 999px; background: #a9c000; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.blog-meta { display: flex; align-items: center; gap: 10px; margin: 13px 0 9px; color: #9aa5a5; font-size: 11px; }
.blog-meta span::before { content: '◦'; margin-right: 10px; color: #b8c968; }
.blog-card h2 { margin: 0; font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: 600; line-height: 1.3; }
.blog-card h2 a { color: #056251; }
.blog-sidebar { padding: 24px; border: 1px solid #e7ebe6; border-radius: 28px; }
.blog-search { display: flex; align-items: center; gap: 10px; padding: 4px 7px 4px 15px; border-radius: 999px; background: #f7f8f4; }
.blog-search input { width: 100%; min-width: 0; padding: 10px 0; border: 0; outline: 0; background: transparent; color: #576061; font: 13px 'Poppins', sans-serif; }
.blog-search button { border: 0; padding: 8px 11px; color: #1a2626; background: transparent; font-size: 11px; font-weight: 700; cursor: pointer; }
.blog-widget { padding: 29px 0; border-bottom: 1px solid #e7ebe6; }
.blog-widget:last-child { border-bottom: 0; padding-bottom: 4px; }
.blog-widget h2 { margin: 0 0 17px; color: #056251; font: 600 14px 'Poppins', sans-serif; }
.blog-widget ul { margin: 0; padding: 0; list-style: none; }
.blog-widget li + li { margin-top: 14px; }
.blog-widget li:has(a[href*="category=uncategorized"]) { display: none; }
.blog-widget li a { display: flex; justify-content: space-between; color: #606969; font-size: 12px; }
.blog-widget li a::before { content: '›'; margin-right: 10px; color: #a9c000; font-size: 17px; line-height: 10px; }
.blog-widget li a small { margin-left: auto; color: #a4adad; }
.blog-recent { display: grid; gap: 15px; }
.blog-recent a { display: grid; grid-template-columns: 62px 1fr; gap: 12px; align-items: center; color: #384341; }
.blog-recent img { width: 62px; height: 62px; border-radius: 4px; object-fit: cover; }
.blog-recent strong { display: block; font: 600 12px/1.3 'Poppins', sans-serif; }
.blog-recent small { display: block; margin-top: 4px; color: #96a09f; font-size: 11px; }
.blog-widget > p { margin: 0; color: #94a09f; font-size: 12px; }
.blog-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.blog-tags span { padding: 6px 10px; border: 1px solid #dfe5df; border-radius: 999px; color: #62706e; font-size: 11px; }
.blog-empty { margin: 0; color: #75807f; }
.blog-single { padding: 25px; border: 1px solid #e7ebe6; border-radius: 22px; }
.blog-single-category { display: inline-block; padding: 5px 10px; color: #fff; border-radius: 999px; background: #a9c000; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.blog-single h1 { margin: 15px 0 11px; color: #056251; font-family: 'Poppins', sans-serif; font-size: 30px; font-weight: 600; line-height: 1.12; letter-spacing: -.05em; }
.blog-single-image { display: block; width: 100%; max-height: 560px; margin: 22px 0; border-radius: 13px; object-fit: cover; }
.blog-content { color: #303b40; font-size: 14px; line-height: 1.85; }
.blog-content p { margin: 0 0 17px; }
.blog-content strong { font-weight: 700; }
@media (max-width: 780px) {
  .blog-page { padding: 32px 0 56px; }
  .blog-layout { grid-template-columns: 1fr; gap: 35px; }
  .blog-grid { grid-template-columns: 1fr; gap: 34px; }
  .blog-sidebar { border-radius: 20px; }
  .blog-single { padding: 19px; border-radius: 16px; }
  .blog-single-image { margin: 18px 0; }
}
@media (max-width: 780px) {
  .atelier-page { padding: 34px 0 56px; }
  .atelier-heading { margin-bottom: 27px; }
  .atelier-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
}

@media (max-width: 780px) {
  .about-intro .about-media,
  .about-intro .about-media img {
    min-height: 300px;
  }
}

@media (max-width: 780px) {
  .about-page-simple .about-simple-media { min-height: 0; aspect-ratio: 1.5 / 1; }
  .about-page-simple .about-simple-media img { height: 100%; aspect-ratio: auto; object-fit: cover; }
  .about-intro.values-overview { grid-template-columns: 1fr; }
  .about-intro.values-overview > .values-overview-visual { display: none; }
  .values-quality .values-quality-visual { min-height: 0; aspect-ratio: 1.5 / 1; }
  .values-quality .values-quality-visual img { height: 100%; object-fit: cover; }
}

/* Contact page accent colour */
.contact-page .contact-eyebrow { color: #e78a36; }
.contact-page .contact-detail i { background: #fce9da; color: #e78a36; }
.contact-page .contact-detail strong { color: #e78a36; }
.contact-page .contact-form input:focus,
.contact-page .contact-form textarea:focus { border-color: #e78a36; box-shadow: 0 0 0 3px rgba(231,138,54,.14); }
.contact-page .contact-form button { background: #e78a36; }
.contact-page .contact-form button:hover { background: #cc742a; }
.contact-page .contact-notice.is-success { background: #fce9da; color: #c86e24; }

/* Blog page accent colour */
.blog-card-image span,
.blog-single-category { background: #e78a36; }
.blog-widget li a::before { color: #e78a36; }
.blog-single h1,
.blog-widget h2 { color: #e78a36; }

/* MSDS document centre */
.site-header.site-header { background: #e78a36 !important; border-bottom: 1px solid #e78a36; }
.site-footer.site-footer { background: #20242a !important; }
.footer-main { background: #e78a36 !important; }
.footer-column a { color: #ffffff !important; }
.footer-column a:hover { color: #e8c123 !important; }
.site-breadcrumb:has(+ .msds-page) { margin-bottom: 0; }
.msds-page { padding: 0 0 92px; background: #fff; }
.msds-hero.shell { position: relative; width: 100%; max-width: none; margin: 0; overflow: hidden; padding: clamp(46px, 7vw, 90px) max(24px, calc((100% - 1180px) / 2)); background: var(--msds-hero-bg, #20242a); color: #fff; }
.msds-hero::after { content: "MSDS"; position: absolute; right: -16px; bottom: -54px; color: rgba(255,255,255,.045); font: 800 clamp(120px, 20vw, 310px)/1 'Poppins', Arial, sans-serif; letter-spacing: -.1em; pointer-events: none; }
.msds-eyebrow { display: flex; align-items: center; gap: 14px; margin: 0 0 15px; color: #ef7c1b; font: 800 12px/1 'DM Sans',Arial,sans-serif; letter-spacing: .14em; }.msds-eyebrow::after { content: ''; width: 54px; height: 1px; background: currentColor; }
.msds-hero h1 { position: relative; z-index: 1; margin: 0 0 20px; font: 600 clamp(42px,5vw,75px)/.98 'Poppins',Arial,sans-serif; letter-spacing: -3px; }.msds-hero h1 span { color: #ef7c1b; }.msds-hero > p:last-child { position: relative; z-index: 1; max-width: 630px; margin: 0; color: #d0d4d6; font: 400 16px/1.85 'DM Sans',Arial,sans-serif; }
.msds-library { padding-top: clamp(48px,6vw,82px); }.msds-library-head { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:28px; }.msds-library-head p { margin:0 0 10px; color:#ef7c1b; font:800 12px/1 'DM Sans',Arial,sans-serif; letter-spacing:.14em; }.msds-library-head h2 { margin:0; color:#20242a; font:600 clamp(28px,3vw,42px)/1.08 'Poppins',Arial,sans-serif; letter-spacing:-2px; }.msds-library-head > span { padding:9px 13px; border-radius:99px; background:#f4f5f5; color:#24282c; font:700 13px/1 'DM Sans',Arial,sans-serif; white-space:nowrap; }
.msds-tabs { display:flex; flex-wrap:wrap; gap:9px; padding-bottom:22px; margin-bottom:27px; border-bottom:1px solid #e6e7e7; }.msds-tabs button { flex:0 0 auto; padding:11px 17px; border:1px solid #e1e3e3; border-radius:999px; background:#fff; color:#30353a; font:700 13px/1 'DM Sans',Arial,sans-serif; cursor:pointer; transition:.2s; }.msds-tabs button:hover,.msds-tabs button.is-active { border-color:#ef7c1b; background:#ef7c1b; color:#fff; }
.msds-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }.msds-card { display:grid; grid-template-columns:64px 1fr; gap:16px; align-items:center; min-height:154px; padding:18px; border:1px solid #e5e7e7; background:#fff; transition:transform .2s,box-shadow .2s,border-color .2s; }.msds-card:hover { transform:translateY(-3px); border-color:#ef7c1b; box-shadow:0 12px 28px rgba(32,36,42,.1); }.msds-card-icon { width:64px; height:76px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#f5f5f4; color:#ef7c1b; font-size:27px; }.msds-card-icon img { width:100%; height:100%; object-fit:contain; }.msds-card-copy { min-width:0; }.msds-card-copy span { color:#ef7c1b; font:500 10px/1 'DM Sans',Arial,sans-serif; letter-spacing:.12em; }.msds-card-copy h3 { margin:7px 0 6px; color:#22272d; font:600 18px/1.2 'Poppins',Arial,sans-serif; }.msds-card-copy p { margin:0; color:#748078; font:400 12px/1.5 'DM Sans',Arial,sans-serif; }.msds-card a,.msds-card a b { grid-column:2; display:flex; align-items:center; gap:8px; width:max-content; color:#20242a; font:500 12px/1 'DM Sans',Arial,sans-serif; }.msds-card a i { color:#ef7c1b; }.msds-card a:hover { color:#ef7c1b; }.msds-empty,.msds-no-results { margin:25px 0; padding:26px; background:#f7f7f6; color:#66706e; font:400 15px/1.6 'DM Sans',Arial,sans-serif; text-align:center; }
.msds-card[hidden] { display: none !important; }
.msds-card { position: relative; cursor: pointer; }
.msds-card a::before { position: absolute; z-index: 1; inset: 0; content: ''; }
.msds-card a i,
.msds-card a b { position: relative; z-index: 2; }
.product-summary h1.product-detail-title { display: flex; flex-direction: column; gap: 6px; }
.product-summary .product-base-title { display: block; }
.product-summary .product-variation-title { display: block; color: #6d747b; font: 500 18px/1.3 'DM Sans', Arial, sans-serif; letter-spacing: 0; }
.product-tab-content#product-description,
.product-tab-content#product-description p,
.product-tab-content#product-description span { font-weight: 400 !important; }

/* Frequently asked questions */
.faq-page { padding: 0 0 92px; }.faq-hero { padding:clamp(52px,7vw,88px) 0 clamp(45px,6vw,76px); text-align:center; }.faq-eyebrow { display:flex; align-items:center; justify-content:center; gap:13px; margin:0 0 14px; color:#ef7c1b; font:800 12px/1 'DM Sans',Arial,sans-serif; letter-spacing:.14em; }.faq-eyebrow::before,.faq-eyebrow::after{width:45px;height:1px;background:currentColor;content:''}.faq-hero h1{margin:0 0 18px;color:#20242a;font:600 clamp(38px,4.4vw,64px)/1 'Poppins',Arial,sans-serif;letter-spacing:-3px}.faq-hero h1 span{color:#ef7c1b}.faq-hero>p:last-child{max-width:590px;margin:auto;color:#6c7675;font:400 16px/1.8 'DM Sans',Arial,sans-serif}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}.faq-item{border-bottom:1px solid #dfe2e1}.faq-item button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;border:0;background:transparent;color:#20242a;font:600 16px/1.35 'Poppins',Arial,sans-serif;text-align:left;cursor:pointer}.faq-item button i{flex:0 0 auto;color:#ef7c1b;font-size:14px;transition:transform .2s}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.faq-answer p{overflow:hidden;margin:0;color:#697372;font:400 14px/1.75 'DM Sans',Arial,sans-serif}.faq-item.is-open .faq-answer{grid-template-rows:1fr}.faq-item.is-open .faq-answer p{padding:0 36px 22px 0}.faq-item.is-open button i{transform:rotate(45deg)}@media(max-width:720px){.faq-page{padding-bottom:60px}.faq-hero{text-align:left}.faq-eyebrow{justify-content:flex-start}.faq-hero h1{letter-spacing:-2px}.faq-list{grid-template-columns:1fr}.faq-item button{font-size:15px}}

/* Customer service */
.customer-service-page{padding:0 0 92px}.customer-service-hero{padding:clamp(58px,8vw,110px) 0 clamp(44px,6vw,72px);text-align:center}.customer-service-eyebrow{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 0 14px;color:#ef7c1b;font:800 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.14em}.customer-service-eyebrow::before,.customer-service-eyebrow::after{width:46px;height:1px;background:currentColor;content:''}.customer-service-hero h1{max-width:730px;margin:0 auto 20px;color:#20242a;font:600 clamp(38px,4.3vw,63px)/1.05 'Poppins',Arial,sans-serif;letter-spacing:-3px}.customer-service-hero h1 span{color:#ef7c1b}.customer-service-hero>p:last-child{max-width:630px;margin:auto;color:#697372;font:400 16px/1.85 'DM Sans',Arial,sans-serif}.customer-service-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.customer-service-options article{min-height:300px;padding:30px;background:#f6f7f6;border:1px solid #e7e9e8}.customer-service-options>article>i{display:grid;width:46px;height:46px;place-items:center;margin-bottom:30px;background:#20242a;color:#ef7c1b;font-size:18px}.customer-service-options p{margin:0 0 10px;color:#ef7c1b;font:800 10px/1 'DM Sans',Arial,sans-serif;letter-spacing:.13em}.customer-service-options h2{margin:0 0 13px;color:#20242a;font:600 24px/1.13 'Poppins',Arial,sans-serif;letter-spacing:-1px}.customer-service-options span{display:block;min-height:67px;color:#6e7876;font:400 14px/1.7 'DM Sans',Arial,sans-serif}.customer-service-options a{display:flex;align-items:center;gap:10px;width:max-content;margin-top:22px;color:#20242a;font:600 13px/1 'DM Sans',Arial,sans-serif}.customer-service-options a i{color:#ef7c1b;transition:transform .2s}.customer-service-options a:hover i{transform:translateX(4px)}@media(max-width:720px){.customer-service-page{padding-bottom:60px}.customer-service-hero{text-align:left}.customer-service-eyebrow{justify-content:flex-start}.customer-service-hero h1{margin-left:0;letter-spacing:-2px}.customer-service-options{grid-template-columns:1fr}.customer-service-options article{min-height:0}.customer-service-options span{min-height:0}}

/* Dealership and sales locations */
.dealer-page,.locations-page{padding:0 0 92px}.dealer-hero,.locations-hero{padding:clamp(58px,8vw,105px) 0 52px;text-align:center}.dealer-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 14px;color:#ef7c1b;font:800 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.14em}.dealer-eyebrow::before,.dealer-eyebrow::after{width:46px;height:1px;background:currentColor;content:''}.dealer-hero h1,.locations-hero h1{max-width:780px;margin:0 auto 20px;color:#20242a;font:600 clamp(38px,4.3vw,63px)/1.05 'Poppins',Arial,sans-serif;letter-spacing:-3px}.dealer-hero h1 span,.locations-hero h1 span{color:#ef7c1b}.dealer-hero>p:last-child,.locations-hero>p:last-child{max-width:640px;margin:auto;color:#697372;font:400 16px/1.85 'DM Sans',Arial,sans-serif}.dealer-layout,.locations-panel{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);background:#f6f7f6}.dealer-benefits{padding:clamp(30px,4vw,62px);background:#20242a;color:#fff}.dealer-benefits>p,.locations-info>p{margin:0 0 13px;color:#ef7c1b;font:800 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:.14em}.dealer-benefits h2,.locations-info h2{margin:0 0 24px;font:600 clamp(27px,2.6vw,39px)/1.12 'Poppins',Arial,sans-serif;letter-spacing:-1.8px}.dealer-benefits ul{display:grid;gap:17px;margin:0;padding:0;list-style:none;color:#dce0e1;font:400 14px/1.6 'DM Sans',Arial,sans-serif}.dealer-benefits li{display:flex;gap:10px}.dealer-benefits li i{color:#ef7c1b}.dealer-form{padding:clamp(30px,4vw,62px);background:#fff}.dealer-form h2{margin:0 0 25px;color:#20242a;font:600 29px/1 'Poppins',Arial,sans-serif;letter-spacing:-1px}.dealer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dealer-form label{color:#4e5958;font:600 12px/1 'DM Sans',Arial,sans-serif}.dealer-form input,.dealer-form textarea{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #dce1df;background:#fff;color:#20242a;font:400 14px 'DM Sans',Arial,sans-serif}.dealer-wide{grid-column:1/-1}.dealer-form button{margin-top:20px;padding:14px 20px;border:0;background:#ef7c1b;color:#fff;font:700 13px 'DM Sans',Arial,sans-serif;cursor:pointer}.dealer-form button i{margin-left:8px}.contact-honeypot{position:absolute!important;left:-9999px}.locations-map{display:flex;min-height:360px;align-items:center;justify-content:center;flex-direction:column;padding:40px;background:#20242a;color:#fff;text-align:center}.locations-map>i{margin-bottom:18px;color:#ef7c1b;font-size:42px}.locations-map h2{margin:0 0 12px;font:600 clamp(27px,2.6vw,38px)/1.1 'Poppins',Arial,sans-serif;letter-spacing:-1.5px}.locations-map p{max-width:400px;margin:0;color:#d2d7d7;font:400 14px/1.75 'DM Sans',Arial,sans-serif}.locations-map a,.locations-info a{display:flex;align-items:center;gap:9px;width:max-content;margin-top:25px;color:#fff;font:600 13px 'DM Sans',Arial,sans-serif}.locations-map a i,.locations-info a i{color:#ef7c1b}.locations-info{display:flex;justify-content:center;flex-direction:column;padding:clamp(35px,5vw,78px);background:#f6f7f6}.locations-info span{max-width:460px;color:#697372;font:400 15px/1.8 'DM Sans',Arial,sans-serif}.locations-info a{color:#20242a}@media(max-width:720px){.dealer-page,.locations-page{padding-bottom:60px}.dealer-hero,.locations-hero{text-align:left}.dealer-eyebrow{justify-content:flex-start}.dealer-hero h1,.locations-hero h1{margin-left:0;letter-spacing:-2px}.dealer-layout,.locations-panel{grid-template-columns:1fr}.dealer-form-grid{grid-template-columns:1fr}.dealer-benefits,.dealer-form,.locations-info{padding:30px}.locations-map{min-height:300px}}
.marketplace-section{padding:15px 0 64px}.marketplace-heading{text-align:center;margin:0 0 32px}.marketplace-heading p{margin:0 0 12px;color:#ef7c1b;font:800 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:.14em}.marketplace-heading h2{margin:0;color:#20242a;font:600 clamp(30px,3vw,44px)/1.1 'Poppins',Arial,sans-serif;letter-spacing:-2px}.marketplace-heading h2 span{color:#ef7c1b}.marketplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.marketplace-card{position:relative;display:grid;grid-template-columns:68px 1fr;gap:0 16px;align-items:center;min-height:124px;padding:20px;border:1px solid #e1e4e3;background:#fff;transition:.2s}.marketplace-card:hover{border-color:#ef7c1b;box-shadow:0 10px 24px rgba(32,36,42,.1);transform:translateY(-2px)}.marketplace-mark{grid-row:span 2;display:grid;width:68px;height:68px;place-items:center;overflow:hidden;border-radius:8px;background:#fff}.marketplace-mark img{display:block;width:60px;height:60px;object-fit:contain}.marketplace-card strong{color:#20242a;font:600 17px/1.1 'Poppins',Arial,sans-serif}.marketplace-card small{margin-top:5px;color:#6d7776;font:400 12px/1.4 'DM Sans',Arial,sans-serif}.marketplace-card>i{position:absolute;right:17px;top:17px;color:#ef7c1b;font-size:12px}@media(max-width:720px){.marketplace-section{padding-bottom:42px}.marketplace-heading{text-align:left}.marketplace-grid{grid-template-columns:1fr}}
.locations-page .marketplace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.locations-page .marketplace-card:nth-child(n+3){display:none!important}@media(max-width:720px){.locations-page .marketplace-grid{grid-template-columns:1fr}}
@media(max-width:900px){.msds-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(max-width:600px){.msds-page{padding:28px 0 60px}.msds-hero{margin:0;}.msds-hero h1{letter-spacing:-2px}.msds-library-head{align-items:flex-start;flex-direction:column}.msds-grid{grid-template-columns:1fr}.msds-card{grid-template-columns:55px 1fr}.msds-card-icon{width:55px;height:68px}.msds-hero > p:last-child{font-size:15px;line-height:1.7;}}