/* Bachelor’s 2.0 — görsel ve responsive güncellemesi
   Temel stil dosyasını, MySQL verilerini veya admin ayarlarını değiştirmez. */
:root {
  --espresso:#20150f;
  --ink:#281c15;
  --copper:#b77a50;
  --copper2:#e0b489;
  --cream:#fcf8f1;
  --paper:#f7efe5;
  --line:#e4d6c4;
}
html {scroll-padding-top:95px; overflow-x:clip}
body {overflow-x:clip;background:#faf6f0;color:#271d16}
svg.b-icon {display:block;flex:none;width:1em;height:1em;stroke-width:1.8;overflow:visible}
a,button {-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #ca9767;outline-offset:4px}
.announcement {background:#a96e4c;color:#fff8ed}
.a-stars {font-family:Georgia,serif;font-size:12px;opacity:.72}
.header {background:#211710;border-bottom:1px solid rgba(255,233,199,.08)}
.header-inner {max-width:1260px}
.nav-link {font-size:12px;transition:color .25s}
.button {border-radius:8px;gap:18px;letter-spacing:.01em}
.button-primary {background:#c17a55}
.button-primary:hover {background:#a9603f}
.button-cream {background:linear-gradient(115deg,#f8ead5,#efd0ac);color:#211710}
.button-cream:hover {background:#fff2df}
.button .b-icon,.text-cta .b-icon,.top-cta .b-icon {width:18px;height:18px}
.button .arrow-round {display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(35,20,10,.13)}
.hero {background:radial-gradient(ellipse at 72% 42%,#493020 0%,#241710 52%,#18110d 100%)}
.hero-grid {gap:clamp(32px,5vw,90px);grid-template-columns:1.03fr .97fr}
.hero h1 {font-size:clamp(50px,5.9vw,84px);letter-spacing:-.045em;line-height:1.1}
.hero h1 em {color:#e9b186}
.hero-copy {color:#e0cabc;font-size:15px;line-height:1.85}
.hero-arch {border-radius:210px 210px 20px 20px;border:1px solid rgba(245,203,160,.25);box-shadow:0 24px 60px #100b09aa}
.hero-arch img {object-position:center}
.circle-stamp {background:#b16d4c;border-color:#b16d4c}
.hero-seal {position:relative;bottom:auto;margin-top:48px;font-size:12px}
.seal-asterisk,.small-star,.about-card-spark {font-size:26px;color:#e3b38b}
.seal-asterisk .b-icon {height:35px;width:35px}
.small-star {display:inline-flex;vertical-align:middle}
.small-star .b-icon {height:18px;width:18px}
.hero-bottom-border {height:5px;background:linear-gradient(90deg,#c67b52,#e6b991,#80634a)}
.trust {background:#efe5d6}
.trust-grid {gap:0}
.trust-stat strong {font-size:clamp(27px,3vw,40px)}
.section-products {background:#fbf7f1}
.section-heading-row h2 em {color:#a96546}
.category-grid {gap:18px}
.category-card {border-radius:13px;height:290px;isolation:isolate;box-shadow:0 12px 24px rgba(49,28,16,.09)}
.category-card img {filter:saturate(.94) contrast(1.02);transform:scale(1.004);transition:transform .45s ease}
.category-card:hover img {transform:scale(1.065)}
.category-card:after {background:linear-gradient(180deg,rgba(24,14,9,.18) 0%,rgba(24,14,9,.10) 40%,rgba(21,11,5,.90) 100%)}
.category-overlay {padding:23px}
.category-no {font-size:10px;letter-spacing:1.6px;color:#f6e6d3}
.category-label {align-items:flex-end}
.category-label strong {font-size:clamp(22px,2.2vw,29px);text-shadow:0 2px 10px #0009}
.category-label div>span {font-size:11px;line-height:1.5}
.category-arrow {width:42px;height:42px;background:#f8e8d5;color:#24160e;border:1px solid transparent;font-size:20px;transition:background .2s,transform .2s}
.category-card:hover .category-arrow {background:#fff;transform:translate(2px,-2px)}
.category-arrow .b-icon {width:21px;height:21px}
.catalogue {padding-top:98px}
.catalogue-head {border-bottom:1px solid #dac9b4}
.catalogue-toolbar {gap:18px}
.category-filters {scrollbar-color:#caa587 transparent;scrollbar-width:thin;overscroll-behavior-inline:contain;min-width:0}
.filter-pill {border-radius:99px;padding:12px 17px;font-size:12px;border:1px solid #d9c8b6;background:#fffdf9}
.filter-pill.is-selected,.filter-pill:hover {background:#2a1d15;border-color:#2a1d15;color:#fff}
.search-wrap {border-radius:8px;background:#fffdf9;border-color:#d8c9bb}
.product-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.product-item {min-width:0;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto;gap:0 16px;align-content:center;padding:14px;background:#fffdf9;border:1px solid #e8daca;border-radius:12px;min-height:135px;box-shadow:0 3px 16px rgba(69,41,25,.035);transition:box-shadow .2s,border-color .2s,transform .2s}
.product-item:hover {transform:translateY(-2px);box-shadow:0 15px 28px rgba(45,25,15,.09);border-color:#d8b69b}
.product-icon {width:84px;height:98px;border-radius:9px;overflow:hidden;grid-column:1;grid-row:1 / 3;background:#e6d8ca}
.product-icon img {width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.94)}
.product-text {grid-column:2;grid-row:1;align-self:end;padding:3px 0 8px}
.product-text>span {font-size:9px;letter-spacing:1.05px;color:#aa7357}
.product-text h4 {font-size:14px;line-height:1.35;overflow-wrap:anywhere;color:#2d2018}
.product-text p {font-size:11px;line-height:1.45}
.product-more {grid-column:2;grid-row:2;align-self:start;justify-self:start;display:inline-flex;align-items:center;gap:6px;color:#965f43;font-size:11px;font-weight:800;min-height:27px}
.product-more span {display:grid;place-items:center;border:1px solid #e2c3a9;border-radius:50%;width:25px;height:25px;margin:0;font-size:15px}
.product-more .b-icon {width:14px;height:14px}
.product-more:hover span {background:#a76a49;color:#fff}
.empty-state {background:#fff;padding:34px;border:1px dashed #d6c2ae;border-radius:12px}
.production {background:radial-gradient(ellipse at 1% 90%,#35241a 0%,#241b16 48%,#1a140f 100%);color:#fff4e8;padding:105px 0}
.production:before {content:none!important;display:none!important}
.production-grid {grid-template-columns:.95fr 1.05fr;gap:clamp(45px,6vw,110px);align-items:start}
.production-story h2 {font-size:clamp(40px,4.4vw,62px);color:#f9e9d5}
.production-story>p {color:#c9bcb1;font-size:15px;line-height:1.9}
.production-steps {border:0;display:grid;gap:14px}
.production-step {display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:15px;align-items:start;background:#30251e;border:1px solid #5a4133;padding:23px 21px;border-radius:12px;min-width:0;position:relative;overflow:hidden;box-shadow:0 7px 20px #120c0833}
.production-step:after {content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#b68458,transparent);opacity:.55}
.step-number {font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.12em;color:#ebbb91;border:1px solid #73513c;border-radius:7px;width:37px;height:37px;display:grid;place-items:center}
.production-step h3 {font-size:clamp(22px,2.2vw,27px);line-height:1.25;margin:0 0 10px;color:#f6e6d4}
.production-step p {font-size:12px;color:#c8b8a8;line-height:1.75;max-width:360px;overflow-wrap:break-word}
.step-icon {font-size:24px;display:grid;place-items:center;width:42px;height:42px;color:#e8b78b;border:1px solid #6b4d3c;border-radius:10px;background:#3b2b20;text-align:center;min-width:0}
.step-icon .b-icon {height:23px;width:23px}
.about {background:#f8f3ec}
.about-arch {border-radius:220px 220px 12px 12px}
.about-card {background:#a96546;border-radius:9px}
.about-card-spark .b-icon {height:23px;width:23px}
.contact {background:#241a14}
.contact-info {background:#3d4031}
.whatsapp-cta {border-radius:9px;background:#f3eddf;color:#253c28}
.wa-icon {background:#199b5f}
.wa-icon .b-icon {font-size:20px}
.whatsapp-cta>span:last-child .b-icon {font-size:18px}
.contact-form-shell {background:#f7f1e8}
.contact-form-shell input:not([type=checkbox]),.contact-form-shell select,.contact-form-shell textarea {border-radius:7px;font-size:14px}
.footer-heart {display:inline-flex;vertical-align:middle}
.footer-heart .b-icon {height:15px;width:15px}
.floating-whatsapp {width:56px;height:56px;bottom:max(20px,env(safe-area-inset-bottom));right:20px;background:#15ad68;border:2px solid #f6fcf8;box-shadow:0 9px 23px rgba(5,50,28,.3)}
/* 11" tabletlere kadar 3 sütun yerine tutarlı 2 sütun. */
@media(max-width:1150px) {
 .product-list {grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-grid {gap:28px}
 .hero h1 {font-size:clamp(50px,6.4vw,73px)}
 .production-grid {gap:38px}
}
@media(max-width:780px) {
 .wrap {width:calc(100% - 36px)}
 .header-inner {height:70px}
 .brand {max-width:calc(100% - 72px)}
 .brand img {width:205px;height:auto;max-width:100%}
 .nav {position:absolute;z-index:60}
 .hero {padding-top:0}
 .hero-grid {display:flex;flex-direction:column;gap:10px;align-items:stretch;min-height:0}
 .hero-content {padding:48px 0 12px;max-width:640px}
 .hero h1 {font-size:clamp(44px,8.2vw,64px);line-height:1.12;letter-spacing:-.045em}
 .hero-copy {font-size:14px;line-height:1.8}
 .hero-seal {margin-top:30px}
 .hero-visual {padding:0 0 20px;height:auto;min-height:0;margin-bottom:38px;max-width:640px;justify-content:center}
 .hero-arch {height:340px;max-width:100%;width:100%;border-radius:200px 200px 14px 14px}
 .circle-stamp {left:5px;bottom:34px;width:90px;height:90px}
 .circle-stamp span {font-size:25px}
 .hero-caption {bottom:0;right:0;font-size:9px;letter-spacing:1.2px}
 .trust-grid {grid-template-columns:repeat(3,minmax(0,1fr));padding:28px 0 30px}
 .trust-intro {grid-column:span 3;margin-bottom:22px}
 .trust-stat {padding:0 10px;border-left:1px solid #ccbdaa}
 .trust-stat:first-of-type {border-left:0;padding-left:0}
 .trust-stat strong {font-size:clamp(22px,4.2vw,34px)}
 .section {padding:70px 0}
 .category-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .category-card {height:245px}
 .category-label strong {font-size:22px}
 .category-overlay {padding:17px}
 .category-arrow {width:36px;height:36px}
 .catalogue {padding-top:72px}
 .catalogue-toolbar {flex-direction:column;align-items:stretch}
 .category-filters {width:100%}
 .search-wrap {align-self:stretch}
 .search-wrap input {width:100%;min-width:0}
 .product-list {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .production {padding:72px 0}
 .production-grid {grid-template-columns:1fr;gap:38px}
 .production-steps {grid-template-columns:1fr}
 .production-story h2 {font-size:clamp(37px,6vw,54px)}
 .production-story>p {max-width:620px}
 .about-grid,.contact-panels {grid-template-columns:1fr}
 .contact-panels {gap:0}
 .about-arch {height:440px}
}
@media(max-width:520px) {
 .announcement-inner {white-space:nowrap;gap:7px;font-size:7px}
 .header-inner {height:66px}
 .nav {top:66px}
 .hero-content {padding:39px 0 10px}
 .hero h1 {font-size:clamp(38px,10.5vw,53px);margin:16px 0 17px}
 .hero-actions {gap:15px;flex-wrap:wrap;margin-top:26px}
 .hero-actions .button {padding:12px 14px;font-size:12px}
 .hero-arch {height:310px}
 .hero-caption {display:none}
 .circle-stamp {left:2px;bottom:15px}
 .trust-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}
 .trust-intro {grid-column:span 2}
 .trust-stat:last-child {grid-column:span 2;border-top:1px solid #d3c3ae;padding:12px 0 0}
 .trust-stat:last-child span {font-size:10px}
 .trust-stat span {font-size:9px;letter-spacing:.7px}
 .section-heading-row h2,.about-copy h2,.contact-heading h2 {font-size:clamp(37px,9vw,48px);letter-spacing:-.04em}
 .category-grid {gap:10px}
 .category-card {height:215px;border-radius:10px}
 .category-overlay {padding:13px}
 .category-no {font-size:8px}
 .category-label {gap:7px}
 .category-label strong {font-size:clamp(17px,4.6vw,24px);line-height:1.14}
 .category-arrow {width:28px;height:28px}
 .category-arrow .b-icon {width:15px;height:15px}
 .catalogue-head h3 {font-size:29px}
 .catalog-count {font-size:10px;min-width:88px}
 .catalogue-toolbar {margin:24px 0}
 .product-list {grid-template-columns:1fr;gap:11px}
 .product-item {grid-template-columns:78px minmax(0,1fr);gap:0 13px;min-height:119px;padding:11px 12px}
 .product-icon {width:78px;height:95px}
 .product-text h4 {font-size:14px;margin:3px 0}
 .product-text>span {font-size:9px}
 .product-more {font-size:11px}
 .production-step {grid-template-columns:33px minmax(0,1fr) 33px;gap:10px;padding:18px 14px}
 .step-number,.step-icon {width:32px;height:32px}
 .step-icon .b-icon {height:19px;width:19px}
 .production-step h3 {font-size:20px;letter-spacing:-.02em}
 .production-step p {font-size:12px}
 .about-arch {height:385px}
 .contact-info,.contact-form-shell {padding:28px 24px}
 .footer-main {gap:24px}
 .footer-bottom {padding-bottom:30px;line-height:1.7}
 .floating-whatsapp {width:53px;height:53px;right:15px;bottom:max(15px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce) { .category-card img,.product-item {transition:none!important} }
