
/* razse-logo-20261018.css */
/* Original Razse artwork; keep its proportions and gold colors. */
img.logo{filter:none!important;object-fit:contain!important;height:auto!important;display:block;max-width:100%}
header>a:first-child{flex-shrink:0}
header .logo{width:270px!important;max-height:92px!important}
footer .logo{width:290px!important;max-height:none!important;margin-bottom:20px}
.auth-card .logo,.auth-brand .logo,.login-card .logo{width:270px!important;margin:0 auto 24px}
@media(max-width:1000px){header .logo{width:220px!important}}
@media(max-width:600px){header .logo{width:190px!important;max-height:64px!important}footer .logo{width:270px!important}.header-actions{gap:8px}}
@media(max-width:360px){header .logo{width:160px!important}.header-actions{gap:5px}}

/* koleksiyonlar-20261020.css */
.home-page .collections #categories{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px}
.home-page .collections #categories .category:nth-child(n){grid-column:auto!important;grid-row:auto!important;aspect-ratio:4/5}
.home-page .collections #categories .category b{font-size:clamp(25px,2.1vw,35px);line-height:1.12;overflow-wrap:normal}
@media(max-width:900px){.home-page .collections #categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}.home-page .collections #categories .category:nth-child(n){grid-column:auto!important;aspect-ratio:4/5}.home-page .collections #categories .category b{font-size:27px}}
@media(max-width:600px){.home-page .collections #categories{gap:12px}.home-page .collections #categories .category:nth-child(n){aspect-ratio:3/4}.home-page .collections #categories .category b{font-size:clamp(19px,5vw,24px)}.home-page .collections #categories .category .category-label{gap:6px}.home-page .collections #categories .category .category-label>svg{width:25px;height:25px;min-width:25px;padding:6px}}


/* yilbasi-gorseller-20261020.css */
/* Only the seven seasonal images; show the whole product without cropping. */
img[src^="/images/yilbasi-20261020/"]{object-fit:contain!important;object-position:center!important;background:#15120e}


/* dekoratif-kutu-gorseller-20261020.css */
/* ImageGen portrait scenes: fill existing cards without letterbox bars. */
img[src^="/images/dekoratif-kutular-20261020/"],img[src*="/images/dekoratif-kutular-20261020/"]{object-fit:cover!important;object-position:center!important;background:#15120e}


/* tekli-urun-gorseller-20261020.css */
/* Single SKU lifestyle images: preserve the original card size and fill it. */
img[src*="/images/tekli-urunler-20261020/"]{object-fit:cover!important;object-position:center!important}


/* eskitme-kup-gorseller-20261020.css */
/* Portrait floor scenes: fill product cards. */
img[src*="/images/eskitme-kupler-20261020/"]{object-fit:cover!important;object-position:center!important}


/* fma2-gorseller-20261020.css */
/* Product-safe framing; scoped only to this batch. */
.product-image:has(img[src*="/images/fma2-20261020/"]){height:auto!important;aspect-ratio:3/4!important;overflow:hidden}
.product-image:has(img[src*="/images/fma2-20261020/"])>button{position:absolute;inset:0;width:100%;height:100%;padding:0!important}
img[src*="/images/fma2-20261020/"]{object-fit:cover!important;object-position:center!important}
.product:hover img[src*="/images/fma2-20261020/"]{transform:none!important}
.detail .detail-photo img[src*="/images/fma2-20261020/"]{object-fit:contain!important}


/* razse-katalog-duzeni-20261020.css */
/* Compact catalog headings and consistently framed product photographs. */
.hero .hero-copy>p,
.collections .collection-intro,
.products .catalog-intro,
.products #catalogIntro{display:none!important;margin:0!important;padding:0!important}

body.catalog-page .products{padding-top:24px!important}
.products .catalog-breadcrumb{margin-bottom:14px!important;gap:9px}
.products .catalog-heading{margin-bottom:18px!important;align-items:center;gap:16px}
.products .catalog-heading #catalogTitle{font-size:clamp(32px,3.1vw,46px)!important;line-height:1.16!important;letter-spacing:-.7px!important;margin:0!important;overflow-wrap:normal}
.products .catalog-heading .subtle{font-size:12px;white-space:nowrap}
.products .catalog-toolbar{margin-bottom:20px!important;padding-bottom:0!important;gap:10px 12px}
.products .catalog-toolbar .filters{gap:8px}

.product-grid{gap:28px 20px!important}
.product-grid .product .product-image{position:relative;height:auto!important;aspect-ratio:4/5!important;margin:0!important;padding:0!important;overflow:hidden}
.product-grid .product .product-image>button{position:absolute!important;inset:0;width:100%!important;height:100%!important;padding:0!important;display:block}
.product-grid .product .product-image>button>img{display:block;width:100%!important;height:100%!important;max-height:none!important;padding:0!important;margin:0!important;object-fit:cover!important;object-position:50% 60%!important;mix-blend-mode:normal!important}
.product-grid .product:hover .product-image img{transform:none!important}
/* This narrow mirror has less space above its crown in the original photo. */
.product-grid .product .product-image>button>img[src*="/fma2-20261020/FMA-680.webp"]{object-position:50% 25%!important}
@media(min-width:1200px){.products .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:761px) and (max-width:1199px){.products .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
 body.catalog-page .products{padding-top:18px!important}
 .products .catalog-breadcrumb{font-size:10px;margin-bottom:12px!important;gap:7px}
 .products .catalog-heading #catalogTitle{font-size:clamp(27px,6.7vw,34px)!important;letter-spacing:-.4px!important}
 .products .catalog-heading{margin-bottom:16px!important;gap:10px;align-items:flex-start}
 .products .catalog-heading>div{min-width:0}
 .products .catalog-heading .subtle{font-size:10px;padding-top:7px}
 .products .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important}
 .products .catalog-toolbar{margin-bottom:18px!important}
}


/* razse-teklif-butonu-20261021.css */
/* Make adding products to the quote list an obvious primary action. */
.product .product-add,
#detailAdd{
 display:flex!important;align-items:center;justify-content:center;gap:10px;
 width:100%;min-height:48px;padding:14px 16px!important;
 margin-top:12px;background:#d3ad65!important;background-image:none!important;
 color:#111!important;-webkit-text-fill-color:#111!important;
 border:1px solid #e3c78d!important;border-radius:3px;
 font-size:14px!important;font-weight:700!important;line-height:1.4;
 text-align:center;opacity:1;box-shadow:0 4px 14px #0002;
}
.product .product-add svg,#detailAdd svg{color:#111!important;stroke:currentColor;width:20px!important;height:20px!important;flex-shrink:0;transform:none!important}
.product .product-add:hover,#detailAdd:hover{background:#e6c384!important;color:#111!important}
.product .product-add:focus-visible,#detailAdd:focus-visible{outline:3px solid #f7e4bd!important;outline-offset:3px}
.product .product-add:disabled,#detailAdd:disabled{opacity:.65;cursor:wait}
@media(max-width:480px){.product .product-add,#detailAdd{font-size:12px!important;padding:13px 8px!important;gap:7px;min-height:48px}.product .product-add svg{width:18px!important;height:18px!important}}


/* razse-kartlar-20261021.css */
/* Compact catalog cards; scoped away from the product detail dialog. */
.product-grid{gap:20px 16px!important;align-items:start!important}
.product-grid .product{
 display:flex!important;flex-direction:column;align-self:start;
 min-width:0;padding:10px!important;background:#11100c!important;
 border:1px solid #b9934f!important;border-radius:4px!important;
 overflow:hidden!important;box-sizing:border-box;box-shadow:none!important;
}
.product-grid .product:hover{border-color:#e3c17f!important;transform:none!important}
.product-grid .product .product-image{margin:0!important;border:0!important;border-radius:2px!important;flex-shrink:0}
.product-grid .product .product-code{margin:10px 0 5px!important;line-height:1.3!important;font-size:11px!important}
.product-grid .product .catalog-price{margin:0 0 6px!important;padding:0!important;font-size:21px!important;line-height:1.3!important}
.product-grid .product .catalog-price small{font-size:11px!important}
.product-grid .product h3{min-height:0!important;height:auto!important;margin:0 0 10px!important;padding:0!important;font-size:18px!important;line-height:1.4!important;flex:none!important}
.product-grid .product h3 button{display:block;width:100%;line-height:inherit!important;overflow-wrap:anywhere}
.product-grid .product .whatsapp-quote{margin:0!important;padding:10px 8px!important;min-height:44px!important;box-sizing:border-box;line-height:1.35!important;font-size:12px!important;gap:6px!important}
.product-grid .product .whatsapp-quote svg{width:20px!important;height:20px!important;flex-shrink:0}
.product-grid .product .product-add{margin:8px 0 0!important;padding:10px 8px!important;min-height:44px!important;width:100%;box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;gap:7px!important;background:#d3ad65!important;color:#111!important;-webkit-text-fill-color:#111!important;border:1px solid #e3c78d!important;border-radius:3px!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important}
.product-grid .product .product-add svg{width:18px!important;height:18px!important;color:#111!important;stroke:currentColor;flex-shrink:0}
.product-grid .product .product-add:hover{background:#e6c384!important}
.product-grid .product .product-add:focus-visible{outline:2px solid #f7e4bd!important;outline-offset:2px}
@media(max-width:760px){
 .products .product-grid{gap:14px 10px!important}
 .product-grid .product{padding:8px!important}
 .product-grid .product h3{font-size:16px!important;margin-bottom:8px!important}
 .product-grid .product .catalog-price{font-size:19px!important;margin-bottom:5px!important}
}
@media(max-width:480px){
 .product-grid .product{padding:6px!important}
 .product-grid .product .product-code{font-size:10px!important;margin-top:8px!important}
 .product-grid .product h3{font-size:14px!important}
 .product-grid .product .catalog-price{font-size:17px!important}
 .product-grid .product .whatsapp-quote,.product-grid .product .product-add{font-size:10px!important;padding:9px 4px!important;gap:4px!important}
 .product-grid .product .whatsapp-quote svg{width:17px!important;height:17px!important}
}


/* razse-bayilik-dugmesi-20261021.css */
/* Make the dealer account action visible beside the quote list. */
.header-actions #accountButton{
 display:inline-flex!important;align-items:center;justify-content:center;gap:9px!important;
 min-height:44px!important;padding:12px 16px!important;box-sizing:border-box;
 background:#1c1912!important;border:1px solid #a88649!important;border-radius:4px!important;
 color:#eee2c9!important;text-align:center;line-height:1.25!important;flex-shrink:0;
}
.header-actions #accountButton:hover{background:#2b2416!important;border-color:#e1bd76!important}
.header-actions #accountButton span:last-child{display:block;white-space:normal!important;line-height:1.25!important;max-width:9em}
.header-actions #accountButton svg{width:21px;height:21px;color:#d3ad65!important;flex-shrink:0}
.header-actions #accountButton:focus-visible,.mobile-dock #mobileAccount:focus-visible{outline:2px solid #ebcb87!important;outline-offset:3px}
@media(max-width:760px){
 .header-actions #accountButton{padding:9px 10px!important;gap:6px!important}
 .header-actions #accountButton span:last-child{font-size:12px!important;max-width:6.8em}
 .mobile-dock #mobileAccount{box-sizing:border-box;min-width:0;min-height:54px;margin:3px!important;padding:7px 4px!important;background:#1c1912!important;border:1px solid #a88649!important;border-radius:5px!important;color:#eee2c9!important;white-space:normal!important;line-height:1.2!important;text-align:center;font-size:11px!important;overflow-wrap:normal}
 .mobile-dock #mobileAccount svg{color:#d3ad65!important;flex-shrink:0}
}
@media(max-width:480px){
 .header-actions #accountButton{padding:8px!important;gap:5px!important;max-width:108px}
 .header-actions #accountButton span:last-child{font-size:11px!important;max-width:5.6em}
 .header-actions #accountButton svg{width:18px!important;height:18px!important}
}


/* razse-bayilik-dugmesi-duzeltme-20261021.css */
/* Match the two header actions, and remove the mobile dock highlight. */
.header-actions #accountButton,
.header-actions .bag{
 box-sizing:border-box!important;height:44px!important;min-height:44px!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:8px 12px!important;gap:7px!important;
 border:1px solid #d3ad6555!important;border-radius:4px!important;
 background:#1c1912!important;line-height:1.2!important;
}
.header-actions #accountButton{min-width:0!important}
.header-actions #accountButton span:last-child{max-width:none!important;line-height:1.2!important}
.header-actions #accountButton:hover{background:#252016!important;border-color:#d3ad6580!important}
@media(max-width:760px){
 .header-actions{gap:8px!important}
 .header-actions #accountButton,.header-actions .bag{padding:7px 9px!important;gap:6px!important;height:44px!important;min-height:44px!important}
 .header-actions #accountButton span:last-child{font-size:12px!important;max-width:5.2em!important}
 .mobile-dock #mobileAccount{
  background:transparent!important;background-image:none!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;
  min-height:0!important;height:auto!important;color:#c7bda9!important;
  font-size:10px!important;line-height:normal!important;gap:6px!important;
 }
 .mobile-dock #mobileAccount:hover,.mobile-dock #mobileAccount:active{background:transparent!important;border:0!important}
 .mobile-dock #mobileAccount svg{color:#d3ad65!important}
}
@media(max-width:480px){
 .header-actions #accountButton,.header-actions .bag{padding:6px 8px!important;gap:5px!important}
 .header-actions #accountButton{max-width:98px!important}
 .header-actions #accountButton span:last-child{font-size:11px!important;line-height:1.15!important;max-width:5em!important}
}


/* razse-mobil-hizalama-slider-20261021.css */
/* Mobile/tablet only: align product actions and inset the slider photograph. */
@media(max-width:1024px){
 #productGrid.product-grid{display:grid!important;align-items:stretch!important;grid-auto-rows:1fr!important}
 #productGrid.product-grid>.product{
  display:flex!important;flex-direction:column!important;align-self:stretch!important;
  height:auto!important;min-width:0!important;box-sizing:border-box;
 }
 #productGrid.product-grid>.product>.product-image{flex-shrink:0!important}
 #productGrid.product-grid>.product>h3{
  min-height:2.8em!important;height:auto!important;line-height:1.4!important;
  margin-top:0!important;flex:0 0 auto!important;white-space:normal!important;
  overflow:visible!important;
 }
 #productGrid.product-grid>.product>h3>button{display:block!important;width:100%!important;line-height:inherit!important;white-space:normal!important;overflow-wrap:anywhere;text-align:left!important}
 #productGrid.product-grid>.product>.whatsapp-quote{margin-top:auto!important;flex-shrink:0!important}
 #productGrid.product-grid>.product>.product-add{flex-shrink:0!important}
 .home-page .hero .hero-image{
  left:6%!important;right:6%!important;width:88%!important;
  max-width:none!important;margin-left:0!important;margin-right:0!important;
  box-sizing:border-box!important;
 }
}

