/* =========================================================
   Crafts Tasarım Atölyesi Theme
   Existing commerce/admin infrastructure remains unchanged.
   ========================================================= */

:root {
    --craft-yellow: #f3bf12;
    --craft-yellow-dark: #d8a600;
    --craft-ink: #171714;
    --craft-charcoal: #26251f;
    --craft-warm: #f5f0e6;
    --craft-paper: #fcfaf5;
    --craft-sand: #ddd4c3;
    --craft-muted: #777064;

    --bg-primary: var(--craft-paper);
    --bg-secondary: #f2ede3;
    --bg-tertiary: #e7e0d4;
    --text-primary: var(--craft-ink);
    --text-secondary: #615b52;
    --text-muted: #928a7e;
    --border-color: #ddd5c7;
    --accent: var(--craft-ink);
    --accent-hover: #000;
    --font-family: 'Manrope', sans-serif;
    --radius-sm: 4px;
    --radius: 8px;
    --radius-lg: 12px;
    --radius-xl: 18px;
    --shadow: 0 16px 50px rgba(38, 34, 26, .09);
    --shadow-lg: 0 24px 80px rgba(38, 34, 26, .14);
}

html { background: var(--craft-paper); }
body {
    font-family: 'Manrope', sans-serif;
    background: var(--craft-paper);
    color: var(--craft-ink);
    letter-spacing: -.01em;
}
h1,h2,h3,.display-font {
    font-family: 'Playfair Display', Georgia, serif;
    letter-spacing: -.035em;
}
a { text-decoration: none; }
#particles-js,.cursor-glow,.page-loader,.theme-toggle { display:none!important; }

