/* Leather log bag — Lovable parity product page. */
.mk-bag-product{background:var(--mk-bg);color:var(--mk-foreground)}
.mk-bag-hero{padding:24px 0 0}
.mk-bag-hero .mk-breadcrumbs{margin-bottom:20px;font-size:15px;color:var(--mk-muted)}
.mk-bag-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.mk-bag-gallery{min-width:0;display:flex;flex-direction:column;gap:12px}
.mk-bag-main-media{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#fff}
.mk-bag-main-media img{width:100%!important;height:100%!important;object-fit:contain!important;padding:20px}
.mk-bag-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.mk-bag-thumbs::-webkit-scrollbar{display:none}
.mk-bag-thumbs .mk-product-thumb{width:64px;height:64px;flex:0 0 64px;overflow:hidden;border:1px solid var(--mk-border);border-radius:10px;background:#fff;padding:0}.mk-bag-thumbs .mk-product-thumb.is-active{border-color:var(--mk-brass)}.mk-bag-thumbs img{width:100%;height:100%;object-fit:contain;padding:6px}
.mk-bag-commercial{display:flex;flex-direction:column;gap:24px}
.mk-bag-heading{display:flex;flex-direction:column;gap:12px}.mk-bag-kicker{font-size:15px;line-height:1.4;color:var(--mk-muted)}
.mk-bag-heading h1{margin:0;max-width:14ch;font:680 clamp(42px,4.2vw,60px)/1.02 "Onest",sans-serif;letter-spacing:-.035em;color:var(--mk-foreground)}
.mk-bag-subtitle{margin:0;max-width:34ch;font-size:20px;line-height:1.5;color:var(--mk-muted)}
.mk-bag-price-panel{display:flex;flex-direction:column;gap:8px;padding:20px 0;border-top:1px solid var(--mk-border);border-bottom:1px solid var(--mk-border)}
.mk-bag-price-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.mk-bag-price-row strong{font:700 clamp(32px,3vw,42px)/1.12 "Onest",sans-serif;letter-spacing:-.025em}.mk-bag-price-row del{font-size:17px;color:var(--mk-muted)}
.mk-bag-installment-line{margin:0;font-size:17px;line-height:1.4;color:var(--mk-muted)}
.mk-bag-buy-actions{display:flex;flex-direction:column;gap:10px}
.mk-bag-action{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 24px;text-decoration:none!important;text-align:center;font-size:19px;font-weight:650;line-height:1.15;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.mk-bag-action--primary{background:#252323;color:#fff!important;border:1px solid #252323}.mk-bag-action--primary:hover{background:#181717;box-shadow:inset 0 0 0 1px var(--mk-brass)}
.mk-bag-action--installment{min-height:64px;flex-direction:column;gap:2px;background:var(--mk-brass-subtle);color:var(--mk-brass-ink)!important;border:1px solid var(--mk-brass)}.mk-bag-action--installment:hover{background:var(--mk-brass-soft)}.mk-bag-action--installment small{font-size:15px;font-weight:500;color:var(--mk-muted);line-height:1.25}
.mk-bag-highlights{display:grid;gap:6px;margin:0}.mk-bag-highlights>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:6px;border-bottom:1px solid var(--mk-border);font-size:17px;line-height:1.4}.mk-bag-highlights dt{color:var(--mk-muted)}.mk-bag-highlights dd{margin:0;font-weight:650;text-align:right}
.mk-bag-providers{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;font-size:17px;color:var(--mk-muted)}.mk-bag-providers li{position:relative;padding-left:18px}.mk-bag-providers li::before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:50%;background:var(--mk-brass)}
.mk-bag-section{padding:64px 0}.mk-bag-section--border{border-top:1px solid var(--mk-border)}.mk-bag-section h2{margin:0;font:680 clamp(34px,3.4vw,46px)/1.08 "Onest",sans-serif;letter-spacing:-.025em}.mk-bag-section h3{font:650 22px/1.25 "Onest",sans-serif}.mk-bag-lead{max-width:42ch;font-size:20px;line-height:1.5;color:var(--mk-muted)}.mk-bag-small{max-width:52ch;font-size:17px;line-height:1.55;color:var(--mk-muted)}
.mk-bag-content-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}.mk-bag-content-media{overflow:hidden;border-radius:12px;background:var(--mk-surface)}.mk-bag-content-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.mk-bag-functional{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}.mk-bag-functional ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px;margin:0;padding:0;list-style:none}.mk-bag-functional li{border-top:1px solid var(--mk-border);padding-top:12px;font-size:17px;line-height:1.5;color:var(--mk-muted)}
.mk-bag-video{display:grid;place-items:center;margin-top:32px;max-width:896px;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#111}.mk-bag-video iframe{width:100%;height:100%;border:0}
.mk-bag-craft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}.mk-bag-craft-grid .mk-bag-content-media img{aspect-ratio:4/5}
.mk-bag-highlights--narrow{max-width:420px;margin-top:20px}.mk-bag-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.mk-bag-use-grid article{padding-top:16px;border-top:1px solid var(--mk-border)}.mk-bag-use-grid p{font-size:17px;line-height:1.5;color:var(--mk-muted)}
.mk-bag-second-cta{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:40px;border:1px solid var(--mk-border);border-radius:12px;background:var(--mk-card)}
.mk-bag-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;max-width:768px;margin-top:24px}.mk-bag-spec-grid>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--mk-border);font-size:17px}.mk-bag-spec-grid dt{color:var(--mk-muted)}.mk-bag-spec-grid dd{margin:0;font-weight:650;text-align:right}
.mk-bag-accordions{max-width:768px;margin-top:24px}.mk-bag-accordions details{border-bottom:1px solid var(--mk-border)}.mk-bag-accordions summary{cursor:pointer;list-style:none;padding:16px 0;font:650 20px/1.3 "Onest",sans-serif}.mk-bag-accordions summary::-webkit-details-marker{display:none}.mk-bag-accordions details>div,.mk-bag-accordions details>p{padding:0 0 20px;color:var(--mk-muted);font-size:17px;line-height:1.55}.mk-bag-accordions p{margin:0 0 8px}
.mk-bag-gallery-stage{position:relative;overflow:hidden;border-radius:12px;background:var(--mk-surface)}.mk-bag-gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.mk-bag-gallery-track::-webkit-scrollbar{display:none}.mk-bag-slide{position:relative;flex:0 0 100%;aspect-ratio:1/1;scroll-snap-align:center;background:#fff}.mk-bag-slide>img{width:100%!important;height:100%!important;display:block;object-fit:contain!important;padding:20px}.mk-bag-video-slide{position:absolute;inset:0;display:grid;place-items:center;background:#111}.mk-bag-video-slide iframe{width:100%;aspect-ratio:16/9;border:0}.mk-bag-video-placeholder{display:flex;min-width:220px;min-height:64px;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:#1b1b1b;padding:14px 20px;color:#fff;font:600 16px/1.2 "Manrope",sans-serif;cursor:pointer}.mk-bag-video-placeholder span{font-size:22px}.mk-bag-video-placeholder:hover,.mk-bag-video-placeholder:focus-visible{border-color:var(--mk-brass);outline:none}.mk-bag-gallery-arrow{position:absolute;top:50%;z-index:3;width:44px;height:44px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid var(--mk-border);border-radius:6px;background:color-mix(in oklab,var(--mk-bg) 90%,transparent);color:var(--mk-foreground);font-size:18px;cursor:pointer}.mk-bag-gallery-arrow--prev{left:12px}.mk-bag-gallery-arrow--next{right:12px}.mk-bag-gallery-arrow:disabled{opacity:0;pointer-events:none}.mk-bag-gallery-count{position:absolute;right:12px;bottom:12px;z-index:3;border:1px solid var(--mk-border);border-radius:6px;background:color-mix(in oklab,var(--mk-bg) 90%,transparent);padding:4px 8px;font-size:15px;color:var(--mk-muted)}.mk-bag-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.mk-bag-thumbs::-webkit-scrollbar{display:none}.mk-bag-thumb{position:relative;width:64px;height:64px;flex:0 0 64px;overflow:hidden;border:1px solid var(--mk-border);border-radius:10px;background:#fff;padding:0;cursor:pointer}.mk-bag-thumb.is-active{border-color:var(--mk-brass)}.mk-bag-thumb img{width:100%;height:100%;object-fit:contain;padding:6px}.mk-bag-thumb-video{position:absolute;inset:0;display:grid;place-items:center;background:#242424;color:#fff;font-size:18px}.mk-bag-use-grid figure{margin:0;display:flex;flex-direction:column;gap:12px}.mk-bag-use-media{overflow:hidden;border-radius:12px;background:var(--mk-surface)}.mk-bag-use-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.mk-bag-use-grid figcaption{display:flex;flex-direction:column;gap:4px}.mk-bag-use-grid figcaption h3,.mk-bag-use-grid figcaption p{margin:0}
.mk-bag-fullgrain-intro,.mk-bag-fullgrain-story,.mk-bag-fullgrain-explain{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:56px;align-items:center}.mk-bag-fullgrain-copy{display:flex;flex-direction:column;gap:16px}.mk-bag-fullgrain-copy .mk-overline{color:var(--mk-brass-ink)}.mk-bag-fullgrain-media{margin:0;overflow:hidden;border-radius:12px;background:var(--mk-surface)}.mk-bag-fullgrain-media img{display:block;width:100%;aspect-ratio:6/5;object-fit:cover}.mk-bag-fullgrain-text{display:flex;flex-direction:column;gap:14px;color:var(--mk-muted);font-size:17px;line-height:1.55}.mk-bag-fullgrain-text p,.mk-bag-fullgrain-benefits p,.mk-bag-fullgrain-story p,.mk-bag-patina p{margin:0}.mk-bag-fullgrain-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:48px 0;padding:36px 0;border-top:1px solid var(--mk-border);border-bottom:1px solid var(--mk-border)}.mk-bag-fullgrain-benefits article{display:flex;flex-direction:column;gap:8px}.mk-bag-fullgrain-benefits article>span{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--mk-brass-ink)}.mk-bag-fullgrain-benefits article h3,.mk-bag-patina h3{margin:0}.mk-bag-fullgrain-benefits p,.mk-bag-fullgrain-story p,.mk-bag-patina p,.mk-bag-fullgrain-details p,.mk-leather-layers span{font-size:17px;line-height:1.55;color:var(--mk-muted)}.mk-bag-fullgrain-story{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);margin-top:8px}.mk-bag-fullgrain-story blockquote{margin:24px 0 0;padding-left:20px;border-left:2px solid var(--mk-brass);font:650 clamp(24px,2.2vw,32px)/1.25 "Onest",sans-serif;letter-spacing:-.02em}.mk-bag-fullgrain-explain{margin-top:56px;align-items:start}.mk-bag-fullgrain-details{border-top:1px solid var(--mk-border);border-bottom:1px solid var(--mk-border)}.mk-bag-fullgrain-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:18px 0;font:650 22px/1.3 "Onest",sans-serif}.mk-bag-fullgrain-details summary::-webkit-details-marker{display:none}.mk-bag-fullgrain-details summary::after{content:"+";color:var(--mk-brass-ink);font-size:24px;font-weight:500}.mk-bag-fullgrain-details[open] summary::after{content:"−"}.mk-bag-fullgrain-details>div{padding:0 0 24px}.mk-leather-layers{display:flex;flex-direction:column;gap:20px;margin-top:20px}.mk-leather-layers article{display:flex;flex-direction:column;gap:7px}.mk-leather-layers i{display:block;width:var(--layer-width);height:4px;border-radius:999px;background:var(--mk-brass)}.mk-leather-layers strong{font-size:14px;letter-spacing:.06em;text-transform:uppercase}.mk-bag-patina{margin-top:24px;padding:24px;border-radius:12px;background:var(--mk-surface)}.mk-bag-patina p{margin-top:10px}
.mk-bag-mobile-bar{display:none}
@media(max-width:1023px){.mk-bag-mobile-bar{position:fixed;inset:auto 0 0;z-index:40;display:block;border-top:1px solid var(--mk-border);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);transform:translateY(110%);transition:transform .2s ease;padding-bottom:env(safe-area-inset-bottom)}.mk-bag-mobile-bar.is-visible{transform:translateY(0)}.mk-bag-mobile-bar>.mk-home-container{display:flex;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px}.mk-bag-mobile-price{min-width:0;flex:1;display:flex;flex-direction:column}.mk-bag-mobile-price strong{font-size:17px;line-height:1.2;white-space:nowrap}.mk-bag-mobile-price span{font-size:13px;line-height:1.3;color:var(--mk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-bag-mobile-bar .mk-bag-action{width:auto;min-width:112px;min-height:44px;padding:9px 18px;font-size:16px}.mk-bag-mobile-spacer{height:76px}}
@media(min-width:1024px){.mk-bag-mobile-spacer{display:none}}
@media(max-width:767px){.mk-bag-hero{padding-top:16px}.mk-bag-hero-grid,.mk-bag-content-split,.mk-bag-functional,.mk-bag-second-cta,.mk-bag-fullgrain-intro,.mk-bag-fullgrain-story,.mk-bag-fullgrain-explain{grid-template-columns:1fr;gap:28px}.mk-bag-heading h1{font-size:42px}.mk-bag-subtitle{font-size:18px}.mk-bag-action{min-height:56px;font-size:20px;font-weight:625;padding:12px 16px}.mk-bag-action--installment{min-height:72px}.mk-bag-action--installment small{font-size:16px}.mk-bag-section{padding:48px 0}.mk-bag-functional ul,.mk-bag-spec-grid{grid-template-columns:1fr}.mk-bag-craft-grid,.mk-bag-use-grid,.mk-bag-fullgrain-benefits{grid-template-columns:1fr}.mk-bag-fullgrain-benefits{gap:20px;margin:36px 0;padding:28px 0}.mk-bag-fullgrain-benefits article{padding-top:14px;border-top:1px solid var(--mk-border)}.mk-bag-fullgrain-benefits article:first-child{padding-top:0;border-top:0}.mk-bag-fullgrain-story,.mk-bag-fullgrain-explain{margin-top:36px}.mk-bag-fullgrain-story blockquote{font-size:24px}.mk-bag-fullgrain-media img{aspect-ratio:4/5}.mk-bag-second-cta{padding:24px}.mk-bag-gallery-arrow{width:40px;height:40px}.mk-bag-slide>img{padding:12px}}
