/* =====================================================================
   AFİ ELEKTROMEKANİK — Ana stil dosyası
   Tüm sınıf adlarında -trligs son eki kullanılır.
   ===================================================================== */

:root{
  --builza-base: #ff5e14;
  --builza-base-rgb: 255, 94, 20;
  --builza-black: #0e121d;
  --builza-black-rgb: 14, 18, 29;
  --builza-gray: #4d5765;
  --builza-gray-rgb: 77, 87, 101;
  --builza-white: #fff;
  --builza-white-rgb: 255, 255, 255;
  --builza-primary: #f7f4ed;
  --builza-primary-rgb: 247, 244, 237;
  --builza-bdr-color: #d4d4d4;
  --builza-bdr-color-rgb: 212, 212, 212;

  --font-trligs: 'Rubik', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --radius-trligs: 14px;
  --radius-sm-trligs: 8px;
  --shadow-trligs: 0 18px 50px rgba(var(--builza-black-rgb), .10);
  --shadow-sm-trligs: 0 8px 24px rgba(var(--builza-black-rgb), .07);
  --container-trligs: 1320px;
  --header-h-trligs: 88px;
}

*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none !important; }

html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; overflow-x:clip; }

body{
  margin:0;
  font-family:var(--font-trligs);
  font-size:18px;
  line-height:1.7;
  color:var(--builza-gray);
  background:var(--builza-white);
  overflow-x:hidden;
}
body.is-locked-trligs{ overflow:hidden; }

h1,h2,h3,h4,h5{
  margin:0 0 .6em;
  color:var(--builza-black);
  font-weight:700;
  line-height:1.18;
  letter-spacing:-.02em;
}
h1{ font-size:clamp(38px, 5vw, 68px); font-weight:800; }
h2{ font-size:clamp(30px, 3.4vw, 46px); }
h3{ font-size:clamp(23px, 2vw, 30px); }
h4{ font-size:21px; }
p{ margin:0 0 1.1em; }
a{ color:var(--builza-black); text-decoration:none; transition:color .25s ease; }
a:hover{ color:var(--builza-base); }
img{ max-width:100%; height:auto; display:block; }
ul{ margin:0; padding:0; list-style:none; }
svg{ width:1em; height:1em; flex:none; }
button{ font-family:inherit; font-size:inherit; cursor:pointer; }
input,select,textarea{ font-family:inherit; font-size:18px; color:var(--builza-black); }
strong{ color:var(--builza-black); font-weight:600; }

