/* Kartlu look. Values come from the original Kartlu page. Loaded after site.css and brand.css so inner pages
   (category, product, partner, help) pick up the palette through these variables. */
/* The inner pages (category, product, help) ask for Manrope and DM Sans, which this site no longer downloads.
   Point both names at the system sans-serif so nothing falls back to a serif face. */
@font-face{font-family:"Manrope";src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Neue Bold"),local("Helvetica-Bold"),local("Liberation Sans Bold"),local("Roboto Bold"),local("Segoe UI Bold");font-weight:600 900}
@font-face{font-family:"Manrope";src:local("Arial"),local("ArialMT"),local("Helvetica Neue"),local("Helvetica"),local("Liberation Sans"),local("Roboto"),local("Segoe UI");font-weight:100 599}
@font-face{font-family:"DM Sans";src:local("Arial"),local("ArialMT"),local("Helvetica Neue"),local("Helvetica"),local("Liberation Sans"),local("Roboto"),local("Segoe UI");font-weight:100 900}
:root{--navy:#102346;--navy-deep:#0b1a36;--ink:#102346;--orange:#ff634c;--coral:#ff634c;--coral-dark:#e94a33;--cream:#fff7ec;--sand:#fdeadb;--mist:#eef3f7;--line:#eeeeee;--muted:#6b7483;
  --k-sans:Arial,Helvetica,sans-serif;--k-serif:Georgia,"Times New Roman",serif}
body{font-family:var(--k-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,.brand{font-family:inherit}
a{color:inherit}
:focus-visible{outline:3px solid var(--coral);outline-offset:4px;border-radius:6px}
.k-wrap{max-width:1400px;margin:0 auto;padding:0 5%}
.k-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* announcement bar */
.notice{display:flex;justify-content:space-between;gap:16px;text-align:left;letter-spacing:0;background:var(--navy);color:#fff;font-size:12px;padding:9px max(5%,20px)}
.notice b{font-weight:400}
.notice span{color:#c2cad7}

/* header */
.k-head{background:#fff}
.k-head-row{display:flex;align-items:center;gap:48px;padding-top:18px;padding-bottom:18px}
.brand.k-logo{display:block;flex-shrink:0;line-height:0}
.k-logo img{display:block;width:172px;height:auto}
.k-search{display:flex;flex:1 1 0;border:1px solid #dce0e5;border-radius:9px;padding:6px;background:#f9fafb;margin:0}
.k-search input{min-width:0;width:100%;border:0;background:transparent;padding:9px 12px;font:inherit;color:var(--navy)}
.k-search input:focus{outline:none}
.k-search:focus-within{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,99,76,.16)}
.k-search button{border:0;border-radius:6px;padding:10px 18px;background:var(--coral);color:#fff;font:inherit;white-space:nowrap;cursor:pointer}
.k-search button:hover{background:var(--coral-dark)}
.k-tag{margin:0;font-size:12px;line-height:1.5;color:var(--muted);text-align:left}
.k-tag strong{color:var(--navy)}

/* nav */
.k-navbar{border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff}
.k-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 32px;min-height:58px;font-size:13px}
.k-nav>a{font-size:13px;color:var(--navy);text-decoration:none;font-weight:400}
.k-nav>a:hover{color:var(--coral)}
.k-nav-note{margin-left:auto;font-size:12px;color:var(--muted)}
.k-nav .information-menu summary{font-size:13px;font-weight:400;color:var(--navy)}
.k-departments{position:relative;padding-right:22px;border-right:1px solid #eee;align-self:stretch;display:flex;align-items:center}
.k-departments summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;font-size:13px;color:var(--ink);list-style:none;padding:16px 0}
.k-departments summary::-webkit-details-marker{display:none}
.k-departments summary svg{width:18px;height:18px}
.k-mega{position:absolute;left:0;top:100%;z-index:30;display:grid;grid-template-columns:270px 1fr;width:min(1120px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 44px rgba(18,34,74,.16);overflow:hidden}
.k-mega-list{list-style:none;margin:0;padding:10px 0;border-right:1px solid var(--line);max-height:78vh;overflow-y:auto;scrollbar-width:none}
.k-mega-list a{display:flex;justify-content:space-between;align-items:center;padding:9px 22px;line-height:1.3;font-size:14px;color:#2b3559;text-decoration:none}
.k-mega-list a::after{content:"\203A";color:#b6bacb;font-size:18px}
.k-mega-list .is-active a,.k-mega-list a:hover{color:var(--coral);background:#fff7f3}
.k-mega-panel{padding:26px 32px 30px;position:relative}
.k-panel-body{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 40px;align-items:start}
.k-panel-wide{margin-top:28px}
.k-panel-note{grid-column:1/-1;margin:0 0 6px;font-size:13px;color:var(--muted)}
.k-group h3{margin:16px 0 12px;font-size:14px;font-weight:700;color:var(--ink);padding-bottom:9px;border-bottom:2px solid var(--coral)}
.k-group a,.k-group span{display:block;padding:5px 0;font-size:14px;color:#4b5270;text-decoration:none}
.k-group a:hover{color:var(--coral)}
.k-group span{color:#8a8fa3}
.k-viewall{display:inline-block;margin-top:22px;font-size:14px;font-weight:700;color:var(--coral);text-decoration:none}
.k-deptpage{padding-top:36px;padding-bottom:24px}
.k-deptpage h1{margin:0 0 10px;font-size:34px;letter-spacing:-.03em;color:var(--navy)}

/* showcase: department list + banner */
.k-showcase{position:relative;display:grid;grid-template-columns:210px 1fr;gap:12px;margin-top:26px;min-height:475px}
.k-dept-list{list-style:none;margin:0;padding:8px 0;border:1px solid #eee;border-radius:16px;max-height:520px;overflow-y:auto;background:#fff;scrollbar-width:none}
.k-dept-list::-webkit-scrollbar,.k-mega-list::-webkit-scrollbar{display:none}
.k-dept-list a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px 9px 14px;line-height:1.3;font-size:13px;color:var(--navy);text-decoration:none}
.k-dept-list a::after{content:"\203A";color:#b6bacb;font-size:17px}
.k-dept-list .is-active a,.k-dept-list a:hover{color:var(--coral);background:#fff7f3}
.k-showcase:not(.is-open) .k-dept-list .is-active a:not(:hover){color:var(--navy);background:none}
.k-banner{position:relative;background:var(--cream);border-radius:16px;overflow:hidden;min-height:475px}
.k-slides{display:grid;min-height:475px}
.k-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s ease}
.k-slide.is-active{opacity:1;visibility:visible}
.k-hero{display:grid;grid-template-columns:1fr 1fr}
.k-hero-copy{padding:44px 0 44px 44px;position:relative;z-index:1;align-self:center}
.k-eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:#ac4938;margin:0;text-transform:uppercase}
.k-hero h1{font-size:clamp(32px,3.9vw,55px);line-height:1.06;letter-spacing:-.05em;margin:22px 0;font-weight:800;color:var(--navy)}
.k-hero h1 em{font-style:normal;color:var(--coral)}
.k-sub{margin:0;color:#64707b;font-size:14px}
.k-btn{display:inline-flex;gap:32px;align-items:center;font-weight:400;font-size:13px;border-radius:6px;padding:13px 20px;margin-top:16px;text-decoration:none}
.k-btn-dark{background:var(--navy);color:#fff}
.k-btn-dark:hover{background:var(--navy-deep)}
.k-btn-coral{background:var(--coral);color:#fff}
.k-btn-coral:hover{background:var(--coral-dark)}
.k-preview{margin:14px 0 0;font-size:12px;color:#8a7d72}
.k-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:475px;background:radial-gradient(circle at 50% 55%,#ffded1,transparent 60%)}
.k-orbit{position:absolute;width:350px;height:350px;border:1px solid #efc5b2;border-radius:50%;max-width:92%}
.k-bag{width:210px;height:255px;transform:rotate(-9deg);background:var(--coral);border-radius:7px 7px 18px 18px;box-shadow:22px 28px 0 rgba(235,205,185,.26);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.k-handle{position:absolute;top:-40px;width:88px;height:90px;border:11px solid var(--navy);border-radius:50%;z-index:-1}
.k-bag-mark{font-weight:900;font-size:116px;line-height:1.1;letter-spacing:-10px}
.k-bag-mark span{color:var(--navy)}
.k-bag p{margin:0;font-size:10px;letter-spacing:.18em;text-align:center}
.k-tag-one,.k-tag-two{position:absolute;background:#fff;padding:12px 18px;border-radius:9px;box-shadow:0 10px 35px rgba(16,35,70,.063);font-size:11px;display:flex;gap:16px;align-items:center;color:var(--navy)}
.k-tag-one span,.k-tag-two span{font-size:22px;color:var(--coral)}
.k-tag-one{left:2%;top:24%;transform:rotate(-6deg)}
.k-tag-two{bottom:12%;right:4%;transform:rotate(5deg)}
.k-roundel{position:absolute;right:8%;top:8%;width:105px;height:105px;border:1px dashed var(--navy);border-radius:50%;font-size:9px;letter-spacing:.12em;text-align:center;display:flex;flex-direction:column;justify-content:center;transform:rotate(12deg);color:var(--navy)}
.k-roundel b{font:italic 21px Georgia,serif}
.k-promo{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:44px 56px;background:var(--cream)}
.k-promo h2{margin:18px 0 12px;font-size:clamp(28px,3.4vw,46px);line-height:1.08;letter-spacing:-.04em;color:var(--navy);max-width:16ch}
.k-promo .k-sub{max-width:44ch}
.k-promo-dark{background:var(--navy)}
.k-promo-dark .k-eyebrow{color:#ffb3a5}
.k-promo-dark h2{color:#fff}
.k-promo-dark .k-sub{color:#c2cad7}
.k-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:8px;z-index:3}
.k-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(16,35,70,.22);cursor:pointer}
.k-dots button.is-active{background:var(--coral);width:22px;border-radius:6px}
.k-showcase-panel{position:absolute;left:222px;right:0;top:0;min-height:475px;z-index:20;background:#fff;padding:26px 30px 30px;border-radius:16px;border:1px solid #eee;box-shadow:0 24px 50px rgba(16,35,70,.16)}
.k-showcase-panel[hidden]{display:none}
.k-panel-close{display:none;margin:0 0 12px;border:0;background:none;color:var(--coral);font:inherit;font-weight:700;padding:0;cursor:pointer}

/* below the showcase */
.k-values{display:flex;justify-content:space-around;flex-wrap:wrap;gap:8px 20px;padding:25px 0;border-bottom:1px solid #eceef0;font-size:12px}
.k-values b{color:var(--coral);margin-right:12px;font-size:10px}
.k-block{padding-top:40px}
.k-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px}
.k-section-title>p{margin:0;font-size:12px;color:var(--muted)}
.k-block h2{margin:7px 0;font-size:30px;letter-spacing:-.04em;font-weight:800;color:var(--navy)}
.k-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:22px}
.k-cat{border:1px solid transparent;padding:20px 15px;min-height:135px;display:flex;flex-direction:column;justify-content:space-between;font-weight:700;font-size:14px;text-decoration:none;color:var(--navy)}
.k-cat small{font-weight:400;font-size:12px;line-height:1.4;color:var(--muted);margin-top:14px}
.k-cat:hover,.k-tile:hover{border-color:var(--coral);background:#fff8f3}
.k-cat:nth-child(3n+1),.k-tile:nth-child(3n+1){background:#fff3e9}
.k-cat:nth-child(3n+2),.k-tile:nth-child(3n+2){background:#eef3f7}
.k-cat:nth-child(3n),.k-tile:nth-child(3n){background:#f5f7f8}
.k-tiles{display:grid;grid-template-columns:repeat(7,1fr);gap:13px;margin-top:22px}
.k-tile{border:1px solid transparent;padding:20px 15px;min-height:135px;color:var(--navy);text-decoration:none;position:relative}
.k-tile-icon{display:block;font-size:30px;line-height:1.5;margin-bottom:14px}
.k-tile-name{display:block;font-size:12px;line-height:1.4}
.k-tile small{position:absolute;right:10px;top:10px;font-size:10px;background:#fff;border-radius:20px;padding:1px 8px;color:#6b7483}
.k-closing{display:flex;align-items:center;gap:28px;background:#f2f5f8;border-radius:12px;padding:35px;margin:50px 0}
.k-closing .k-spark{font-size:65px;color:var(--coral);line-height:1}
.k-closing h2{font-size:25px;margin:7px 0}
.k-closing>a{margin-left:auto;font-size:13px;text-decoration:none;color:var(--navy)}
.k-closing>a:hover{color:var(--coral)}
.k-deptpage{padding-top:36px;padding-bottom:24px}
.k-deptpage h1{margin:0 0 10px;font-size:34px;letter-spacing:-.03em;color:var(--navy)}

/* product video */
.product-video{max-width:760px;margin:28px 0 8px}
.product-video figure{margin:0 0 16px}
.product-video video{display:block;width:100%;height:auto;max-height:70vh;background:#000;border-radius:16px}
.product-video figcaption{margin-top:8px;font-size:13px;color:var(--muted)}

/* footer, inner pages */
.k-footer,footer{margin-top:0}
footer.k-footer{background:var(--navy);color:#fff;padding:35px 0 0}
.k-footer-row{display:flex;align-items:center;gap:25px;font-size:11px}
.k-footer-row p{margin:0}
.k-footer .wordmark{font-size:32px;font-weight:800;letter-spacing:-.05em;color:#fff}
.k-footer-note{margin-left:auto;color:#c2cad7}
.k-footer .copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:26px;padding:16px 5% 22px;color:#c2cad7;font-size:12px;width:auto;max-width:1400px}
.k-footer .partner-powered a{color:#fff}
.wordmark{font-weight:800;letter-spacing:-.04em;color:var(--navy);line-height:1}
.primary,.nav-cta{background:var(--coral);box-shadow:0 7px 20px rgba(255,99,76,.25)}

@media (max-width:1100px){
  .k-tiles{grid-template-columns:repeat(4,1fr)}
  .k-cats{grid-template-columns:repeat(3,1fr)}
  .k-showcase{grid-template-columns:190px 1fr}
  .k-showcase-panel{left:202px}
  .k-hero{grid-template-columns:1fr}
  .k-art{min-height:340px}
  .k-hero-copy{padding:30px}
}
@media (max-width:900px){
  .k-head-row{gap:20px}
  .k-tag{display:none}
  .k-nav-note{display:none}
  .k-departments{padding-right:20px}
  .k-mega{grid-template-columns:1fr;width:calc(100vw - 32px)}
  .k-mega-list{border-right:0;border-bottom:1px solid var(--line);max-height:38vh}
  .k-panel-body{grid-template-columns:repeat(2,1fr)}
  .k-showcase{grid-template-columns:1fr}
  .k-dept-list{display:flex;overflow-x:auto;max-height:none;border-radius:12px;padding:0}
  .k-dept-list li{flex:0 0 auto}
  .k-dept-list a{white-space:nowrap;padding:12px 14px}
  .k-dept-list a::after{display:none}
  .k-showcase-panel{left:0;top:56px;min-height:0}
  .k-panel-close{display:inline-block}
  .k-section-title>p{display:none}
  .k-closing{flex-wrap:wrap;padding:23px;gap:12px}
  .k-closing>a{margin-left:0}
}
@media (max-width:600px){
  .notice span{display:none}
  .k-head-row{flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}
  .k-logo img{width:140px}
  .k-search{flex-basis:100%;order:2}
  .k-nav{gap:10px 16px;font-size:11px}
  .k-hero h1{font-size:40px}
  .k-hero-copy{padding:26px}
  .k-art{min-height:320px}
  .k-orbit{width:275px;height:275px}
  .k-bag{width:170px;height:215px}
  .k-roundel{width:90px;height:90px;top:0;right:8%}
  .k-tag-one{top:25%;left:4%}
  .k-promo{padding:28px}
  .k-cats,.k-tiles{grid-template-columns:repeat(2,1fr)}
  .k-panel-body{grid-template-columns:1fr}
  .k-values{gap:12px;align-items:flex-start}
  .k-values span{max-width:100px;font-size:10px}
  .k-values b{display:block}
  .k-block h2{font-size:26px}
  .k-footer-row{flex-wrap:wrap;gap:12px}
  .k-footer-note{margin-left:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}