.section-pad { padding: 88px 0; }
.eyebrow {
    display: inline-block;
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .18em;
    color: #9c7700;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.craft-btn-yellow,
.craft-btn-primary,
.craft-btn-ghost {
    border-radius: 3px;
    min-height: 50px;
    padding: 13px 22px;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease;
}
.craft-btn-yellow {
    color: #171714;
    background: var(--craft-yellow);
    border: 1px solid var(--craft-yellow);
}
.craft-btn-yellow:hover { background:#ffd02d; border-color:#ffd02d; color:#111; transform:translateY(-1px); }
.craft-btn-primary {
    background: var(--craft-ink);
    border: 1px solid var(--craft-ink);
    color: #fff;
}
.craft-btn-primary:hover { background:#000; color:#fff; transform:translateY(-1px); }
.craft-btn-ghost { border:1px solid #bfb5a5; color:var(--craft-ink); background:transparent; }
.craft-btn-ghost:hover { border-color:var(--craft-ink); color:var(--craft-ink); background:#fff; }

/* top bar / header */
.craft-announcement {
    background: var(--craft-ink);
    color: #f9f4e8;
    font-size: 12px;
}
.craft-announcement-inner {
    min-height: 34px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.craft-announcement-inner i { color:var(--craft-yellow); margin-right:5px; }
.craft-announcement-links { display:flex; align-items:center; gap:24px; }

.main-header.craft-header {
    position: sticky;
    top:0;
    z-index:1030;
    background:rgba(252,250,245,.96);
    border-bottom:1px solid rgba(42,39,31,.09);
    backdrop-filter:blur(18px);
    box-shadow:none;
}
.main-header.craft-header.scrolled { box-shadow:0 8px 30px rgba(43,38,29,.08); }
.craft-header .navbar { min-height:86px; padding:10px 0; }
.craft-brand { display:flex; align-items:center; gap:14px; flex-shrink:0; min-width:0; }
.craft-brand-mark { width:78px; height:auto; object-fit:contain; display:block; background:transparent; border-radius:0; }
.craft-brand-copy { display:flex; flex-direction:column; line-height:1; }
.craft-brand-copy strong { font-size:30px; letter-spacing:.06em; color:#161616; font-weight:800; }
.craft-brand-copy small { font-size:11px; letter-spacing:.18em; margin-top:7px; color:#b58d00; font-weight:800; }
.craft-nav .nav-link {
    color:#39362f!important;
    font-size:13px;
    font-weight:600;
    padding:10px 12px!important;
    position:relative;
}
.craft-nav .nav-link:after {
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:4px;
    height:1px;
    background:var(--craft-yellow-dark);
    transform:scaleX(0);
    transition:.2s;
    transform-origin:left;
}
.craft-nav .nav-link:hover:after,.craft-nav .nav-link.active:after { transform:scaleX(1); }
.craft-dropdown {
    border:1px solid #e1d9cb;
    border-radius:6px;
    padding:8px;
    box-shadow:0 18px 50px rgba(35,30,22,.12);
    background:#fffdf9;
}
.craft-dropdown .dropdown-item { border-radius:3px; font-size:13px; padding:9px 12px; }
.craft-dropdown .dropdown-item:hover { background:#f7f1e5; color:#000; }
.craft-actions .btn-icon {
    width:39px; height:39px; border:1px solid transparent; background:transparent; color:#171714;
    border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
}
.craft-actions .btn-icon:hover { background:#efe8dc; border-color:#e3d9c8; }
.craft-actions .cart-count { background:var(--craft-yellow); color:#151515; font-weight:800; }

/* hero */
.craft-hero { padding:52px 0 68px; overflow:hidden; background:
    radial-gradient(circle at 78% 25%, rgba(243,191,18,.14), transparent 25%),
    linear-gradient(180deg,#fcfaf5 0%,#f5efe4 100%);
}
.craft-hero-grid {
    display:grid;
    grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr);
    gap:80px;
    align-items:center;
    min-height:600px;
}
.craft-hero-copy { max-width:690px; position:relative; z-index:3; }
.craft-hero-copy h1 { font-size:clamp(48px,6vw,82px); line-height:.99; margin:0 0 26px; color:#191914; }
.craft-hero-copy h1 em { font-style:italic; color:#9c7700; }
.craft-hero-copy p { font-size:17px; line-height:1.8; max-width:610px; color:#615b52; margin-bottom:28px; }
.craft-hero-actions { display:flex; flex-wrap:wrap; gap:10px; }
.craft-hero-trust { margin-top:36px; display:flex; flex-wrap:wrap; gap:22px; color:#686157; font-size:12px; font-weight:600; }
.craft-hero-trust i { color:#9a7500; margin-right:5px; }

.craft-hero-visual { position:relative; min-height:560px; }
.craft-image-main {
    position:absolute; right:0; top:15px; width:72%; height:520px;
    overflow:hidden; background:#25251f; box-shadow:0 25px 70px rgba(25,23,17,.18);
}
.craft-image-main:before {
    content:""; position:absolute; inset:0; z-index:1;
    background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28));
}
.craft-image-main img { width:100%; height:100%; object-fit:cover; display:block; }
.craft-image-float {
    position:absolute; left:0; bottom:5px; width:47%; height:260px; border:10px solid #f5efe4;
    box-shadow:0 18px 50px rgba(30,27,20,.13); z-index:2; overflow:hidden; background:#ddd;
}
.craft-image-float img { width:100%; height:100%; object-fit:cover; }
.craft-hero-seal {
    position:absolute; left:28%; top:26px; width:112px; height:112px; border-radius:50%;
    background:var(--craft-yellow); z-index:3; display:flex; flex-direction:column;
    align-items:center; justify-content:center; transform:rotate(-7deg); box-shadow:0 12px 35px rgba(0,0,0,.12);
}
.craft-hero-seal strong { font-family:'Playfair Display',serif; font-size:26px; line-height:1; }
.craft-hero-seal span { font-size:9px; font-weight:800; letter-spacing:.13em; margin-top:5px; }

.craft-hero-slide {
    min-height:620px;
    background-size:cover;
    background-position:center;
    display:flex; align-items:center;
}
.craft-hero-slide .craft-hero-copy { padding:90px 0; color:#fff; }
.craft-hero-slide .craft-hero-copy h1 { color:#fff; max-width:800px; }
.craft-hero-slide .eyebrow { color:#ffd534; }

/* trust strip */
.craft-trust-strip { background:#fffdf8; border-top:1px solid #e8e0d4; border-bottom:1px solid #e8e0d4; }
.craft-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.craft-trust-grid > div { min-height:96px; display:flex; align-items:center; gap:13px; padding:18px 24px; border-right:1px solid #e8e0d4; }
.craft-trust-grid > div:last-child { border-right:0; }
.craft-trust-grid i { font-size:24px; color:#a88000; }
.craft-trust-grid span { display:flex; flex-direction:column; }
.craft-trust-grid strong { font-size:13px; }
.craft-trust-grid small { color:#847c70; font-size:11px; margin-top:3px; }

/* section headings */
.craft-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:34px; }
.craft-section-head h2 { font-size:clamp(34px,4vw,52px); margin:0; }
.craft-text-link { font-size:13px; color:#3f3a33; font-weight:700; border-bottom:1px solid #b2a892; padding-bottom:5px; }
.craft-text-link:hover { color:#000; border-color:#000; }

/* categories */
.craft-categories { background:#fffdf8; }
.craft-category-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:280px 280px;
    gap:14px;
}
.craft-category-card { position:relative; overflow:hidden; background:#222; min-height:260px; }
.craft-category-card.large { grid-column:span 2; grid-row:span 2; }
.craft-category-card img { width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.7,.2,1); }
.craft-category-overlay { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.74)); }
.craft-category-copy { position:absolute; left:22px; right:22px; bottom:20px; color:#fff; }
.craft-category-copy span { font-size:9px; letter-spacing:.16em; opacity:.75; font-weight:700; }
.craft-category-copy h3 { font-family:'Manrope',sans-serif; font-size:21px; letter-spacing:-.02em; margin:4px 0 6px; font-weight:700; }
.craft-category-copy em { font-style:normal; font-size:11px; opacity:.85; }
.craft-category-card:hover img { transform:scale(1.055); }

/* product cards */
.craft-products-section { background:#f3eee5; }
.product-card {
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    height:100%;
}
.product-card .product-image {
    background:#e9e2d6;
    aspect-ratio:4/5;
    height:auto!important;
    overflow:hidden;
    border-radius:2px;
}
.product-card .product-image img { width:100%; height:100%; object-fit:cover; transition:.5s ease; }
.product-card:hover .product-image img { transform:scale(1.035); }
.product-card .product-info { padding:15px 0 4px!important; }
.product-card .product-category { color:#9a7808!important; font-size:10px!important; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.product-card .product-title { font-family:'Manrope',sans-serif; font-size:15px!important; margin:5px 0 8px!important; font-weight:650!important; line-height:1.35; }
.product-card .product-title a:hover { color:#927000; }
.product-card .price-current { font-size:14px!important; font-weight:750!important; }
.product-card .price-old { color:#9c9589!important; font-size:12px!important; margin-left:6px; }
.product-card .badge-new,.product-card .badge-sale {
    border-radius:2px!important; font-size:9px!important; text-transform:uppercase; letter-spacing:.09em;
}
.product-card .badge-new { background:var(--craft-yellow)!important; color:#171714!important; }
.product-card .badge-sale { background:#171714!important; color:#fff!important; }
.product-actions { display:none!important; }
.product-cart-overlay .btn-add-cart {
    border-radius:0!important; background:rgba(23,23,20,.94)!important; color:#fff!important; font-size:12px!important;
}

.craft-empty-catalog {
    border:1px solid #dcd3c3; background:#fffaf2; min-height:160px;
    display:flex; align-items:center; gap:22px; padding:28px 32px;
}
.craft-empty-icon { width:62px; height:62px; border-radius:50%; background:#f3bf12; display:grid; place-items:center; font-size:25px; flex:0 0 auto; }
.craft-empty-catalog h3 { font-family:'Manrope',sans-serif; font-size:18px; margin:0 0 4px; }
.craft-empty-catalog p { color:#756e63; margin:0; font-size:13px; flex:1; }
.craft-empty-catalog .btn { margin-left:auto; white-space:nowrap; }

/* story */
.craft-story-section { background:#171714; color:#fff; }
.craft-story-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:75px; align-items:center; }
.craft-story-media { position:relative; min-height:590px; }
.craft-story-media .story-main { position:absolute; left:0; top:0; width:75%; height:540px; object-fit:cover; }
.craft-story-media .story-detail { position:absolute; right:0; bottom:0; width:45%; height:285px; object-fit:cover; border:10px solid #171714; }
.craft-story-copy .eyebrow { color:#e6b914; }
.craft-story-copy h2 { font-size:clamp(38px,4.5vw,58px); line-height:1.08; margin:0 0 24px; color:#fff; }
.craft-story-copy > p { color:#bcb6aa; font-size:15px; line-height:1.85; max-width:650px; }
.craft-story-points { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #3c3932; border-bottom:1px solid #3c3932; margin-top:35px; }
.craft-story-points > div { padding:24px 18px 24px 0; border-right:1px solid #3c3932; }
.craft-story-points > div:last-child { border-right:0; padding-left:18px; }
.craft-story-points > div:nth-child(2) { padding-left:18px; }
.craft-story-points strong { display:block; color:#f3bf12; font-size:19px; }
.craft-story-points span { display:block; color:#a9a296; font-size:11px; margin-top:3px; }

/* project band */
.craft-project-band { background:var(--craft-yellow); padding:58px 0; }
.craft-project-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.craft-project-inner .eyebrow { color:#5f4900; margin-bottom:7px; }
.craft-project-inner h2 { font-family:'Manrope',sans-serif; font-size:31px; font-weight:750; letter-spacing:-.035em; margin:0 0 8px; }
.craft-project-inner p { max-width:760px; color:#594800; margin:0; font-size:14px; }
.craft-project-band .craft-btn-yellow { background:#171714; color:#fff; border-color:#171714; white-space:nowrap; }

/* instagram */
.craft-new-section { background:#fffdf8; }
.craft-instagram-panel {
    padding:34px; border:1px solid #ded5c6; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px;
    background:linear-gradient(135deg,#f5efe4,#fffaf2);
}
.craft-instagram-icon { width:70px;height:70px;border-radius:50%;background:#171714;color:#f3bf12;display:grid;place-items:center;font-size:29px; }
.craft-instagram-panel h3 { font-family:'Manrope',sans-serif; font-size:20px; margin:0 0 6px; }
.craft-instagram-panel p { color:#756e63; font-size:13px; margin:0; }
.craft-instagram-actions { display:flex; flex-direction:column; gap:8px; min-width:220px; }

/* footer */
.craft-footer { background:#11110f!important; color:#e9e3d9!important; }
.craft-footer .footer-top { padding:72px 0 52px; }
.craft-footer-brand { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.craft-footer-brand img { width:170px; height:auto; background:transparent; border-radius:0; display:block; }
.craft-footer-brand div { display:flex; flex-direction:column; }
.craft-footer-brand strong { color:#fff; font-size:17px; }
.craft-footer-brand span { color:#9c958a; font-size:11px; margin-top:4px; }
.craft-footer .footer-desc { color:#9f988d!important; max-width:470px; font-size:13px; line-height:1.8; }
.craft-footer .footer-widget h5 { color:#fff!important; font-size:13px!important; letter-spacing:.05em; margin-bottom:18px!important; }
.craft-footer .footer-links a { color:#aaa397!important; font-size:13px; }
.craft-footer .footer-links a:hover { color:#f3bf12!important; }
.craft-footer .social-link { background:#26241f!important; color:#fff!important; border-radius:50%!important; }
.craft-footer .social-link:hover { background:#f3bf12!important; color:#111!important; }
.footer-contact { display:flex; gap:9px; color:#aaa397; font-size:12px; margin-bottom:12px; }
.footer-contact i { color:#f3bf12; }
.craft-footer .footer-bottom { border-top:1px solid #2a2823!important; color:#79736a!important; font-size:11px; padding:20px 0!important; }

/* forms / general page styling */
.page-heading h1 { font-size:clamp(38px,5vw,56px); margin-bottom:7px; }
.page-heading p { color:#756f65; margin:0; }
.form-control,.form-select {
    border-radius:3px!important;
    border-color:#d9d0c1!important;
    min-height:48px;
    background:#fffdf8!important;
    color:#201f1b!important;
}
.form-control:focus,.form-select:focus {
    border-color:#9f7b00!important;
    box-shadow:0 0 0 3px rgba(243,191,18,.13)!important;
}
.craft-panel,.checkout-section {
    border:1px solid #e0d7c8!important;
    background:#fffdf8!important;
    border-radius:4px!important;
    padding:28px!important;
    margin-bottom:18px!important;
    box-shadow:none!important;
}
.checkout-section .section-title { font-family:'Manrope',sans-serif; font-size:16px!important; font-weight:750; margin-bottom:20px!important; }
.checkout-section .section-title i { color:#a37d00; }
.craft-payment-methods { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.craft-payment-methods .payment-option { margin:0!important; }
.craft-payment-methods .payment-card {
    min-height:92px; display:flex; align-items:center; gap:13px;
    border:1px solid #d7cebf!important; border-radius:3px!important; background:#fff!important;
    padding:18px!important; transition:.2s;
}
.craft-payment-methods .payment-card > i:first-child { color:#a47e00; font-size:24px; }
.craft-payment-methods .payment-card span { font-size:13px; font-weight:750; display:block; }
.craft-payment-methods .payment-card small { color:#8b8378; font-size:10px; display:block; margin-top:2px; }
.craft-payment-methods input:checked + .payment-card { border-color:#c99c00!important; box-shadow:0 0 0 2px rgba(243,191,18,.18)!important; }
.craft-summary {
    top:110px!important; border:1px solid #ded5c7!important; background:#fffdf8!important;
    box-shadow:none!important; border-radius:4px!important; padding:26px!important;
}
.craft-summary .summary-title { font-family:'Manrope',sans-serif; font-weight:750; font-size:18px; }
.checkout-security-note { color:#817a70; font-size:10px; display:flex; justify-content:center; align-items:center; gap:5px; margin:13px 0 0; }

/* bank transfer */
.bank-transfer-page { background:#f3eee5; min-height:70vh; }
.bank-transfer-shell { max-width:780px; margin:0 auto; text-align:center; background:#fffdf8; border:1px solid #ded5c7; padding:46px; }
.bank-transfer-icon { width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#f3bf12;font-size:30px;margin:0 auto 20px; }
.bank-transfer-shell h1 { font-size:48px; margin-bottom:10px; }
.bank-transfer-shell .lead { color:#716b61; font-size:14px; max-width:620px; margin:0 auto 28px; }
.bank-order-meta { display:grid;grid-template-columns:1fr 1fr;border:1px solid #e0d8cb;margin:28px 0; }
.bank-order-meta > div { padding:18px;display:flex;flex-direction:column;gap:3px; }
.bank-order-meta > div+div { border-left:1px solid #e0d8cb; }
.bank-order-meta span,.bank-detail span { color:#8d857a;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700; }
.bank-order-meta strong { font-size:17px; }
.bank-details-card { background:#171714;color:#fff;text-align:left;padding:4px 26px; }
.bank-detail { display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid #34322c; }
.bank-detail:last-child { border-bottom:0; }
.bank-detail span { color:#9d958a; }
.bank-detail strong { font-size:14px;word-break:break-word; }
.bank-iban strong { color:#f3bf12; letter-spacing:.05em; }
.bank-iban .btn { color:#fff;border-color:#676258; }
.bank-note { margin-top:22px; background:#f5efdf; border-left:3px solid #f3bf12; padding:18px; text-align:left; display:flex; gap:12px; }
.bank-note i { color:#9b7800; }
.bank-note strong { font-size:13px; }
.bank-note p { color:#756e63;font-size:11px;margin:3px 0 0; }

/* product detail */
.product-detail-page { background:#fffdf8; }
.product-detail-page .main-image { background:#eee7db; border-radius:2px!important; overflow:hidden; }
.product-detail-page .main-image img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.product-title-detail { font-size:clamp(36px,4vw,54px)!important; line-height:1.04!important; }
.product-category-label { color:#987400!important; letter-spacing:.12em!important; font-size:10px!important; }
.product-price-detail .price-current { color:#171714!important; font-size:25px!important; }
.size-selector { gap:8px!important; }
.size-label { border-radius:2px!important; background:#fff!important; border-color:#cfc5b6!important; min-width:70px!important; }
.size-option input[type="radio"]:checked + .size-label { background:#171714!important; color:#fff!important; border-color:#171714!important; }
.product-meta .meta-item i { color:#9f7a00!important; }

/* product listing */
.products-header { background:#171714!important; color:#fff!important; }
.products-header .page-title { color:#fff!important; font-family:'Playfair Display',serif!important; }
.products-header .breadcrumb a { color:#b4ada2!important; }
.products-content { background:#fffdf8; }
.filters-sidebar { background:#f4efe5!important; border-radius:3px!important; border:1px solid #e0d7c7!important; }
.filter-title { font-family:'Manrope',sans-serif!important; font-size:13px!important; }
.filter-list a.active,.filter-list a:hover { color:#8e6e00!important; }
.pagination .page-item.active .page-link { background:#171714!important;border-color:#171714!important; }

/* auth/account/cart old pages: normalize theme */
.auth-page,.account-page,.cart-page,.products-content,.checkout-page { background-color:#fffdf8!important; }
.btn-dark { background:#171714!important; border-color:#171714!important; border-radius:3px!important; }
.btn-outline-dark { border-radius:3px!important; }
.card,.account-card,.cart-item,.order-summary { border-radius:4px!important; }

/* search */
.search-modal-content { background:#fffdf8!important; border:1px solid #e0d7c8!important; border-radius:5px!important; }
.search-input-wrapper { background:#f3eee5!important; border:1px solid #ded5c7!important; border-radius:3px!important; }
.search-result-item:hover { background:#f3eee5!important; }

/* floating buttons / notifications */
.craft-whatsapp {
    position:fixed; right:22px; bottom:22px; z-index:1000;
    background:#1f9f58; color:white; min-height:46px; padding:0 16px; border-radius:24px;
    display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;box-shadow:0 10px 35px rgba(0,0,0,.17);
}
.craft-whatsapp:hover { color:#fff; transform:translateY(-2px); }
.scroll-top { right:22px!important; bottom:80px!important; border-radius:50%!important; background:#171714!important; color:#fff!important; }
#notification-container { position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:10px; }
.craft-notification {
    min-width:260px;max-width:420px;padding:13px 16px;background:#171714;color:#fff;
    border-left:4px solid #d3a400;display:flex;align-items:center;gap:10px;
    box-shadow:0 15px 45px rgba(0,0,0,.18);transform:translateX(120%);opacity:0;transition:.25s ease;font-size:12px;
}
.craft-notification.show { transform:translateX(0);opacity:1; }
.craft-notification.success { border-left-color:#27a768; }
.craft-notification.error { border-left-color:#d84949; }
.craft-notification.warning { border-left-color:#e7ad17; }

.animate-on-scroll { opacity:0; transform:translateY(12px); transition:opacity .45s ease,transform .45s ease; }
.animate-on-scroll.is-visible { opacity:1; transform:none; }

/* responsive */
@media (max-width: 1199px) {
    .craft-hero-grid { grid-template-columns:1fr 1fr; gap:45px; }
    .craft-hero-copy h1 { font-size:56px; }
    .craft-category-grid { grid-template-columns:repeat(3,1fr); }
    .craft-category-card.large { grid-column:span 2; }
}
@media (max-width: 991px) {
    .section-pad { padding:68px 0; }
    .craft-announcement-links { display:none; }
    .craft-header .navbar-collapse { padding:15px 0 8px; border-top:1px solid #e4dccf; margin-top:8px; }
    .craft-brand-mark { width:64px; }
    .craft-brand-copy strong { font-size:24px; }
    .craft-brand-copy small { font-size:10px; }
    .craft-nav .nav-link { padding:10px 0!important; }
    .craft-nav .nav-link:after { left:0; right:auto; width:34px; }
    .craft-actions { margin-left:auto; }
    .craft-hero-grid { grid-template-columns:1fr; min-height:auto; }
    .craft-hero-copy { max-width:760px; }
    .craft-hero-visual { min-height:500px; max-width:650px; width:100%; }
    .craft-trust-grid { grid-template-columns:1fr 1fr; }
    .craft-trust-grid > div:nth-child(2) { border-right:0; }
    .craft-trust-grid > div:nth-child(-n+2) { border-bottom:1px solid #e8e0d4; }
    .craft-category-grid { grid-template-columns:1fr 1fr; grid-template-rows:360px 260px 260px; }
    .craft-category-card.large { grid-column:span 2; grid-row:span 1; }
    .craft-story-grid { grid-template-columns:1fr; gap:45px; }
    .craft-story-media { min-height:500px; }
    .craft-project-inner { align-items:flex-start; flex-direction:column; }
    .craft-instagram-panel { grid-template-columns:auto 1fr; }
    .craft-instagram-actions { grid-column:1/-1; flex-direction:row; min-width:0; }
    .craft-payment-methods { grid-template-columns:1fr; }
    .craft-summary { position:static!important; }
}
@media (max-width: 767px) {
    .craft-announcement-inner { justify-content:center; text-align:center; }
    .craft-brand { gap:10px; }
    .craft-brand-mark { width:52px; }
    .craft-brand-copy strong { font-size:18px; }
    .craft-brand-copy small { font-size:7px; letter-spacing:.14em; margin-top:4px; }
    .craft-header .navbar { min-height:74px; }
    .craft-actions .btn-icon { width:36px;height:36px; }
    .craft-hero { padding:34px 0 50px; }
    .craft-hero-copy h1 { font-size:44px; }
    .craft-hero-copy p { font-size:14px; }
    .craft-hero-trust { gap:12px; font-size:10px; }
    .craft-hero-visual { min-height:410px; }
    .craft-image-main { width:82%;height:380px; }
    .craft-image-float { width:48%;height:190px;border-width:7px; }
    .craft-hero-seal { width:90px;height:90px;left:8%;top:15px; }
    .craft-hero-seal strong { font-size:21px; }
    .craft-trust-grid { grid-template-columns:1fr; }
    .craft-trust-grid > div { border-right:0!important;border-bottom:1px solid #e8e0d4!important;min-height:78px; }
    .craft-trust-grid > div:last-child { border-bottom:0!important; }
    .craft-section-head { align-items:flex-start; flex-direction:column; margin-bottom:24px; }
    .craft-section-head h2 { font-size:36px; }
    .craft-category-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
    .craft-category-card,.craft-category-card.large { min-width:82vw; height:360px; scroll-snap-align:start; }
    .craft-empty-catalog { align-items:flex-start; flex-direction:column; }
    .craft-empty-catalog .btn { margin-left:0; }
    .craft-story-media { min-height:400px; }
    .craft-story-media .story-main { width:88%;height:370px; }
    .craft-story-media .story-detail { width:47%;height:200px; }
    .craft-story-points { grid-template-columns:1fr; }
    .craft-story-points > div { border-right:0!important;border-bottom:1px solid #3c3932;padding:16px 0!important; }
    .craft-story-points > div:last-child { border-bottom:0; }
    .craft-project-inner h2 { font-size:26px; }
    .craft-footer-brand { gap:14px; }
    .craft-footer-brand img { width:138px; }

    .craft-instagram-panel { display:block; padding:25px; }
    .craft-instagram-icon { margin-bottom:18px; }
    .craft-instagram-actions { margin-top:20px; flex-direction:column; }
    .craft-panel,.checkout-section { padding:20px!important; }
    .bank-transfer-shell { padding:30px 18px; }
    .bank-transfer-shell h1 { font-size:38px; }
    .bank-order-meta { grid-template-columns:1fr; }
    .bank-order-meta > div+div { border-left:0;border-top:1px solid #e0d8cb; }
    .bank-detail { grid-template-columns:1fr; gap:3px; }
    .bank-iban .btn { margin-top:8px; width:max-content; }
    .craft-footer .footer-top { padding-top:50px; }
}

/* =========================================================
   Crafts v3 - Compact cinematic video hero
   Hero content is intentionally layered over the video.
   Payment/cart/order infrastructure is untouched.
   ========================================================= */
.craft-video-hero {
    position:relative;
    width:100%;
    height:clamp(500px,61vh,590px);
    min-height:500px;
    max-height:590px;
    overflow:hidden;
    background:#151511;
}
.craft-video-hero-media {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    z-index:0;
}
.craft-video-hero-overlay {
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(180deg,rgba(8,8,7,.18) 0%,rgba(8,8,7,.34) 48%,rgba(8,8,7,.54) 100%),
        linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.02) 48%,rgba(0,0,0,.12));
}
.craft-video-hero-content {
    position:absolute;
    inset:0;
    z-index:2;
    width:100%;
    max-width:100%;
    margin:0;
    padding:38px 24px 30px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    transform:translateY(3%);
}
.craft-video-kicker {
    display:block;
    margin:0 0 12px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.19em;
    color:#f6d153;
    text-shadow:0 2px 16px rgba(0,0,0,.45);
}
.craft-video-hero-content h1 {
    width:min(940px,92vw);
    margin:0 0 12px;
    color:#fff;
    font-family:'Playfair Display',serif;
    font-size:clamp(42px,4.5vw,68px);
    font-weight:700;
    line-height:1.02;
    letter-spacing:-.03em;
    text-shadow:0 4px 28px rgba(0,0,0,.42);
}
.craft-video-hero-content p {
    width:min(680px,88vw);
    margin:0 0 22px;
    color:rgba(255,255,255,.94);
    font-size:clamp(13px,1.05vw,17px);
    line-height:1.55;
    text-shadow:0 2px 16px rgba(0,0,0,.5);
}
.craft-video-hero-button {
    min-width:205px;
    min-height:50px;
    padding:0 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid #fff;
    color:#171714;
    font-size:11px;
    font-weight:800;
    letter-spacing:.075em;
    line-height:1;
    text-decoration:none;
    box-shadow:0 8px 28px rgba(0,0,0,.17);
    transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease;
}
.craft-video-hero-button:hover {
    background:#f3bf12;
    border-color:#f3bf12;
    color:#171714;
    transform:translateY(-2px);
}
.craft-video-scroll {
    position:absolute;
    left:50%;
    bottom:12px;
    transform:translateX(-50%);
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,.42);
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    z-index:3;
    background:rgba(0,0,0,.16);
    backdrop-filter:blur(4px);
}
.craft-video-scroll:hover { color:#fff; background:rgba(0,0,0,.32); }

@media (max-width: 1199px) {
    .craft-video-hero { height:540px; min-height:540px; max-height:540px; }
    .craft-video-hero-content h1 { font-size:clamp(42px,6vw,60px); }
}
@media (max-width: 991px) {
    .craft-video-hero { height:510px; min-height:510px; max-height:510px; }
    .craft-video-hero-content { padding-left:28px; padding-right:28px; transform:translateY(2%); }
}
@media (max-width: 767px) {
    .craft-video-hero { height:460px; min-height:460px; max-height:460px; }
    .craft-video-hero-media { object-position:center center; }
    .craft-video-hero-content { padding:28px 20px 26px; transform:none; }
    .craft-video-kicker { font-size:8px; letter-spacing:.15em; margin-bottom:10px; }
    .craft-video-hero-content h1 { width:100%; font-size:clamp(36px,10.5vw,50px); margin-bottom:10px; }
    .craft-video-hero-content p { width:100%; font-size:12px; line-height:1.5; margin-bottom:19px; }
    .craft-video-hero-button { min-width:180px; min-height:48px; font-size:10px; }
    .craft-video-scroll { display:none; }
}
@media (max-width: 420px) {
    .craft-video-hero { height:430px; min-height:430px; max-height:430px; }
    .craft-video-hero-content h1 { font-size:36px; }
}
@media (prefers-reduced-motion: reduce) {
    .craft-video-hero-media { display:none; }
    .craft-video-hero {
        background-image:linear-gradient(rgba(10,10,8,.38),rgba(10,10,8,.58)),url('../images/crafts/hero-poster-1920.jpg');
        background-size:cover;
        background-position:center;
    }
}


/* v5 - Video altı 3'lü kayan tanıtım vitrini */
.craft-promo-zone {
    background:#fffdf8;
    padding:16px 0 22px;
    overflow:hidden;
}
.craft-promo-shell {
    position:relative;
    width:min(1760px, calc(100% - 48px));
    margin:0 auto;
}
.craft-promo-viewport {
    overflow:hidden;
    touch-action:pan-y;
}
.craft-promo-track {
    --promo-gap:18px;
    display:flex;
    gap:var(--promo-gap);
    will-change:transform;
}
.craft-promo-card {
    flex:0 0 calc((100% - (var(--promo-gap) * 2)) / 3);
    min-width:0;
    height:clamp(250px, 18vw, 340px);
    background:#171714;
    overflow:hidden;
}
.craft-promo-card-link {
    display:block;
    width:100%;
    height:100%;
    position:relative;
}
.craft-promo-card img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
    transition:transform .55s ease, filter .55s ease;
}
.craft-promo-card-link:hover img {
    transform:scale(1.025);
    filter:brightness(.96);
}
.craft-promo-arrow {
    position:absolute;
    top:50%;
    z-index:5;
    width:42px;
    height:42px;
    transform:translateY(-50%);
    border:0;
    background:#fff;
    color:#111;
    display:grid;
    place-items:center;
    font-size:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.14);
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
.craft-promo-arrow:hover {
    background:#171714;
    color:#fff;
}
.craft-promo-prev { left:10px; }
.craft-promo-next { right:10px; }
.craft-promo-arrow:active { transform:translateY(-50%) scale(.96); }

/* v4 - Koleksiyon alanı koyu vitrin */
.craft-categories-dark {
    background:#171714;
    color:#fff;
    border-top:1px solid #292721;
}
.craft-categories-dark .craft-section-head .eyebrow { color:#e4b915; }
.craft-categories-dark .craft-section-head h2 { color:#fff; }
.craft-categories-dark .craft-text-link { color:#e9e3d9; border-color:#6f685c; }
.craft-categories-dark .craft-text-link:hover { color:#f3bf12; border-color:#f3bf12; }
.craft-categories-dark .craft-category-card { background:#22221e; }
.craft-trust-after-collections { border-top:0; }

@media (max-width: 991.98px) {
    .craft-promo-shell { width:min(100% - 28px, 1180px); }
    .craft-promo-track { --promo-gap:14px; }
    .craft-promo-card {
        flex-basis:calc((100% - var(--promo-gap)) / 2);
        height:260px;
    }
    .craft-promo-arrow { width:38px; height:38px; }
}

@media (max-width: 639.98px) {
    .craft-promo-zone { padding:10px 0 14px; }
    .craft-promo-shell { width:calc(100% - 24px); }
    .craft-promo-track { --promo-gap:10px; }
    .craft-promo-card {
        flex-basis:100%;
        height:clamp(170px, 56vw, 235px);
    }
    .craft-promo-arrow {
        width:34px;
        height:34px;
        font-size:15px;
        background:rgba(255,255,255,.94);
    }
    .craft-promo-prev { left:8px; }
    .craft-promo-next { right:8px; }
    .craft-categories-dark { padding-top:54px; padding-bottom:54px; }
}

/* v6 - Koleksiyonlardan sonraki 4'lü güven alanı koyu tema */
.craft-trust-after-collections {
    background:#171714;
    border-top:1px solid #2e2c27;
    border-bottom:1px solid #2e2c27;
    color:#fff;
}
.craft-trust-after-collections .craft-trust-grid > div {
    border-right-color:#34312b;
}
.craft-trust-after-collections .craft-trust-grid i {
    color:#d4aa1b;
}
.craft-trust-after-collections .craft-trust-grid strong {
    color:#fff;
}
.craft-trust-after-collections .craft-trust-grid small {
    color:#b9b2a7;
}
@media (max-width: 991.98px) {
    .craft-trust-after-collections .craft-trust-grid > div:nth-child(-n+2) {
        border-bottom-color:#34312b;
    }
}
@media (max-width: 767px) {
    .craft-trust-after-collections .craft-trust-grid > div {
        border-bottom-color:#34312b!important;
    }
}


/* FINAL - Atölyenin Favorileri alanı marka sarısı */
.craft-products-section {
    background:var(--craft-yellow)!important;
    color:var(--craft-ink);
}
.craft-products-section .eyebrow { color:#493900!important; }
.craft-products-section .craft-section-head h2 { color:#171714; }
.craft-products-section .craft-text-link {
    color:#171714;
    border-color:rgba(23,23,20,.55);
}
.craft-products-section .craft-text-link:hover {
    color:#000;
    border-color:#000;
}
.craft-products-section .product-card .product-category { color:#493900!important; }
.craft-products-section .product-card .product-title,
.craft-products-section .product-card .product-title a,
.craft-products-section .product-card .price-current { color:#171714!important; }
.craft-products-section .product-card .price-old { color:#66551c!important; }
.craft-products-section .product-card .badge-new {
    background:#171714!important;
    color:#fff!important;
}
.craft-products-section .craft-empty-catalog {
    background:#f8d85f;
    border-color:rgba(23,23,20,.25);
}
.craft-products-section .craft-empty-icon {
    background:#171714;
    color:#fff;
}
.craft-products-section .craft-empty-catalog p { color:#51461e; }
.craft-products-section .craft-empty-catalog .btn {
    border-color:#171714;
    color:#171714;
}
.craft-products-section .craft-empty-catalog .btn:hover {
    background:#171714;
    color:#fff;
}

/* v6: storefront stock visibility */
.product-card .badge-out-of-stock {
    background:#b42318;
    color:#fff;
    padding:6px 12px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    border-radius:2px;
    text-transform:uppercase;
    box-shadow:0 5px 18px rgba(0,0,0,.12);
}
.product-card.is-out-of-stock .product-image img { opacity:.72; }