.sr-only-trligs{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

.container-trligs{
  width:100%;
  max-width:var(--container-trligs);
  margin:0 auto;
  padding:0 24px;
}

.section-trligs{ position:relative; padding:96px 0; }
.section-trligs.is-tight-trligs{ padding:72px 0; }
.section-primary-trligs{ background:var(--builza-primary); }
.section-dark-trligs{ background:var(--builza-black); color:rgba(var(--builza-white-rgb),.72); }
.section-dark-trligs h2,.section-dark-trligs h3,.section-dark-trligs h4{ color:var(--builza-white); }

/* Arka plan dev yazı */
.bgtext-trligs{
  position:absolute;
  left:50%; top:50%;
  transform:translate(-50%,-50%);
  font-size:clamp(90px, 16vw, 260px);
  font-weight:800;
  letter-spacing:-.04em;
  line-height:1;
  color:rgba(var(--builza-black-rgb),.04);
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
  z-index:0;
}
.section-dark-trligs .bgtext-trligs{ color:rgba(var(--builza-white-rgb),.045); }
.section-trligs > .container-trligs{ position:relative; z-index:1; }

.eyebrow-trligs{
  display:inline-flex; align-items:center; gap:10px;
  font-size:15px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
  color:var(--builza-base);
  margin-bottom:14px;
}
.eyebrow-trligs::before{
  content:''; width:26px; height:2px; background:var(--builza-base);
}
.section-head-trligs{ max-width:760px; margin-bottom:52px; }
.section-head-trligs.is-center-trligs{ margin-inline:auto; text-align:center; }
.section-head-trligs.is-center-trligs .eyebrow-trligs::before{ display:none; }
.section-head-trligs p{ font-size:19px; margin-bottom:0; }
.section-head-row-trligs{
  display:flex; align-items:flex-end; justify-content:space-between; gap:32px;
  margin-bottom:52px; flex-wrap:wrap;
}
.section-head-row-trligs .section-head-trligs{ margin-bottom:0; }

/* =====================================================================
   BUTONLAR
   ===================================================================== */
.btn-trligs{
  --btn-bg: var(--builza-base);
  display:inline-flex; align-items:stretch; gap:0;
  background:var(--btn-bg);
  color:var(--builza-white);
  border:0; padding:0;
  font-weight:700; font-size:19px; letter-spacing:-.01em;
  border-radius:4px;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  box-shadow:0 10px 26px rgba(var(--builza-base-rgb),.28);
}
.btn-trligs > span{
  display:flex; align-items:center;
  padding:20px 30px;
  color:var(--builza-white);
}
.btn-trligs > i{
  display:flex; align-items:center; justify-content:center;
  width:64px; margin:10px 10px 10px 0;
  background:var(--builza-black);
  border-radius:4px;
  color:var(--builza-white);
  font-size:22px;
  transition:background .25s ease;
}
.btn-trligs:hover{ transform:translateY(-3px); color:var(--builza-white); }
.btn-trligs:hover > i{ background:#000; }
.btn-trligs.btn-dark-trligs{ --btn-bg: var(--builza-black); box-shadow:0 10px 26px rgba(var(--builza-black-rgb),.25); }
.btn-trligs.btn-dark-trligs > i{ background:var(--builza-base); }
.btn-trligs.btn-sm-trligs{ font-size:17px; }
.btn-trligs.btn-sm-trligs > span{ padding:13px 20px; }
.btn-trligs.btn-sm-trligs > i{ width:46px; margin:7px 7px 7px 0; font-size:18px; }
.btn-block-trligs{ display:flex; width:100%; justify-content:space-between; }
.btn-trligs[disabled]{ opacity:.65; pointer-events:none; }

.btn-ghost-trligs{
  display:inline-flex; align-items:center; gap:10px;
  background:transparent; color:var(--builza-black);
  border:2px solid rgba(var(--builza-black-rgb),.16);
  padding:15px 26px; border-radius:4px; font-weight:600;
  transition:.25s ease;
}
.btn-ghost-trligs:hover{ border-color:var(--builza-base); color:var(--builza-base); }
.btn-ghost-trligs.btn-sm-trligs{ padding:12px 20px; font-size:17px; }

.link-arrow-trligs{
  display:inline-flex; align-items:center; gap:9px;
  font-weight:600; color:var(--builza-black);
}
.link-arrow-trligs svg{ color:var(--builza-base); transition:transform .25s ease; font-size:20px; }
.link-arrow-trligs:hover svg{ transform:translateX(6px); }

/* =====================================================================
   ÜST BAR
   ===================================================================== */
.topbar-trligs{
  background:var(--builza-black);
  color:rgba(var(--builza-white-rgb),.66);
  font-size:15.5px;
}
.topbar-inner-trligs{
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  min-height:52px; flex-wrap:wrap;
}
.topbar-info-trligs,.topbar-links-trligs{ display:flex; align-items:center; gap:26px; flex-wrap:wrap; }
.topbar-info-trligs li,.topbar-links-trligs li{ display:flex; align-items:center; gap:9px; }
.topbar-info-trligs svg,.topbar-links-trligs svg{ color:var(--builza-base); font-size:17px; }
.topbar-trligs a{ color:rgba(var(--builza-white-rgb),.75); }
.topbar-trligs a:hover{ color:var(--builza-base); }
.topbar-phone-trligs a{ color:var(--builza-white); font-weight:600; }

/* =====================================================================
   HEADER
   ===================================================================== */
.header-trligs{
  position:sticky; top:0; z-index:70;
  background:var(--builza-white);
  border-bottom:1px solid rgba(var(--builza-bdr-color-rgb),.6);
}
.header-trligs.is-stuck-trligs{ box-shadow:0 12px 30px rgba(var(--builza-black-rgb),.09); }
.header-inner-trligs{
  display:flex; align-items:center; gap:28px;
  min-height:var(--header-h-trligs);
}

.logo-trligs{ display:flex; align-items:center; gap:12px; flex:none; }
.logo-img-trligs{ height:72px; width:auto; display:block; }
.logo-img-trligs.is-footer-trligs{ height:88px; }
@media (max-width:600px){
  .logo-img-trligs{ height:58px; }
  .logo-img-trligs.is-footer-trligs{ height:72px; }
}
.logo-mark-trligs{
  width:48px; height:48px; border-radius:6px;
  display:grid; place-items:center;
  background:var(--builza-base); color:var(--builza-white); font-size:24px;
}
.logo-text-trligs{ display:flex; flex-direction:column; line-height:1.05; }
.logo-text-trligs strong{ font-size:26px; font-weight:800; letter-spacing:.02em; color:var(--builza-black); }
.logo-text-trligs em{ font-style:normal; font-size:14px; letter-spacing:.18em; text-transform:uppercase; color:var(--builza-gray); }

.mainnav-trligs{ margin-inline:auto; }
.mainnav-trligs > ul{ display:flex; align-items:center; gap:6px; }
.mainnav-trligs a,.megabtn-trligs{
  display:inline-flex; align-items:center; gap:7px; white-space:nowrap;
  padding:12px 16px; border-radius:4px;
  font-size:18px; font-weight:600; color:var(--builza-black);
  background:none; border:0;
  transition:.22s ease;
}
.mainnav-trligs a:hover,.megabtn-trligs:hover,.mainnav-trligs a.is-active-trligs{ color:var(--builza-base); }
.megabtn-trligs .chev-trligs{ font-size:17px; transition:transform .25s ease; }
.megabtn-trligs[aria-expanded="true"] .chev-trligs{ transform:rotate(180deg); }
.megabtn-trligs[aria-expanded="true"]{ color:var(--builza-base); }

.header-actions-trligs{ display:flex; align-items:center; gap:14px; flex:none; }
.hsearch-trligs{
  display:flex; align-items:center;
  background:var(--builza-primary);
  border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:4px; overflow:hidden;
}
.hsearch-trligs input{
  border:0; background:transparent; padding:12px 16px; width:250px; outline:none; font-size:16.5px;
}
.hsearch-trligs button{
  border:0; background:var(--builza-black); color:var(--builza-white);
  width:48px; align-self:stretch; display:grid; place-items:center; font-size:20px;
  transition:background .25s ease;
}
.hsearch-trligs button:hover{ background:var(--builza-base); }

.cart-btn-trligs{
  position:relative; width:52px; height:52px; border-radius:4px;
  display:grid; place-items:center; font-size:24px;
  background:var(--builza-primary); color:var(--builza-black);
  transition:.25s ease;
}
.cart-btn-trligs:hover{ background:var(--builza-base); color:var(--builza-white); }
.cart-badge-trligs{
  position:absolute; top:-7px; right:-7px;
  min-width:24px; height:24px; padding:0 6px;
  border-radius:12px; background:var(--builza-base); color:var(--builza-white);
  font-size:13px; font-weight:700; display:grid; place-items:center;
  border:2px solid var(--builza-white);
}
.burger-trligs{
  width:52px; height:52px; border:0; border-radius:4px;
  background:var(--builza-black); color:var(--builza-white);
  display:grid; place-items:center; font-size:24px;
  transition:background .25s ease;
}
.burger-trligs:hover{ background:var(--builza-base); }

/* =====================================================================
   MEGA MENÜ
   ===================================================================== */
.mega-trligs{
  position:absolute; left:0; right:0; top:100%;
  background:var(--builza-white);
  border-top:1px solid rgba(var(--builza-bdr-color-rgb),.6);
  box-shadow:0 30px 60px rgba(var(--builza-black-rgb),.14);
  padding:38px 0 30px;
  animation:megaIn-trligs .28s ease;
}
@keyframes megaIn-trligs{ from{ opacity:0; transform:translateY(-12px);} to{ opacity:1; transform:none;} }
.mega-head-trligs{
  display:flex; align-items:flex-end; justify-content:space-between; gap:24px;
  padding-bottom:22px; margin-bottom:26px;
  border-bottom:1px solid rgba(var(--builza-bdr-color-rgb),.55); flex-wrap:wrap;
}
.mega-head-trligs h3{ margin:0; }
.mega-all-trligs{ display:inline-flex; align-items:center; gap:9px; font-weight:600; color:var(--builza-base); }
.mega-all-trligs svg{ transition:transform .25s ease; }
.mega-all-trligs:hover svg{ transform:translateX(6px); }

.mega-grid-trligs{
  display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
}
.mega-card-trligs{
  display:flex; gap:16px; align-items:center;
  padding:14px; border-radius:var(--radius-sm-trligs);
  border:1px solid rgba(var(--builza-bdr-color-rgb),.55);
  background:var(--builza-white);
  transition:.25s ease;
}
.mega-card-trligs:hover{ border-color:var(--builza-base); background:var(--builza-primary); transform:translateY(-3px); }
.mega-thumb-trligs{
  position:relative; width:86px; height:86px; flex:none;
  border-radius:6px; background:var(--builza-primary);
  display:grid; place-items:center; overflow:hidden;
}
.mega-thumb-trligs img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.mega-ico-trligs{
  position:absolute; right:0; bottom:0;
  width:28px; height:28px; display:grid; place-items:center;
  background:var(--builza-base); color:var(--builza-white); font-size:16px;
  border-top-left-radius:8px;
}
.mega-body-trligs{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.mega-body-trligs strong{ font-size:18px; color:var(--builza-black); }
.mega-body-trligs em{ font-style:normal; font-size:15.5px; color:var(--builza-gray); line-height:1.45; }
.mega-count-trligs{
  display:inline-flex; align-items:center; gap:7px;
  font-size:14.5px; font-weight:600; color:var(--builza-base); margin-top:4px;
}
.mega-foot-trligs{
  display:flex; gap:34px; flex-wrap:wrap;
  margin-top:26px; padding-top:20px;
  border-top:1px solid rgba(var(--builza-bdr-color-rgb),.55);
  font-size:16px;
}
.mega-foot-trligs span{ display:inline-flex; align-items:center; gap:9px; }
.mega-foot-trligs svg{ color:var(--builza-base); font-size:19px; }

/* =====================================================================
   OFFCANVAS
   ===================================================================== */
.offcanvas-backdrop-trligs{
  position:fixed; inset:0; background:rgba(var(--builza-black-rgb),.55);
  z-index:90; backdrop-filter:blur(2px);
}
.offcanvas-trligs{
  position:fixed; top:0; right:0; bottom:0; width:min(420px,90vw);
  background:var(--builza-white); z-index:95;
  transform:translateX(105%); transition:transform .35s cubic-bezier(.4,0,.2,1);
  display:flex; flex-direction:column; gap:22px;
  padding:24px; overflow-y:auto;
}
.offcanvas-trligs.is-open-trligs{ transform:none; }
.offcanvas-trligs > *{ flex:none; }
.offcanvas-head-trligs{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.offcanvas-close-trligs{
  width:44px; height:44px; border:0; border-radius:4px;
  background:var(--builza-primary); color:var(--builza-black);
  display:grid; place-items:center; font-size:22px; transition:.25s ease;
}
.offcanvas-close-trligs:hover{ background:var(--builza-base); color:var(--builza-white); }
.offcanvas-search-trligs{
  display:flex; border:1px solid rgba(var(--builza-bdr-color-rgb),.7); border-radius:4px; overflow:hidden;
}
.offcanvas-search-trligs input{ flex:1; border:0; padding:13px 16px; outline:none; background:var(--builza-primary); }
.offcanvas-search-trligs button{ border:0; width:52px; background:var(--builza-black); color:#fff; font-size:20px; }
.offcanvas-nav-trligs{ display:flex; flex-direction:column; }
.offcanvas-nav-trligs a{
  padding:14px 4px; font-weight:600; font-size:18.5px;
  border-bottom:1px solid rgba(var(--builza-bdr-color-rgb),.5);
}
.offcanvas-sub-trligs{
  display:flex; align-items:center; gap:11px;
  font-weight:500 !important; font-size:17px !important; color:var(--builza-gray) !important;
  padding-left:14px !important;
}
.offcanvas-sub-trligs svg{ color:var(--builza-base); font-size:19px; }
.offcanvas-sub-trligs:hover{ color:var(--builza-base) !important; }
.offcanvas-contact-trligs{ background:var(--builza-primary); border-radius:var(--radius-sm-trligs); padding:22px; }
.offcanvas-contact-trligs h4{ margin-bottom:14px; }
.offcanvas-contact-trligs p{ display:flex; gap:10px; align-items:flex-start; font-size:16.5px; margin-bottom:10px; }
.offcanvas-contact-trligs svg{ color:var(--builza-base); font-size:19px; margin-top:4px; }

/* =====================================================================
   HERO
   ===================================================================== */
.hero-trligs{
  position:relative;
  min-height:min(88vh, 780px);
  display:flex; align-items:center;
  background:linear-gradient(115deg, rgba(var(--builza-black-rgb),.94) 0%, rgba(var(--builza-black-rgb),.82) 42%, rgba(var(--builza-black-rgb),.45) 100%), var(--builza-black);
  background-size:cover; background-position:center;
  overflow:hidden;
  color:rgba(var(--builza-white-rgb),.8);
}
.hero-media-trligs{
  position:absolute; inset:0; z-index:0;
  background-size:cover; background-position:center right;
}
.hero-media-trligs::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(100deg, rgba(var(--builza-black-rgb),.96) 0%, rgba(var(--builza-black-rgb),.86) 45%, rgba(var(--builza-black-rgb),.35) 100%);
}
.hero-bgword-trligs{
  position:absolute; right:-2%; bottom:-6%;
  font-size:clamp(120px, 18vw, 300px); font-weight:800; line-height:.8;
  color:rgba(var(--builza-white-rgb),.05); letter-spacing:-.04em;
  z-index:1; pointer-events:none; user-select:none;
}
.hero-inner-trligs{ position:relative; z-index:2; padding:110px 0 96px; text-align: center; }
.hero-inner-trligs h1{ color:var(--builza-white); margin-bottom:22px; font-weight: 400; text-transform: uppercase; }
.hero-inner-trligs h1 span{ color:var(--builza-base); }
.hero-lead-trligs{ font-size:20.5px; margin-bottom:34px; text-align: center;}
.hero-actions-trligs{ display:flex; gap:16px; flex-wrap:wrap; align-items:center; align-items: center; justify-content: center; }
.hero-actions-trligs .btn-ghost-trligs{ color:var(--builza-white); border-color:rgba(var(--builza-white-rgb),.28); }
.hero-actions-trligs .btn-ghost-trligs:hover{ border-color:var(--builza-base); color:var(--builza-base); }
.hero-stats-trligs{
  display:flex; gap:44px; flex-wrap:wrap; 
  margin-top:56px; padding-top:34px;
  border-top:1px solid rgba(var(--builza-white-rgb),.15);
}
.hero-stats-trligs div strong{ display:block; font-size:40px; font-weight:800; color:var(--builza-white); line-height:1; }
.hero-stats-trligs div span{ font-size:16px; letter-spacing:.05em; text-transform:uppercase; }

/* Hızlı özellik şeridi */
.usp-strip-trligs{ background:var(--builza-base); color:var(--builza-white); }
.usp-strip-inner-trligs{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  background:rgba(var(--builza-white-rgb),.22);
}
.usp-item-trligs{
  background:var(--builza-base);
  display:flex; align-items:center; gap:16px; padding:28px 26px;
}
.usp-item-trligs svg{ font-size:34px; }
.usp-item-trligs strong{ display:block; color:var(--builza-white); font-size:19px; }
.usp-item-trligs span{ font-size:15.5px; color:rgba(var(--builza-white-rgb),.85); }

/* =====================================================================
   ÜRÜN KARTI
   ===================================================================== */
.products-grid-trligs{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.products-grid-trligs.is-3-trligs{ grid-template-columns:repeat(3,1fr); }

.pcard-trligs{
  position:relative; display:flex; flex-direction:column;
  background:var(--builza-white);
  border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:var(--radius-trligs);
  overflow:hidden;
  transition:.3s ease;
}
.pcard-trligs:hover{ transform:translateY(-6px); box-shadow:var(--shadow-trligs); border-color:transparent; }
.pcard-media-trligs{
  position:relative; aspect-ratio:1/1; background:var(--builza-primary);
  display:grid; place-items:center; padding:22px; overflow:hidden;
}
.pcard-media-trligs img{
  width:60%; height:60%; object-fit:contain; mix-blend-mode:multiply;
  margin:auto; transition:transform .45s ease;
}
.pcard-trligs:hover .pcard-media-trligs img{ transform:scale(1.06); }
.pcard-badge-trligs{
  position:absolute; top:14px; left:14px; z-index:2;
  background:var(--builza-base); color:var(--builza-white);
  font-size:13.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
  padding:6px 12px; border-radius:3px;
}
.pcard-cat-trligs{
  position:absolute; top:14px; right:14px; z-index:2;
  width:38px; height:38px; border-radius:4px;
  display:grid; place-items:center;
  background:var(--builza-white); color:var(--builza-base); font-size:20px;
  box-shadow:var(--shadow-sm-trligs);
}
.pcard-body-trligs{ padding:22px 24px 24px; display:flex; flex-direction:column; gap:9px; flex:1; }
.pcard-specs-trligs{ display:flex; flex-wrap:wrap; gap:7px; margin:2px 0 4px; }
.pcard-specs-trligs li{
  font-size:14px; font-weight:600; letter-spacing:.01em;
  color:var(--builza-gray);
  background:var(--builza-primary);
  border:1px solid rgba(var(--builza-bdr-color-rgb),.55);
  border-radius:4px; padding:5px 10px;
}
.pcard-brand-trligs{
  font-size:14px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--builza-base); font-weight:600;
}
.pcard-title-trligs{ font-size:19px; line-height:1.4; margin:0; font-weight:600; }
.pcard-title-trligs a{ color:var(--builza-black); }
.pcard-title-trligs a:hover{ color:var(--builza-base); }
.pcard-short-trligs{ font-size:16px; margin:0; color:var(--builza-gray); }
.pcard-foot-trligs{
  margin-top:auto; padding-top:16px;
  border-top:1px dashed rgba(var(--builza-bdr-color-rgb),.9);
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.pcard-price-trligs{ display:flex; flex-direction:column; line-height:1.2; }
.pcard-price-trligs strong{ font-size:22px; font-weight:700; color:var(--builza-black); }
.pcard-price-trligs del{ font-size:15px; color:rgba(var(--builza-gray-rgb),.75); }
.pcard-price-trligs em{ font-style:normal; font-size:13.5px; color:var(--builza-gray); }
.pcard-add-trligs{
  width:50px; height:50px; border:0; border-radius:4px;
  background:var(--builza-black); color:var(--builza-white);
  display:grid; place-items:center; font-size:22px;
  transition:.25s ease;
}
.pcard-add-trligs:hover{ background:var(--builza-base); transform:translateY(-2px); }
.pcard-add-trligs.is-added-trligs{ background:#1f8b4c; }

/* Kompakt ilgili ürün kartı */
.related-grid-trligs{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.rcard-trligs{
  display:flex; align-items:center; gap:16px;
  padding:14px 16px;
  background:var(--builza-white);
  border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:10px;
  transition:.25s ease;
}
.rcard-trligs:hover{ border-color:var(--builza-base); box-shadow:var(--shadow-sm-trligs); transform:translateY(-3px); }
.rcard-thumb-trligs{
  width:76px; height:76px; flex:none; border-radius:6px;
  background:var(--builza-primary); display:grid; place-items:center; padding:8px;
}
.rcard-thumb-trligs img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.rcard-body-trligs{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.rcard-body-trligs em{
  font-style:normal; font-size:13px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--builza-base); font-weight:600;
}
.rcard-body-trligs strong{ font-size:16px; font-weight:600; line-height:1.35; color:var(--builza-black); }
.rcard-body-trligs b{ font-size:17.5px; font-weight:700; color:var(--builza-black); margin-top:2px; }

/* =====================================================================
   KATEGORİ KARTI (referans görsel düzeni)
   ===================================================================== */
.cats-grid-trligs{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.catcard-trligs{
  position:relative; display:flex; flex-direction:column;
  padding:30px 32px 32px;
  background:var(--builza-white);
  border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:16px;
  transition:.3s ease;
}
.catcard-trligs:hover{ box-shadow:var(--shadow-trligs); transform:translateY(-6px); border-color:transparent; }
.catcard-trligs h3{ font-size:22px; line-height:1.3; margin-bottom:10px; }
.catcard-trligs > p{ font-size:16.5px; line-height:1.65; margin-bottom:18px; }
.catcard-link-trligs{
  display:inline-flex; align-items:center; gap:9px; font-weight:600; font-size:17px; color:var(--builza-black);
}
.catcard-link-trligs svg{ color:var(--builza-base); transition:transform .25s ease; font-size:19px; }
.catcard-trligs:hover .catcard-link-trligs svg{ transform:translateX(6px); }
.catcard-head-trligs{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  margin-top:auto; padding-bottom:4px;
}

/* Numara rozeti: turuncu kontur, çadır (roof) biçimi */
.catcard-num-trligs{
  position:relative; flex:none;
  width:86px; height:58px;
  display:grid; place-items:center;
  font-size:21px; font-weight:800; color:var(--builza-base);
  background:var(--builza-base);
  clip-path:polygon(50% 0%, 100% 30%, 100% 100%, 0 100%, 0% 30%);
}
.catcard-num-trligs::before{
  content:''; position:absolute; inset:1.6px 1.4px 1.4px;
  background:var(--builza-white);
  clip-path:polygon(50% 0%, 100% 30%, 100% 100%, 0 100%, 0% 30%);
  z-index:0;
}
.catcard-num-trligs span{ position:relative; z-index:1; }

/* Görsel: sağ üst köşesi çentikli maske (image/divbg.png) */
.catcard-media-trligs{
  position:relative; margin-top:22px;
  aspect-ratio:268/192;
}
.catcard-shot-trligs{
  position:absolute; inset:0; display:block; overflow:hidden;
  background:var(--builza-primary);
  -webkit-mask:url('image/divbg.svg') center / 100% 100% no-repeat;
  mask:url('image/divbg.svg') center / 100% 100% no-repeat;
}
.catcard-media-trligs img{
  width:100%; height:100%; object-fit:contain; padding:26px 30px 22px;
  mix-blend-mode:multiply; transition:transform .45s ease;
}
.catcard-trligs:hover .catcard-media-trligs img{ transform:scale(1.05); }
.catcard-ico-trligs{
  position:absolute; top:0; right:0; z-index:2;
  width:31.5%; height:29%;
  background:var(--builza-base); color:var(--builza-white);
  display:grid; place-items:center; font-size:30px;
  clip-path:polygon(0 0, 100% 0, 100% 100%, 43% 100%);
}
.catcard-ico-trligs svg{ margin-left:18%; margin-top:-4%; }

/* =====================================================================
   KATALOG + FİLTRELER
   ===================================================================== */
.shop-layout-trligs{ display:grid; grid-template-columns:310px 1fr; gap:34px; align-items:start; }
.filters-trligs{
  position:sticky; top:calc(var(--header-h-trligs) + 18px);
  background:var(--builza-primary);
  border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:var(--radius-trligs);
  padding:26px;
}
.filters-trligs h4{
  display:flex; align-items:center; gap:10px;
  font-size:17px; letter-spacing:.12em; text-transform:uppercase;
  margin:0 0 16px;
}
.filters-trligs h4 svg{ color:var(--builza-base); font-size:20px; }
.filter-group-trligs{ padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid rgba(var(--builza-bdr-color-rgb),.8); }
.filter-group-trligs:last-of-type{ border-bottom:0; margin-bottom:0; padding-bottom:0; }
.filter-list-trligs li + li{ margin-top:4px; }
.filter-list-trligs a{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 12px; border-radius:6px; font-size:17px; color:var(--builza-gray);
  transition:.22s ease;
}
.filter-list-trligs a:hover{ background:rgba(var(--builza-white-rgb),.9); color:var(--builza-black); }
.filter-list-trligs a.is-active-trligs{ background:var(--builza-black); color:var(--builza-white); font-weight:600; }
.filter-list-trligs a.is-active-trligs span{ color:rgba(var(--builza-white-rgb),.7); }
.filter-list-trligs span{ font-size:14.5px; color:rgba(var(--builza-gray-rgb),.8); }
.filter-check-trligs{ display:flex; align-items:center; gap:11px; padding:8px 2px; font-size:17px; cursor:pointer; }
.filter-check-trligs input{ width:20px; height:20px; accent-color:var(--builza-base); }
.filter-price-trligs{ display:flex; gap:10px; align-items:center; }
.filter-price-trligs input{
  width:100%; padding:11px 12px; border-radius:6px; font-size:16px;
  border:1px solid rgba(var(--builza-bdr-color-rgb),.9); background:var(--builza-white);
}
.filter-actions-trligs{ display:flex; flex-direction:column; gap:10px; margin-top:22px; }
.filter-go-trligs{
  flex:none; width:50px; height:47px; border:0; border-radius:6px;
  background:var(--builza-black); color:var(--builza-white);
  display:grid; place-items:center; font-size:20px; transition:background .25s ease;
}
.filter-go-trligs:hover{ background:var(--builza-base); }

.shop-toolbar-trligs{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:16px 20px; margin-bottom:26px; flex-wrap:wrap;
  background:var(--builza-primary); border-radius:var(--radius-sm-trligs);
}
.shop-toolbar-trligs p{ margin:0; font-size:17px; }
.shop-toolbar-trligs select{
  padding:11px 14px; border-radius:6px; font-size:17px;
  border:1px solid rgba(var(--builza-bdr-color-rgb),.9); background:var(--builza-white);
}
.filters-toggle-trligs{ display:none; }

.empty-trligs{
  text-align:center; padding:70px 24px;
  background:var(--builza-primary); border-radius:var(--radius-trligs);
}
/* Filtre uygulanırken sonuç alanı */
#shopResults{ transition:opacity .2s ease; }
#shopResults.is-loading-trligs{ opacity:.45; pointer-events:none; }
.qty-trligs.is-busy-trligs{ opacity:.6; }
.empty-trligs svg{ font-size:54px; color:var(--builza-base); margin-bottom:16px; }

/* =====================================================================
   SAYFA BAŞLIĞI
   ===================================================================== */
.pagehead-trligs{
  position:relative; overflow:hidden;
  background:var(--builza-black); color:rgba(var(--builza-white-rgb),.72);
  padding:64px 0 60px;
}
.pagehead-trligs::before{
  content:''; position:absolute; inset:0;
  background:radial-gradient(circle at 85% 20%, rgba(var(--builza-base-rgb),.28), transparent 55%);
}
.pagehead-word-trligs{
  position:absolute; right:2%; top:50%; transform:translateY(-50%);
  font-size:clamp(80px,12vw,180px); font-weight:800; line-height:.85;
  color:rgba(var(--builza-white-rgb),.05); letter-spacing:-.04em; white-space:nowrap;
}
.pagehead-inner-trligs{ position:relative; z-index:2; }
.pagehead-inner-trligs h1{ color:var(--builza-white); font-size:clamp(32px,4vw,54px); margin-bottom:14px; }
.pagehead-inner-trligs p{ max-width:720px; margin:0; font-size:19px; }
.crumbs-trligs{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; font-size:16px; margin-bottom:18px; }
.crumbs-trligs a{ color:rgba(var(--builza-white-rgb),.72); }
.crumbs-trligs a:hover{ color:var(--builza-base); }
.crumbs-trligs svg{ font-size:15px; color:rgba(var(--builza-white-rgb),.4); }
.crumbs-trligs span{ color:var(--builza-base); }

/* =====================================================================
   ÜRÜN DETAY
   ===================================================================== */
.pdetail-trligs{
  display:grid; grid-template-columns:minmax(0,0.72fr) minmax(0,1.28fr);
  gap:56px; align-items:start;
}
.pdetail-media-trligs{
  position:relative; background:var(--builza-primary);
  border-radius:var(--radius-trligs); padding:26px;
  display:grid; place-items:center; aspect-ratio:1/1;
  width:100%; max-width:380px; margin-inline:auto;
  border:1px solid rgba(var(--builza-bdr-color-rgb),.6);
}
.pdetail-media-trligs img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.pdetail-media-badge-trligs{
  position:absolute; top:20px; left:20px;
  background:var(--builza-base); color:#fff; font-weight:700; font-size:14px;
  letter-spacing:.08em; text-transform:uppercase; padding:8px 14px; border-radius:3px;
}
.pdetail-info-trligs h1{ font-size:clamp(28px,3vw,40px); margin-bottom:14px; }
.pdetail-meta-trligs{ display:flex; gap:22px; flex-wrap:wrap; font-size:16.5px; margin-bottom:20px; }
.pdetail-meta-trligs b{ color:var(--builza-black); }
.pdetail-price-trligs{
  display:flex; align-items:baseline; gap:14px; flex-wrap:wrap;
  padding:22px 0; margin-bottom:8px;
  border-block:1px solid rgba(var(--builza-bdr-color-rgb),.8);
}
.pdetail-price-trligs strong{ font-size:40px; font-weight:800; color:var(--builza-black); line-height:1; }
.pdetail-price-trligs del{ font-size:21px; color:rgba(var(--builza-gray-rgb),.8); }
.pdetail-price-trligs span{ font-size:16px; }
.pdetail-stock-trligs{
  display:inline-flex; align-items:center; gap:9px; margin:18px 0;
  font-weight:600; color:#1f8b4c; font-size:17px;
}
.pdetail-buy-trligs{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin:22px 0 26px; }
.qty-trligs{
  display:flex; align-items:center;
  border:1px solid rgba(var(--builza-bdr-color-rgb),.9); border-radius:4px; overflow:hidden;
}
.qty-trligs button{
  width:50px; height:58px; border:0; background:var(--builza-primary);
  color:var(--builza-black); font-size:20px; display:grid; place-items:center;
  transition:.2s ease;
}
.qty-trligs button:hover{ background:var(--builza-base); color:#fff; }
.qty-trligs input{
  width:66px; height:58px; border:0; text-align:center; font-weight:700; font-size:19px; outline:none;
  -moz-appearance:textfield;
}
.qty-trligs input::-webkit-outer-spin-button,.qty-trligs input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.pdetail-usp-trligs{ display:grid; gap:12px; margin-top:26px; }
.pdetail-usp-trligs li{ display:flex; gap:12px; align-items:flex-start; font-size:16.5px; }
.pdetail-usp-trligs svg{ color:var(--builza-base); font-size:22px; margin-top:3px; }

.tabs-trligs{ margin-top:70px; }
.tabs-nav-trligs{ display:flex; gap:8px; flex-wrap:wrap; border-bottom:1px solid rgba(var(--builza-bdr-color-rgb),.8); }
.tabs-nav-trligs button{
  border:0; background:none; padding:16px 24px;
  font-size:19px; font-weight:600; color:var(--builza-gray);
  border-bottom:3px solid transparent; margin-bottom:-1px;
  transition:.22s ease;
}
.tabs-nav-trligs button.is-active-trligs{ color:var(--builza-black); border-bottom-color:var(--builza-base); }
.tab-panel-trligs{ padding-top:30px; max-width:920px; }
.tab-panel-trligs[hidden]{ display:none; }
.tab-panel-trligs h2{ font-size:26px; }
.spec-table-trligs{ width:100%; border-collapse:collapse; }
.spec-table-trligs tr{ border-bottom:1px solid rgba(var(--builza-bdr-color-rgb),.7); }
.spec-table-trligs tr:nth-child(odd){ background:var(--builza-primary); }
.spec-table-trligs th,.spec-table-trligs td{ text-align:left; padding:15px 18px; font-size:17px; }
.spec-table-trligs th{ width:46%; color:var(--builza-black); font-weight:600; }

/* =====================================================================
   NEDEN BİZ (koyu bölüm)
   ===================================================================== */
.why-trligs{ position:relative; display:grid; grid-template-columns:minmax(280px,32%) 88px 1fr; background:var(--builza-black); }
.why-media-trligs{ position:relative; min-height:560px; background-size:cover; background-position:center; }
.why-media-trligs::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 55%, rgba(var(--builza-black-rgb),.5)); }
.why-band-trligs{
  background:var(--builza-base); display:grid; place-items:center;
}
.why-band-trligs span{
  writing-mode:vertical-rl; transform:rotate(180deg);
  font-size:clamp(30px,3vw,44px); font-weight:800; color:var(--builza-white);
  letter-spacing:-.01em; white-space:nowrap;
}
.why-body-trligs{
  position:relative; padding:64px clamp(24px,5vw,80px);
  display:grid; grid-template-columns:1fr 1fr; align-content:center;
}
.why-body-trligs::before{
  content:''; position:absolute; left:50%; top:64px; bottom:64px; width:1px;
  background:rgba(var(--builza-white-rgb),.14);
}
.why-body-trligs::after{
  content:''; position:absolute; left:clamp(24px,5vw,80px); right:clamp(24px,5vw,80px); top:50%; height:1px;
  background:rgba(var(--builza-white-rgb),.14);
}
.why-item-trligs{ padding:30px clamp(14px,2.4vw,40px); text-align:center; position:relative; z-index:2; }
.why-item-trligs svg{ font-size:44px; color:var(--builza-base); margin-bottom:16px; }
.why-item-trligs h4{ font-size:23px; margin-bottom:10px; color:var(--builza-white); }
.why-item-trligs p{ font-size:16.5px; margin:0; color:rgba(var(--builza-white-rgb),.62); }
.why-nums-trligs{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  z-index:3; display:grid; grid-template-columns:1fr 1fr; gap:0;
}
.why-nums-trligs span{
  width:52px; height:52px; display:grid; place-items:center;
  background:#1b202e; color:rgba(var(--builza-white-rgb),.85);
  font-size:15px; font-weight:700; border-radius:50%;
  border:1px solid rgba(var(--builza-white-rgb),.12);
}

/* =====================================================================
   AVANTAJLAR (asimetrik düzen)
   ===================================================================== */
.adv-trligs{ display:grid; grid-template-columns:390px 1fr; gap:64px; align-items:start; }
.adv-intro-trligs{ position:sticky; top:calc(var(--header-h-trligs) + 30px); }
.adv-intro-trligs h2{ font-size:clamp(28px,2.6vw,38px); margin-bottom:16px; }
.adv-intro-trligs p{ font-size:17.5px; }
.adv-stat-trligs{
  display:grid; grid-template-columns:1fr 1fr; gap:22px;
  margin-top:30px; padding:26px 28px;
  background:var(--builza-black); border-radius:14px;
}
.adv-stat-trligs div span{ display:block; font-size:15px; color:rgba(var(--builza-white-rgb),.6); line-height:1.4; margin-top:4px; }
.adv-stat-trligs div strong{ font-size:38px; font-weight:800; color:var(--builza-base); line-height:1; }

.adv-list-trligs{ display:grid; grid-template-columns:1fr 1fr; gap:0 46px; }
.adv-item-trligs{
  position:relative; padding:30px 24px 30px 0;
  border-top:1px solid rgba(var(--builza-bdr-color-rgb),.75);
  transition:.3s ease;
}
.adv-list-trligs > .adv-item-trligs:nth-child(1),
.adv-list-trligs > .adv-item-trligs:nth-child(2){ border-top:0; padding-top:6px; }
.adv-item-trligs::after{
  content:''; position:absolute; left:-24px; top:26px; bottom:26px; width:3px;
  background:var(--builza-base); opacity:0; transition:opacity .3s ease;
}
.adv-item-trligs:hover{ padding-left:10px; padding-right:14px; }
.adv-item-trligs:hover::after{ opacity:1; }
.adv-head-trligs{ display:flex; align-items:center; gap:14px; margin-bottom:12px; }
.adv-ico-trligs{
  width:52px; height:52px; flex:none; border-radius:9px;
  display:grid; place-items:center; font-size:26px;
  background:var(--builza-primary); color:var(--builza-base);
  transition:.3s ease;
}
.adv-item-trligs:hover .adv-ico-trligs{ background:var(--builza-base); color:var(--builza-white); }
.adv-num-trligs{
  margin-left:auto; font-size:15px; font-weight:800; letter-spacing:.14em;
  color:rgba(var(--builza-gray-rgb),.45);
}
.adv-item-trligs h4{ font-size:20px; margin-bottom:8px; }
.adv-item-trligs p{ font-size:16.5px; margin:0; }

/* =====================================================================
   SÜREÇ (zaman çizelgesi)
   ===================================================================== */
.flow-trligs{
  position:relative;
  display:grid; grid-template-columns:repeat(4,1fr); gap:30px;
  padding-top:8px;
}
.flow-trligs::before{
  content:''; position:absolute; left:12%; right:12%; top:50px; height:2px;
  background:repeating-linear-gradient(90deg, rgba(var(--builza-bdr-color-rgb),1) 0 10px, transparent 10px 20px);
}
.flow-item-trligs{ position:relative; text-align:center; padding:0 6px; }
.flow-dot-trligs{
  position:relative; z-index:2;
  width:100px; height:100px; margin:0 auto 22px;
  display:grid; place-items:center; font-size:38px;
  background:var(--builza-white); color:var(--builza-base);
  border:2px solid rgba(var(--builza-bdr-color-rgb),1);
  border-radius:50%;
  transition:.35s ease;
}
.flow-item-trligs:hover .flow-dot-trligs{
  background:var(--builza-base); color:var(--builza-white);
  border-color:var(--builza-base); transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(var(--builza-base-rgb),.32);
}
.flow-step-trligs{
  position:absolute; top:-4px; right:calc(50% - 62px);
  min-width:38px; height:38px; padding:0 8px;
  display:grid; place-items:center; z-index:3;
  background:var(--builza-black); color:var(--builza-white);
  font-size:14px; font-weight:700; letter-spacing:.06em;
  border-radius:50%; border:3px solid var(--builza-white);
}
.flow-item-trligs h4{ font-size:21px; margin-bottom:10px; }
.flow-item-trligs p{ font-size:16.5px; margin:0; }

/* =====================================================================
   MAKALE KARTI
   ===================================================================== */
.articles-grid-trligs{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.acard-trligs{
  display:flex; flex-direction:column;
  background:var(--builza-white);
  border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:var(--radius-trligs); overflow:hidden;
  transition:.3s ease;
}
.acard-trligs:hover{ transform:translateY(-6px); box-shadow:var(--shadow-trligs); border-color:transparent; }
.acard-cover-trligs{
  position:relative; aspect-ratio:16/10; overflow:hidden;
  background:var(--builza-primary); display:block;
}
.acard-cover-trligs img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .55s ease;
}
.acard-trligs:hover .acard-cover-trligs img{ transform:scale(1.06); }
.acard-cover-trligs::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(var(--builza-black-rgb),.28) 0%, transparent 45%);
}
.acard-tag-trligs{
  position:absolute; left:16px; top:16px; z-index:2;
  background:var(--builza-base); color:#fff; font-size:13.5px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; padding:6px 12px; border-radius:3px;
}
.acard-body-trligs{ padding:24px; display:flex; flex-direction:column; gap:12px; flex:1; }
.acard-meta-trligs{ display:flex; gap:18px; flex-wrap:wrap; font-size:15.5px; color:var(--builza-gray); }
.acard-meta-trligs span{ display:inline-flex; align-items:center; gap:7px; }
.acard-meta-trligs svg{ color:var(--builza-base); font-size:17px; }
.acard-body-trligs h3{ font-size:21px; line-height:1.35; margin:0; }
.acard-body-trligs p{ font-size:16.5px; margin:0; }
.acard-body-trligs .link-arrow-trligs{ margin-top:auto; padding-top:8px; }

/* Makale içeriği */
.article-layout-trligs{ display:grid; grid-template-columns:1fr 330px; gap:48px; align-items:start; }
.article-body-trligs{ max-width:820px; font-size:18.5px; }
.article-body-trligs h2{ font-size:30px; margin-top:44px; }
.article-body-trligs h2:first-child{ margin-top:0; }
.article-hero-trligs{
  margin:0 0 34px; border-radius:14px; overflow:hidden; aspect-ratio:16/8;
  background:var(--builza-primary);
}
.article-hero-trligs img{ width:100%; height:100%; object-fit:cover; }
.article-lead-trligs{
  font-size:21px; line-height:1.65; color:var(--builza-black);
  padding-left:24px; border-left:4px solid var(--builza-base); margin-bottom:36px;
}
.article-side-trligs{ position:sticky; top:calc(var(--header-h-trligs) + 18px); display:grid; gap:22px; }
.side-box-trligs{
  background:var(--builza-primary); border-radius:var(--radius-trligs);
  padding:26px; border:1px solid rgba(var(--builza-bdr-color-rgb),.6);
}
.side-box-trligs h4{ font-size:19px; margin-bottom:16px; }
.side-list-trligs li + li{ margin-top:12px; padding-top:12px; border-top:1px solid rgba(var(--builza-bdr-color-rgb),.8); }
.side-list-trligs a{ font-size:16.5px; font-weight:500; line-height:1.45; display:block; }
.side-box-dark-trligs{ background:var(--builza-black); border-color:transparent; color:rgba(var(--builza-white-rgb),.7); }
.side-box-dark-trligs h4{ color:var(--builza-white); }

/* =====================================================================
   CTA
   ===================================================================== */
.cta-trligs{
  position:relative; overflow:hidden;
  background:var(--builza-base); color:var(--builza-white);
  padding:76px 0;
}
.cta-trligs::before{
  content:''; position:absolute; inset:0;
  background:
    radial-gradient(circle at 12% 20%, rgba(var(--builza-white-rgb),.16), transparent 45%),
    radial-gradient(circle at 88% 80%, rgba(var(--builza-black-rgb),.28), transparent 50%);
}
.cta-word-trligs{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  font-size:clamp(90px,15vw,240px); font-weight:800; line-height:1;
  color:rgba(var(--builza-white-rgb),.1); white-space:nowrap; letter-spacing:-.04em;
}
.cta-inner-trligs{
  position:relative; z-index:2;
  display:flex; align-items:center; justify-content:space-between; gap:38px; flex-wrap:wrap;
}

/* Tavandan sarkan ampul — bölüm görünür olunca yukarıdan aşağı iner */
.cta-shape-trligs{
  align-self:flex-start;
  margin:-78px 6px 0;             /* bölümün üst kenarından sarkar */
  width:clamp(160px, 16vw, 240px); height:auto;
  transform:translateY(-118%);
  opacity:0;
  filter:drop-shadow(0 16px 24px rgba(var(--builza-black-rgb), .22));
  transition:transform 1.25s cubic-bezier(.22,.85,.3,1), opacity .8s ease .1s;
  pointer-events:none;
}
.cta-trligs.is-visible-trligs .cta-shape-trligs{
  transform:translateY(0);
  opacity:1;
}
@media (prefers-reduced-motion: reduce){
  .cta-shape-trligs{ transition:none; transform:translateY(0); opacity:1; }
}
.cta-inner-trligs h2{ color:var(--builza-white); margin-bottom:10px; max-width:720px; }
.cta-inner-trligs p{ margin:0; font-size:19.5px; color:rgba(var(--builza-white-rgb),.9); max-width:620px; }
.cta-inner-trligs .btn-trligs{ --btn-bg: var(--builza-white); box-shadow:0 12px 30px rgba(var(--builza-black-rgb),.22); }
.cta-inner-trligs .btn-trligs > span{ color:var(--builza-black); }

/* =====================================================================
   SEPET / ÖDEME
   ===================================================================== */
.cart-layout-trligs{ display:grid; grid-template-columns:1fr 390px; gap:34px; align-items:start; }
.cart-table-trligs{ width:100%; border-collapse:collapse; }
.cart-table-trligs th{
  text-align:left; font-size:15px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--builza-gray); padding:0 14px 14px; font-weight:600;
}
.cart-row-trligs td{ padding:20px 14px; border-top:1px solid rgba(var(--builza-bdr-color-rgb),.8); vertical-align:middle; }
.cart-prod-trligs{ display:flex; gap:18px; align-items:center; }
.cart-thumb-trligs{
  width:96px; height:96px; flex:none; border-radius:8px; background:var(--builza-primary);
  display:grid; place-items:center; padding:10px;
}
.cart-thumb-trligs img{ width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; }
.cart-prod-trligs strong{ display:block; font-size:18px; line-height:1.4; }
.cart-prod-trligs span{ font-size:15px; color:var(--builza-gray); }
.cart-remove-trligs{
  width:44px; height:44px; border:0; border-radius:4px; background:var(--builza-primary);
  color:var(--builza-gray); display:grid; place-items:center; font-size:20px; transition:.22s ease;
}
.cart-remove-trligs:hover{ background:#e5484d; color:#fff; }
.cart-line-total-trligs{ font-size:20px; font-weight:700; color:var(--builza-black); white-space:nowrap; }
.cart-unit-trligs{ white-space:nowrap; }

.summary-trligs{
  background:var(--builza-primary); border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:var(--radius-trligs); padding:28px;
  position:sticky; top:calc(var(--header-h-trligs) + 18px);
}
.summary-trligs h3{ font-size:24px; margin-bottom:20px; }
.summary-row-trligs{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:12px 0; font-size:17.5px;
}
.summary-row-trligs + .summary-row-trligs{ border-top:1px solid rgba(var(--builza-bdr-color-rgb),.8); }
.summary-total-trligs{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  margin-top:14px; padding-top:18px; border-top:2px solid var(--builza-black);
  font-size:20px;
}
.summary-total-trligs strong{ font-size:29px; font-weight:800; }
.summary-note-trligs{ font-size:15.5px; margin:16px 0 0; display:flex; gap:10px; }
.summary-note-trligs svg{ color:var(--builza-base); font-size:20px; flex:none; }

.checkout-layout-trligs{ display:grid; grid-template-columns:1fr 390px; gap:34px; align-items:start; }
.form-card-trligs{
  background:var(--builza-white); border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:var(--radius-trligs); padding:32px; margin-bottom:24px;
}
.form-card-trligs h3{ display:flex; align-items:center; gap:12px; font-size:23px; margin-bottom:22px; }
.form-card-trligs h3 i{
  width:40px; height:40px; border-radius:6px; background:var(--builza-base); color:#fff;
  display:grid; place-items:center; font-size:20px; font-style:normal;
}
.form-grid-trligs{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.field-trligs{ display:flex; flex-direction:column; gap:8px; }
.field-trligs.is-full-trligs{ grid-column:1/-1; }
.field-trligs label{ font-size:16.5px; font-weight:600; color:var(--builza-black); }
.field-trligs input,.field-trligs select,.field-trligs textarea{
  padding:15px 16px; border-radius:6px; background:var(--builza-white);
  border:1px solid rgba(var(--builza-bdr-color-rgb),.9);
  transition:border-color .2s ease, box-shadow .2s ease; outline:none;
}
.field-trligs input:focus,.field-trligs select:focus,.field-trligs textarea:focus{
  border-color:var(--builza-base); box-shadow:0 0 0 4px rgba(var(--builza-base-rgb),.12);
}
.field-trligs textarea{ min-height:120px; resize:vertical; }
.field-trligs.has-error-trligs input,.field-trligs.has-error-trligs select,.field-trligs.has-error-trligs textarea{
  border-color:#e5484d; box-shadow:0 0 0 4px rgba(229,72,77,.1);
}
.err-trligs{ color:#e5484d; font-size:15px; min-height:1px; }
.check-trligs{ display:flex; gap:12px; align-items:flex-start; font-size:16.5px; cursor:pointer; }
.check-trligs input{ width:22px; height:22px; margin-top:3px; accent-color:var(--builza-base); flex:none; }
.pay-options-trligs{ display:grid; gap:14px; }
.pay-option-trligs{
  display:flex; gap:14px; align-items:flex-start; padding:18px;
  border:1px solid rgba(var(--builza-bdr-color-rgb),.9); border-radius:8px; cursor:pointer;
  transition:.22s ease;
}
.pay-option-trligs:hover{ border-color:var(--builza-base); }
.pay-option-trligs input{ margin-top:5px; width:22px; height:22px; accent-color:var(--builza-base); }
.pay-option-trligs strong{ display:block; font-size:18px; }
.pay-option-trligs span{ font-size:16px; }
.mini-list-trligs li{
  display:flex; justify-content:space-between; gap:12px; align-items:flex-start;
  padding:12px 0; font-size:16.5px; border-bottom:1px solid rgba(var(--builza-bdr-color-rgb),.8);
}
.mini-list-trligs li b{ white-space:nowrap; }

/* Sipariş başarı */
.success-card-trligs{
  max-width:820px; margin:0 auto; text-align:center;
  background:var(--builza-white); border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:var(--radius-trligs); padding:56px 40px;
}
.success-ico-trligs{
  width:92px; height:92px; margin:0 auto 24px; border-radius:50%;
  display:grid; place-items:center; background:rgba(31,139,76,.12); color:#1f8b4c; font-size:44px;
}
.order-no-trligs{
  display:inline-block; margin:8px 0 26px; padding:14px 28px;
  background:var(--builza-black); color:var(--builza-white);
  font-size:24px; font-weight:700; letter-spacing:.08em; border-radius:6px;
}
.success-grid-trligs{
  display:grid; grid-template-columns:repeat(2,1fr); gap:18px; text-align:left; margin:32px 0;
}
.success-grid-trligs div{ background:var(--builza-primary); border-radius:8px; padding:18px 20px; }
.success-grid-trligs span{ display:block; font-size:15px; letter-spacing:.08em; text-transform:uppercase; color:var(--builza-gray); }
.success-grid-trligs strong{ font-size:18px; }

/* =====================================================================
   İLETİŞİM / KURUMSAL
   ===================================================================== */
.contact-grid-trligs{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.contact-card-trligs{
  background:var(--builza-white); border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:var(--radius-trligs); padding:32px; transition:.3s ease;
}
.contact-card-trligs:hover{ transform:translateY(-6px); box-shadow:var(--shadow-trligs); border-color:transparent; }
.contact-ico-trligs{
  width:64px; height:64px; border-radius:8px; display:grid; place-items:center;
  background:var(--builza-primary); color:var(--builza-base); font-size:28px; margin-bottom:18px;
}
.contact-card-trligs h4{ margin-bottom:10px; }
.contact-card-trligs p{ margin:0; font-size:17px; }

.hours-table-trligs{ width:100%; border-collapse:collapse; }
.hours-table-trligs tr{ border-bottom:1px solid rgba(var(--builza-bdr-color-rgb),.7); }
.hours-table-trligs tr:last-child{ border-bottom:0; }
.hours-table-trligs td{ padding:15px 8px; font-size:17.5px; }
.hours-table-trligs td:last-child{ text-align:right; font-weight:600; color:var(--builza-black); }
.hours-table-trligs .is-closed-trligs td:last-child{ color:#e5484d; }

.info-table-trligs{ width:100%; border-collapse:collapse; }
.info-table-trligs tr{ border-bottom:1px solid rgba(var(--builza-bdr-color-rgb),.7); }
.info-table-trligs th{ text-align:left; padding:16px 8px; width:38%; font-size:17px; color:var(--builza-gray); font-weight:500; }
.info-table-trligs td{ padding:16px 8px; font-size:17.5px; color:var(--builza-black); font-weight:600; }

.legal-content-trligs{ max-width:900px; font-size:18px; }
.legal-content-trligs h2{ font-size:27px; margin-top:40px; }
.legal-content-trligs h2:first-child{ margin-top:0; }
.legal-content-trligs h3{ font-size:21px; margin-top:28px; }
.legal-content-trligs ul{ margin:0 0 1.2em; padding-left:22px; list-style:disc; }
.legal-content-trligs li{ margin-bottom:9px; }
.legal-note-trligs{
  background:var(--builza-primary); border-left:4px solid var(--builza-base);
  padding:22px 26px; border-radius:0 8px 8px 0; margin:28px 0;
}
.legal-note-trligs p:last-child{ margin-bottom:0; }

.values-grid-trligs{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.value-card-trligs{
  padding:32px; border-radius:var(--radius-trligs);
  background:var(--builza-white); border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
}
.value-card-trligs svg{ font-size:38px; color:var(--builza-base); margin-bottom:16px; }
.value-card-trligs h4{ margin-bottom:10px; }
.value-card-trligs p{ margin:0; font-size:16.5px; }

.about-split-trligs{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
.about-media-trligs{ position:relative; border-radius:var(--radius-trligs); overflow:hidden; min-height:640px; background-size:cover; background-position:center; }
.about-media-badge-trligs{
  position:absolute; left:24px; bottom:24px;
  background:var(--builza-base); color:#fff; padding:22px 26px; border-radius:8px;
}
.about-media-badge-trligs strong{ display:block; font-size:34px; color:#fff; line-height:1; }
.about-media-badge-trligs span{ font-size:15.5px; letter-spacing:.08em; text-transform:uppercase; }

/* =====================================================================
   ÇEREZ / MODAL / TOAST
   ===================================================================== */
.cookie-trligs{
  position:fixed; left:24px; right:24px; bottom:24px; z-index:88;
  max-width:820px; margin:0 auto;
  display:flex; gap:20px; align-items:center; flex-wrap:wrap;
  background:var(--builza-white); border:1px solid rgba(var(--builza-bdr-color-rgb),.7);
  border-radius:var(--radius-trligs); padding:22px 26px;
  box-shadow:0 24px 60px rgba(var(--builza-black-rgb),.2);
  animation:cookieIn-trligs .4s ease;
}
@keyframes cookieIn-trligs{ from{ opacity:0; transform:translateY(24px);} to{ opacity:1; transform:none;} }
.cookie-ico-trligs{
  width:56px; height:56px; border-radius:8px; flex:none;
  display:grid; place-items:center; background:var(--builza-primary); color:var(--builza-base); font-size:28px;
}
.cookie-body-trligs{ flex:1; min-width:260px; }
.cookie-body-trligs strong{ display:block; font-size:19px; }
.cookie-body-trligs p{ margin:4px 0 0; font-size:16px; }
.cookie-body-trligs a{ color:var(--builza-base); text-decoration:underline; }
.cookie-actions-trligs{ display:flex; gap:10px; flex-wrap:wrap; }

.modal-trligs{ position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:24px; }
.modal-backdrop-trligs{ position:absolute; inset:0; background:rgba(var(--builza-black-rgb),.62); backdrop-filter:blur(3px); }
.modal-dialog-trligs{
  position:relative; z-index:2; width:min(900px,100%);
  background:var(--builza-white); border-radius:var(--radius-trligs); overflow:hidden;
  display:grid; grid-template-columns:1fr 1fr;
  box-shadow:0 40px 90px rgba(var(--builza-black-rgb),.4);
  animation:modalIn-trligs .35s cubic-bezier(.2,.8,.3,1);
  max-height:92vh;
}
@keyframes modalIn-trligs{ from{ opacity:0; transform:translateY(28px) scale(.97);} to{ opacity:1; transform:none;} }
.modal-close-trligs{
  position:absolute; top:14px; right:14px; z-index:5;
  width:44px; height:44px; border:0; border-radius:50%;
  background:var(--builza-white); color:var(--builza-black);
  display:grid; place-items:center; font-size:22px;
  box-shadow:var(--shadow-sm-trligs); transition:.25s ease;
}
.modal-close-trligs:hover{ background:var(--builza-base); color:#fff; transform:rotate(90deg); }
.modal-visual-trligs{
  position:relative; min-height:340px;
  background:
    radial-gradient(circle at 30% 25%, rgba(var(--builza-base-rgb),.9), transparent 60%),
    linear-gradient(150deg, #171c2b, #0e121d);
  display:grid; place-items:center; padding:36px; color:#fff;
}
.modal-visual-trligs::before{
  content:''; position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(var(--builza-white-rgb),.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--builza-white-rgb),.06) 1px, transparent 1px);
  background-size:34px 34px;
}
.modal-visual-inner-trligs{ position:relative; text-align:center; }
.modal-visual-badge-trligs{
  display:inline-grid; place-items:center; width:130px; height:130px; border-radius:50%;
  background:var(--builza-base); color:#fff; font-size:44px; font-weight:800;
  border:6px solid rgba(var(--builza-white-rgb),.18); margin-bottom:20px;
}
.modal-visual-ico-trligs{ display:block; font-size:34px; color:rgba(var(--builza-white-rgb),.9); margin-bottom:10px; }
.modal-visual-inner-trligs p{ margin:0; font-size:18px; color:rgba(var(--builza-white-rgb),.85); }
.modal-content-trligs{ padding:40px; overflow-y:auto; }
.modal-content-trligs h3{ font-size:29px; margin-bottom:10px; }
.modal-lead-trligs{ font-size:17px; }
.sub-form-trligs{ display:grid; gap:14px; margin-top:8px; }
.modal-skip-trligs{
  border:0; background:none; color:var(--builza-gray); font-size:16px;
  text-decoration:underline; padding:6px; justify-self:center;
}
.modal-skip-trligs:hover{ color:var(--builza-base); }
.sub-success-trligs{ text-align:center; padding:10px 0; }
.sub-success-ico-trligs{
  width:76px; height:76px; margin:0 auto 18px; border-radius:50%;
  display:grid; place-items:center; background:rgba(31,139,76,.12); color:#1f8b4c; font-size:36px;
}
.spinner-trligs{
  position:absolute; right:20px; top:50%; transform:translateY(-50%);
  width:22px; height:22px; border-radius:50%;
  border:2.5px solid rgba(var(--builza-white-rgb),.35); border-top-color:#fff;
  animation:spin-trligs .7s linear infinite;
}
@keyframes spin-trligs{ to{ transform:translateY(-50%) rotate(360deg);} }
.btn-trligs.is-loading-trligs{ position:relative; }
.btn-trligs.is-loading-trligs > i{ opacity:0; }

.toast-trligs{
  position:fixed; right:24px; bottom:24px; z-index:110;
  display:flex; align-items:center; gap:12px;
  background:var(--builza-black); color:#fff;
  padding:16px 22px; border-radius:8px; font-size:17px;
  box-shadow:0 20px 44px rgba(var(--builza-black-rgb),.35);
  animation:cookieIn-trligs .3s ease;
}
.toast-ico-trligs{
  width:32px; height:32px; border-radius:50%; display:grid; place-items:center;
  background:var(--builza-base); font-size:18px;
}
.totop-trligs{
  position:fixed; right:24px; bottom:96px; z-index:80;
  width:52px; height:52px; border:0; border-radius:6px;
  background:var(--builza-black); color:#fff; font-size:22px;
  display:grid; place-items:center; opacity:0; pointer-events:none;
  transition:.3s ease;
}
.totop-trligs.is-visible-trligs{ opacity:1; pointer-events:auto; }
.totop-trligs:hover{ background:var(--builza-base); }

/* =====================================================================
   FOOTER
   ===================================================================== */
.footer-trligs{ position:relative; background:var(--builza-black); color:rgba(var(--builza-white-rgb),.62); padding-top:86px; overflow:hidden; }
.footer-bg-text-trligs{
  position:absolute; left:50%; bottom:52px; transform:translateX(-50%);
  font-size:clamp(90px,14vw,220px); font-weight:800; line-height:1;
  color:rgba(var(--builza-white-rgb),.035); white-space:nowrap; letter-spacing:-.04em;
}
.footer-top-trligs{
  position:relative; z-index:2;
  display:grid; grid-template-columns:1.5fr 1fr 1.2fr 1.1fr; gap:40px;
  padding-bottom:52px;
}
.footer-col-trligs h4{ color:var(--builza-white); font-size:20px; margin-bottom:22px; }
.footer-brand-trligs p{ font-size:16.5px; margin:20px 0; }
.footer-brand-trligs .logo-text-trligs strong{ color:#fff; }
.footer-brand-trligs .logo-text-trligs em{ color:rgba(var(--builza-white-rgb),.55); }
.footer-contact-trligs li{ display:flex; gap:12px; align-items:flex-start; font-size:16.5px; margin-bottom:12px; }
.footer-contact-trligs svg{ color:var(--builza-base); font-size:20px; margin-top:4px; }
.footer-contact-trligs a{ color:rgba(var(--builza-white-rgb),.72); }
.footer-contact-trligs a:hover{ color:var(--builza-base); }
.footer-list-trligs li{ margin-bottom:10px; }
.footer-list-trligs a{
  display:flex; align-items:flex-start; gap:8px; font-size:16.5px;
  color:rgba(var(--builza-white-rgb),.62); line-height:1.45;
}
.footer-list-trligs svg{ color:var(--builza-base); font-size:15px; margin-top:6px; flex:none; }
.footer-list-trligs a:hover{ color:var(--builza-base); }

.footer-doc-trligs{
  position:relative; z-index:2;
  display:flex; align-items:center; gap:20px;
  background:rgba(var(--builza-white-rgb),.05);
  border:1px solid rgba(var(--builza-white-rgb),.12);
  border-radius:var(--radius-trligs); padding:22px 26px; margin-bottom:34px;
  transition:.3s ease;
}
.footer-doc-trligs:hover{ background:rgba(var(--builza-base-rgb),.14); border-color:var(--builza-base); }
.footer-doc-ico-trligs{
  width:58px; height:58px; flex:none; border-radius:8px; display:grid; place-items:center;
  background:var(--builza-base); color:#fff; font-size:28px;
}
.footer-doc-body-trligs{ flex:1; }
.footer-doc-body-trligs strong{ display:block; color:#fff; font-size:19px; }
.footer-doc-body-trligs em{ font-style:normal; font-size:16px; color:rgba(var(--builza-white-rgb),.6); }
.footer-doc-arrow-trligs{ font-size:24px; color:var(--builza-base); }

.footer-legalinfo-trligs{
  position:relative; z-index:2;
  display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
  padding-bottom:36px;
}
.footer-legalinfo-trligs div{ border-left:2px solid rgba(var(--builza-base-rgb),.6); padding-left:16px; }
.footer-legalinfo-trligs span{ display:block; font-size:14.5px; letter-spacing:.1em; text-transform:uppercase; color:rgba(var(--builza-white-rgb),.45); }
.footer-legalinfo-trligs strong{ color:rgba(var(--builza-white-rgb),.88); font-size:16px; font-weight:500; line-height:1.4; }

.footer-bottom-trligs{ position:relative; z-index:2; border-top:1px solid rgba(var(--builza-white-rgb),.1); }
.footer-bottom-inner-trligs{
  display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
  padding:24px 0;
}
.footer-bottom-inner-trligs p{ margin:0; font-size:16px; }

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:1440px){
  .hsearch-trligs input{ width:190px; }
  .mainnav-trligs > ul{ gap:2px; }
  .mainnav-trligs a,.megabtn-trligs{ padding:12px 12px; font-size:17px; }
  .header-inner-trligs{ gap:18px; }
}

@media (max-width:1300px){
  .hsearch-trligs{ display:none; }
}

@media (max-width:1200px){
  .products-grid-trligs{ grid-template-columns:repeat(3,1fr); }
  .process-grid-trligs{ grid-template-columns:repeat(2,1fr); }
  .mega-grid-trligs{ grid-template-columns:repeat(2,1fr); }
  .footer-top-trligs{ grid-template-columns:1fr 1fr; }
  .mainnav-trligs a,.megabtn-trligs{ padding:12px 9px; font-size:16.5px; }
  .logo-text-trligs strong{ font-size:23px; }
  .logo-text-trligs em{ font-size:12.5px; letter-spacing:.14em; }
}

@media (max-width:1080px){
  .mainnav-trligs{ display:none; }
  .shop-layout-trligs{ grid-template-columns:1fr; }
  .filters-trligs{ position:static; display:none; }
  .filters-trligs.is-open-trligs{ display:block; }
  .filters-toggle-trligs{ display:inline-flex; }
  .cart-layout-trligs,.checkout-layout-trligs,.article-layout-trligs{ grid-template-columns:1fr; }
  .summary-trligs,.article-side-trligs{ position:static; }
  .why-trligs{ grid-template-columns:1fr; }
  .why-media-trligs{ min-height:340px; }
  .why-band-trligs{ padding:20px; }
  .why-band-trligs span{ writing-mode:horizontal-tb; transform:none; }
  .about-split-trligs{ grid-template-columns:1fr; }
  .pdetail-trligs{ grid-template-columns:1fr; gap:34px; }
  .adv-trligs{ grid-template-columns:1fr; gap:40px; }
  .adv-intro-trligs{ position:static; }
  .adv-stat-trligs{ max-width:420px; }
  .flow-trligs{ grid-template-columns:repeat(2,1fr); gap:44px 24px; }
  .flow-trligs::before{ display:none; }
}

@media (max-width:900px){
  body{ font-size:17.5px; }
  .section-trligs{ padding:70px 0; }
  .products-grid-trligs,.products-grid-trligs.is-3-trligs,
  .cats-grid-trligs,.articles-grid-trligs,.contact-grid-trligs,.values-grid-trligs{ grid-template-columns:repeat(2,1fr); }
  .usp-strip-inner-trligs{ grid-template-columns:repeat(2,1fr); }
  .topbar-info-trligs li:nth-child(2){ display:none; }
  .modal-dialog-trligs{ grid-template-columns:1fr; max-height:94vh; overflow-y:auto; }
  .modal-visual-trligs{ min-height:0; padding:18px 20px; }
  .modal-visual-badge-trligs{ width:76px; height:76px; font-size:27px; border-width:4px; margin-bottom:10px; }
  .modal-visual-ico-trligs{ font-size:26px; margin-bottom:6px; }
  .modal-visual-inner-trligs p{ font-size:16px; }
  .modal-content-trligs{ padding:26px; overflow:visible; }
  .cta-shape-trligs{
    align-self:center; width:150px; margin:-56px auto 4px;
    transform:translateY(-80px);
  }
  .footer-legalinfo-trligs{ grid-template-columns:1fr 1fr; }
  .success-grid-trligs{ grid-template-columns:1fr; }
  .adv-list-trligs{ grid-template-columns:1fr; }
  .adv-list-trligs > .adv-item-trligs:nth-child(2){ border-top:1px solid rgba(var(--builza-bdr-color-rgb),.75); padding-top:30px; }
  .related-grid-trligs{ grid-template-columns:1fr 1fr; }
}

@media (max-width:720px){
  .hsearch-trligs{ display:none; }
  .topbar-info-trligs{ display:none; }
  .topbar-inner-trligs{ justify-content:center; }
  .form-grid-trligs{ grid-template-columns:1fr; }
  .why-body-trligs{ grid-template-columns:1fr; }
  .why-body-trligs::before{ display:none; }
  .why-body-trligs::after{ display:none; }
  .why-nums-trligs{ display:none; }
  .why-item-trligs{ border-bottom:1px solid rgba(var(--builza-white-rgb),.12); }
  .why-item-trligs:last-child{ border-bottom:0; }
  .cart-table-trligs thead{ display:none; }
  .cart-row-trligs{ display:grid; grid-template-columns:1fr auto; gap:8px; padding:18px 0; border-top:1px solid rgba(var(--builza-bdr-color-rgb),.8); }
  .cart-row-trligs td{ border:0; padding:4px 0; }
  .cart-row-trligs td:first-child{ grid-column:1/-1; }
}

@media (max-width:600px){
  .products-grid-trligs,.products-grid-trligs.is-3-trligs,
  .cats-grid-trligs,.articles-grid-trligs,.contact-grid-trligs,
  .values-grid-trligs,.process-grid-trligs,.mega-grid-trligs,
  .flow-trligs,.related-grid-trligs{ grid-template-columns:1fr; }
  .adv-stat-trligs{ grid-template-columns:1fr 1fr; }
  .usp-strip-inner-trligs{ grid-template-columns:1fr; }
  .footer-top-trligs,.footer-legalinfo-trligs{ grid-template-columns:1fr; }
  .btn-trligs{ font-size:17.5px; }
  .btn-trligs > span{ padding:16px 20px; }
  .btn-trligs > i{ width:54px; }
  .hero-inner-trligs{ padding:76px 0 64px; }
  .hero-stats-trligs{ gap:26px; }
  .cookie-trligs{ left:12px; right:12px; bottom:12px; padding:18px; }
  .cookie-actions-trligs .btn-trligs,.cookie-actions-trligs .btn-ghost-trligs{ flex:1; justify-content:center; }
  .totop-trligs{ bottom:150px; right:14px; }
}