/* İnci Tesbih — üretim responsive sistemi, 2026-07-29 */
:root{--rp-bg:#f8f3ea;--rp-card:#fffdfa;--rp-ink:#21160e;--rp-muted:#74675d;--rp-line:rgba(91,57,25,.16);--rp-brown:#3d220f;--rp-gold:#b27b20;--rp-green:#0b8f60;--rp-r:22px;--rp-shadow:0 14px 38px rgba(57,34,15,.10);--rp-container:min(1280px,calc(100% - 32px))}
html{overflow-x:hidden;scroll-behavior:smooth}body.id-responsive-production-2026{overflow-x:hidden;background:var(--rp-bg);color:var(--rp-ink)}body.id-responsive-production-2026 *,body.id-responsive-production-2026 *:before,body.id-responsive-production-2026 *:after{box-sizing:border-box}body.id-responsive-production-2026 img,body.id-responsive-production-2026 video,body.id-responsive-production-2026 iframe{max-width:100%;height:auto}body.id-responsive-production-2026 .container{width:var(--rp-container)!important;max-width:none!important;margin-inline:auto!important;min-width:0!important}
body.id-responsive-production-2026 :where(.site-header,.site-main,main,section,article,aside,div,form,nav){min-width:0}
/* header */
body.id-responsive-production-2026 .header-main{display:grid!important;grid-template-columns:minmax(210px,300px) minmax(280px,1fr) auto!important;gap:14px!important;align-items:center!important;padding-block:12px!important}
body.id-responsive-production-2026 .logo{width:100%!important;max-width:300px!important;min-width:0!important;height:86px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;overflow:hidden!important}
body.id-responsive-production-2026 .logo-img{width:100%!important;height:100%!important;max-height:70px!important;object-fit:contain!important;object-position:left center!important;transform:none!important}
body.id-responsive-production-2026 .id-market-search{display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;width:100%!important;min-height:52px!important}
body.id-responsive-production-2026 .id-market-search input{min-width:0!important;width:100%!important}
body.id-responsive-production-2026 .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important}
body.id-responsive-production-2026 .id-top-page-nav{display:flex;flex-wrap:wrap;gap:12px}body.id-responsive-production-2026 .main-nav .container{overflow-x:auto!important;scrollbar-width:none;justify-content:flex-start!important;white-space:nowrap}body.id-responsive-production-2026 .main-nav .container::-webkit-scrollbar{display:none}
/* hero */
body.id-responsive-production-2026 .id-hero-atelier-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:20px!important;align-items:stretch!important}
body.id-responsive-production-2026 .id-hero-story-panel,body.id-responsive-production-2026 .id-artisan-showcase{height:auto!important;min-height:520px!important;max-height:650px!important;border-radius:26px!important;overflow:hidden!important;box-shadow:var(--rp-shadow)!important}
body.id-responsive-production-2026 .id-hero-story-panel{padding:clamp(28px,4vw,54px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:18px!important}
body.id-responsive-production-2026 .id-hero-story-panel h1{font-size:clamp(42px,5vw,72px)!important;line-height:.98!important;max-width:13ch!important;margin:0!important;text-wrap:balance}
body.id-responsive-production-2026 .id-hero-proof-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body.id-responsive-production-2026 .id-hero-story-actions{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:10px!important}
body.id-responsive-production-2026 .id-artisan-showcase-stage,body.id-responsive-production-2026 .id-artisan-slide,body.id-responsive-production-2026 .id-artisan-slide-link{height:100%!important;min-height:0!important}
body.id-responsive-production-2026 .id-artisan-slide-link{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important}
body.id-responsive-production-2026 .id-artisan-image-frame{position:relative!important;min-height:0!important;height:100%!important;overflow:hidden!important;background:#23130a!important}
body.id-responsive-production-2026 .id-artisan-image-frame img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center top!important;display:block!important;opacity:1!important;visibility:visible!important}
body.id-responsive-production-2026 .id-artisan-caption{position:relative!important;padding:18px 22px 22px!important;background:linear-gradient(180deg,rgba(31,16,7,.94),#291407)!important;color:#fff!important}
/* headings */
body.id-responsive-production-2026 .id-section-heading{width:var(--rp-container)!important;margin-inline:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:end!important}
body.id-responsive-production-2026 .id-section-heading h2{font-size:clamp(34px,4vw,58px)!important;line-height:1!important;margin:.15em 0!important;text-wrap:balance}
/* discount carousel + cards */
body.id-responsive-production-2026 .idc-carousel-row{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:clamp(250px,24vw,310px)!important;gap:16px!important;overflow-x:auto!important;overflow-y:visible!important;padding:8px max(16px,calc((100vw - 1280px)/2)) 20px!important;scroll-snap-type:x proximity!important;scroll-padding-inline:16px!important;touch-action:pan-x pan-y!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}
body.id-responsive-production-2026 .idc-carousel-row>*{scroll-snap-align:start!important}
body.id-responsive-production-2026 .idc-modern-product-card{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important;box-shadow:var(--rp-shadow)!important;transform:none!important}
body.id-responsive-production-2026 .idc-product-media{position:relative!important;width:100%!important;aspect-ratio:4/5!important;height:auto!important;min-height:0!important;padding:10px!important;background:#fbf7ef!important;overflow:hidden!important}
body.id-responsive-production-2026 .idc-product-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}
body.id-responsive-production-2026 .idc-product-body{display:flex!important;flex:1!important;flex-direction:column!important;gap:8px!important;padding:14px!important;min-height:0!important}
body.id-responsive-production-2026 .idc-product-body h3{font-size:15px!important;line-height:1.35!important;min-height:2.7em!important;max-height:2.7em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
body.id-responsive-production-2026 .idc-product-pricebox{min-height:70px!important;height:auto!important}
body.id-responsive-production-2026 .idc-product-description{font-size:12px!important;line-height:1.45!important;min-height:2.9em!important;max-height:2.9em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
body.id-responsive-production-2026 .idc-product-bottom{margin-top:auto!important;min-height:44px!important}
body.id-responsive-production-2026 .product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
/* product detail */
body.id-responsive-production-2026 .id-product-page>.container{width:var(--rp-container)!important}
body.id-responsive-production-2026 .id-product-detail{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;gap:24px!important;align-items:start!important}
body.id-responsive-production-2026 .id-product-left{display:grid!important;gap:20px!important;min-width:0!important}
body.id-responsive-production-2026 .id-product-gallery{width:100%!important;aspect-ratio:1/1!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden!important}
body.id-responsive-production-2026 .id-product-gallery img{width:100%!important;height:100%!important;object-fit:contain!important}
body.id-responsive-production-2026 .id-product-info{position:sticky!important;top:16px!important;min-width:0!important;padding:24px!important;border-radius:24px!important}
body.id-responsive-production-2026 .id-product-info h1{font-size:clamp(34px,3.5vw,52px)!important;line-height:1.02!important;overflow-wrap:anywhere}
body.id-responsive-production-2026 .id-product-spec-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.id-responsive-production-2026 .id-product-description{min-width:0!important}
body.id-responsive-production-2026 .id-product-description :where(p,li,dd){overflow-wrap:anywhere}
/* category/page/blog */
body.id-responsive-production-2026 .id-category-hero-card,body.id-responsive-production-2026 .id-blog-hero-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)!important;gap:22px!important;align-items:stretch!important}
body.id-responsive-production-2026 .id-page-hero-shell{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr)!important;gap:22px!important;align-items:stretch!important}
body.id-responsive-production-2026 .id-category-hero-img,body.id-responsive-production-2026 .id-blog-hero-img,body.id-responsive-production-2026 .id-page-cover{min-height:360px!important;height:auto!important;overflow:hidden!important}
body.id-responsive-production-2026 .id-category-hero-img img,body.id-responsive-production-2026 .id-blog-hero-img img,body.id-responsive-production-2026 .id-page-cover img{width:100%!important;height:100%!important;min-height:360px!important;object-fit:cover!important}
body.id-responsive-production-2026 .id-page-content,body.id-responsive-production-2026 .id-blog-content,body.id-responsive-production-2026 .id-category-long-body{max-width:100%!important;overflow-wrap:anywhere}
body.id-responsive-production-2026 .id-page-content :where(img,video,iframe,table),body.id-responsive-production-2026 .id-blog-content :where(img,video,iframe,table),body.id-responsive-production-2026 .id-category-long-body :where(img,video,iframe,table){max-width:100%!important}
body.id-responsive-production-2026 .id-page-gallery-grid,body.id-responsive-production-2026 .blog-grid,body.id-responsive-production-2026 .id-blog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
/* tablet */
@media(max-width:1024px){:root{--rp-container:min(100% - 24px,980px)}body.id-responsive-production-2026 .header-main{grid-template-columns:220px minmax(0,1fr)!important}body.id-responsive-production-2026 .header-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}body.id-responsive-production-2026 .id-hero-atelier-grid{grid-template-columns:1fr 1fr!important}body.id-responsive-production-2026 .id-hero-story-panel,body.id-responsive-production-2026 .id-artisan-showcase{min-height:500px!important}body.id-responsive-production-2026 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.id-responsive-production-2026 .id-product-detail{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)!important}body.id-responsive-production-2026 .id-page-gallery-grid,body.id-responsive-production-2026 .blog-grid,body.id-responsive-production-2026 .id-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* mobile */
@media(max-width:720px){:root{--rp-container:calc(100% - 20px);--rp-r:18px}body.id-responsive-production-2026 .top-bar-inner{display:flex!important;justify-content:center!important}body.id-responsive-production-2026 .id-top-page-nav{display:none!important}body.id-responsive-production-2026 .header-main{grid-template-columns:minmax(0,1fr) 48px!important;gap:10px!important;padding-block:10px!important}body.id-responsive-production-2026 .logo{grid-column:1!important;grid-row:1!important;height:92px!important;max-width:none!important;padding:7px 10px!important}body.id-responsive-production-2026 .logo-img{max-height:78px!important;object-position:center!important}body.id-responsive-production-2026 .mobile-menu-toggle{display:grid!important;grid-column:2!important;grid-row:1!important;width:48px!important;height:48px!important}body.id-responsive-production-2026 .id-market-search{grid-column:1/-1!important;grid-row:2!important;grid-template-columns:minmax(0,1fr) 50px!important}body.id-responsive-production-2026 .header-actions{grid-column:1/-1!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}body.id-responsive-production-2026 .header-actions>*{min-width:0!important;width:100%!important}body.id-responsive-production-2026 .id-lang-currency-switcher{grid-column:1/-1!important;width:100%!important}body.id-responsive-production-2026 .main-nav{display:none!important}
body.id-responsive-production-2026 .id-hero-atelier-grid{grid-template-columns:1fr!important;gap:12px!important}body.id-responsive-production-2026 .id-hero-story-panel,body.id-responsive-production-2026 .id-artisan-showcase{min-height:0!important;max-height:none!important;height:auto!important}body.id-responsive-production-2026 .id-hero-story-panel{padding:24px 20px!important;gap:14px!important}body.id-responsive-production-2026 .id-hero-story-panel h1{font-size:clamp(38px,12vw,56px)!important;max-width:none!important}body.id-responsive-production-2026 .id-hero-proof-grid{grid-template-columns:1fr!important}body.id-responsive-production-2026 .id-hero-story-actions{grid-template-columns:1fr 1fr!important}body.id-responsive-production-2026 .id-artisan-showcase{aspect-ratio:4/5!important}body.id-responsive-production-2026 .id-artisan-image-frame{min-height:0!important}body.id-responsive-production-2026 .id-artisan-image-frame img{object-fit:cover!important;object-position:center top!important}
body.id-responsive-production-2026 .id-section-heading{grid-template-columns:1fr!important;gap:8px!important}body.id-responsive-production-2026 .id-section-heading h2{font-size:clamp(34px,10vw,48px)!important}body.id-responsive-production-2026 .idc-carousel-controls{justify-self:start!important}body.id-responsive-production-2026 .idc-carousel-row{grid-auto-columns:min(82vw,320px)!important;padding-inline:10px!important;gap:12px!important;scroll-snap-type:x proximity!important}body.id-responsive-production-2026 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body.id-responsive-production-2026 .idc-product-media{aspect-ratio:4/5!important;padding:7px!important}body.id-responsive-production-2026 .idc-product-body{padding:10px!important}body.id-responsive-production-2026 .idc-product-body h3{font-size:12px!important}body.id-responsive-production-2026 .idc-product-description{font-size:10px!important}body.id-responsive-production-2026 .idc-price-row strong{font-size:17px!important}
body.id-responsive-production-2026 .id-product-detail{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}body.id-responsive-production-2026 .id-product-left{display:contents!important}body.id-responsive-production-2026 .id-product-gallery{order:1!important;aspect-ratio:1/1!important}body.id-responsive-production-2026 .id-product-info{order:2!important;position:static!important;padding:17px!important;border-radius:19px!important}body.id-responsive-production-2026 .id-product-description{order:3!important}body.id-responsive-production-2026 .id-product-info h1{font-size:clamp(30px,9vw,40px)!important}body.id-responsive-production-2026 .id-product-spec-grid{grid-template-columns:1fr!important}body.id-responsive-production-2026 .id-order-actions,body.id-responsive-production-2026 .id-quantity-cart-row{grid-template-columns:74px minmax(0,1fr)!important}body.id-responsive-production-2026 .id-coupon-row,body.id-responsive-production-2026 .idc-coupon-form{grid-template-columns:1fr!important}body.id-responsive-production-2026 .id-coupon-row button,body.id-responsive-production-2026 .idc-coupon-form button{width:100%!important}
body.id-responsive-production-2026 .id-category-hero-card,body.id-responsive-production-2026 .id-blog-hero-card,body.id-responsive-production-2026 .id-page-hero-shell{grid-template-columns:1fr!important;gap:12px!important}body.id-responsive-production-2026 .id-category-hero-img,body.id-responsive-production-2026 .id-blog-hero-img,body.id-responsive-production-2026 .id-page-cover{min-height:0!important;aspect-ratio:4/3!important}body.id-responsive-production-2026 .id-category-hero-img img,body.id-responsive-production-2026 .id-blog-hero-img img,body.id-responsive-production-2026 .id-page-cover img{min-height:0!important;height:100%!important;object-fit:cover!important}body.id-responsive-production-2026 .id-page-intro,body.id-responsive-production-2026 .id-blog-hero-text,body.id-responsive-production-2026 .id-category-hero-text{padding:18px!important}body.id-responsive-production-2026 .id-page-gallery-grid,body.id-responsive-production-2026 .blog-grid,body.id-responsive-production-2026 .id-blog-grid{grid-template-columns:1fr!important}body.id-responsive-production-2026 .footer-grid,body.id-responsive-production-2026 .site-footer .container{grid-template-columns:1fr!important}}
@media(max-width:390px){:root{--rp-container:calc(100% - 14px)}body.id-responsive-production-2026 .header-actions{gap:5px!important}body.id-responsive-production-2026 .id-hero-story-actions{grid-template-columns:1fr!important}body.id-responsive-production-2026 .product-grid{grid-template-columns:1fr 1fr!important}body.id-responsive-production-2026 .idc-carousel-row{grid-auto-columns:86vw!important}}

/* ==========================================================================\n   MOBİLDE KOMPAKT MASAÜSTÜ PARİTESİ — 2026-07-29\n   Telefonlarda viewport 980 CSS px olarak kurulur. Böylece max-width:720px\n   mobil kuralları devreye girmez; masaüstündeki iki/üç kolonlu kompozisyon\n   eksiksiz olarak küçültülüp ekrana sığar. Aşağıdaki kurallar 980 px sahnenin\n   taşmadan, kırpılmadan ve görseller kaybolmadan çalışmasını garanti eder.\n   ========================================================================== */
html.id-compact-desktop-mobile{
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026{
    min-width:0!important;
    width:100%!important;
    overflow-x:hidden!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .container{
    width:956px!important;
    max-width:calc(100% - 24px)!important;
    margin-inline:auto!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .header-main{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:12px!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .header-actions{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .main-nav{
    display:block!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .main-nav .container{
    display:flex!important;
    justify-content:center!important;
    overflow:hidden!important;
    white-space:nowrap!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-hero-atelier-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:16px!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-hero-story-panel,
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-artisan-showcase{
    min-height:500px!important;
    height:500px!important;
    max-height:500px!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-artisan-showcase-stage,
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-artisan-slide,
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-artisan-slide.is-active,
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-artisan-slide-link{
    display:grid!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    opacity:1!important;
    visibility:visible!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-artisan-slide:not(.is-active){
    display:none!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-artisan-slide-link{
    grid-template-rows:minmax(0,1fr) auto!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-artisan-image-frame{
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-artisan-image-frame img{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center top!important;
    opacity:1!important;
    visibility:visible!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .idc-carousel-row{
    grid-auto-columns:225px!important;
    padding-inline:12px!important;
    touch-action:pan-x pan-y!important;
    overscroll-behavior-inline:contain!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-product-detail{
    grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)!important;
    gap:20px!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-product-left{
    display:grid!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-product-info{
    position:sticky!important;
    top:12px!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-product-spec-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-category-hero-card,
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-blog-hero-card{
    grid-template-columns:minmax(0,1fr) minmax(340px,.8fr)!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-page-hero-shell{
    grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr)!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-page-gallery-grid,
html.id-compact-desktop-mobile body.id-responsive-production-2026 .blog-grid,
html.id-compact-desktop-mobile body.id-responsive-production-2026 .id-blog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 .footer-grid,
html.id-compact-desktop-mobile body.id-responsive-production-2026 .site-footer .container{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html.id-compact-desktop-mobile body.id-responsive-production-2026 :where(img,video,iframe,svg){
    max-width:100%!important;
}