:root {
  --ink: #1a1a1a;
  --cream: #fffdf3;
  --yellow: #f4e24a;
  --line: #ece8dc;
  --sage: #e6e4dc;
  --muted: #6b6b6b;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--cream); color: var(--ink); font-family: "Futura PT", Futura, "Trebuchet MS", sans-serif; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select { font-family: inherit; }
.cpk-promo { background: var(--yellow); text-align: center; padding: .55rem 1rem; font-size: .95rem; letter-spacing: .01em; }

.cpk-header {
  display: flex; align-items: center; gap: .8rem;
  padding: .55rem 1.1rem; background: #fff;
  border-radius: 999px; margin: .55rem 1rem;
  position: relative; z-index: 20;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
.cpk-logo img { height: 15px; width: auto; }
.cpk-nav { display: flex; gap: 1.15rem; margin: 0 auto; font-size: .95rem; }
.cpk-tools { display: flex; align-items: center; gap: .55rem; margin-left: auto; }
.cpk-quiz { background: var(--yellow); border-radius: 999px; padding: .32rem .85rem; font-weight: 700; font-size: .88rem; }
.cpk-icon, .cpk-bag, .cpk-burger, .cpk-flag {
  display: inline-flex; align-items: center; justify-content: center;
  background: none; border: 0; color: inherit; cursor: pointer; padding: .2rem;
}
.cpk-icon svg, .cpk-bag svg, .cpk-burger svg { width: 22px; height: 22px; }
.cpk-flag svg { width: 18px; height: 13px; border-radius: 2px; }
.cpk-bag { gap: .25rem; font-size: .95rem; }
.cpk-burger { display: none; }
.cpk-search-drop {
  display: none; position: absolute; left: 1rem; right: 1rem; top: calc(100% + .4rem);
  background: #fff; border-radius: 12px; padding: .6rem; box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.cpk-search-drop.is-open { display: flex; gap: .4rem; }
.cpk-search-drop input { flex: 1; border: 1px solid #ddd; border-radius: 999px; padding: .6rem 1rem; }
.cpk-search-drop button { background: #111; color: #fff; border: 0; border-radius: 999px; padding: .6rem 1rem; }

.cpk-btn, .cpk-atc {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--yellow); color: #111; border: 0; border-radius: 999px;
  padding: .85rem 1.6rem; font-weight: 700; cursor: pointer; font-size: 1rem;
}
.cpk-btn-outline {
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid #111; border-radius: 999px; padding: .7rem 1.2rem;
}
.cpk-btn-outline.light { border-color: #111; }

/* Hero carousel */
.cpk-hero { position: relative; overflow: hidden; padding: 0 .6rem 1.2rem; }
.cpk-hero-track { display: flex; gap: .5rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.cpk-hero-track::-webkit-scrollbar { display: none; }
.cpk-hero-slide {
  position: relative; flex: 0 0 86%; scroll-snap-align: start;
  border-radius: 18px; overflow: hidden; min-height: 520px; background: #111;
}
.cpk-hero-slide img { width: 100%; height: 100%; object-fit: cover; min-height: 520px; }
.cpk-hero-slide img.mob { display: none; }
.cpk-hero-copy { position: absolute; left: 2rem; top: 2rem; color: #fff; text-shadow: 0 1px 8px rgba(0,0,0,.25); }
.cpk-hero-copy h1, .cpk-hero-copy h2 { margin: 0 0 .8rem; font-weight: 500; font-size: clamp(2rem, 4.4vw, 3.4rem); }
.cpk-hero-prod {
  position: absolute; right: 1.4rem; top: 1.4rem; background: #fffdf8;
  border-radius: 14px; padding: .7rem; width: 210px; color: #111;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.cpk-hero-prod img { width: 100%; height: 140px; object-fit: contain; background: #f6f3ea; border-radius: 8px; min-height: 0; }
.cpk-hero-prod span { display: block; margin-top: .45rem; font-size: .86rem; line-height: 1.3; }
.cpk-hero-prod em { color: var(--muted); font-style: normal; margin: 0 .2rem; }
.cpk-hero-prod b { float: right; font-weight: 500; white-space: nowrap; }
.cpk-hero-prod strong { display: inline; }
.cpk-hero-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 42px; height: 42px; border: 0; border-radius: 50%; background: #fff; cursor: pointer; z-index: 2;
}
.cpk-hero-nav.prev { left: 1.1rem; }
.cpk-hero-nav.next { right: 1.1rem; }
.cpk-hero-nav:after { content: ""; display: block; width: 8px; height: 8px; border-left: 2px solid #111; border-bottom: 2px solid #111; margin: 0 auto; }
.cpk-hero-nav.prev:after { transform: rotate(45deg); }
.cpk-hero-nav.next:after { transform: rotate(-135deg); }

.cpk-cats, .cpk-rail, .cpk-reviews { max-width: 1280px; margin: 0 auto; padding: 1.6rem 1.2rem; }
.cpk-sec-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: .8rem; }
.cpk-sec-head h2, .cpk-cats h2, .cpk-rail h2, .cpk-reviews h2 { font-weight: 500; font-size: 1.6rem; margin: 0 0 .6rem; }
.cpk-sec-head a { text-decoration: underline; font-size: .95rem; }
.cpk-cat-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: .55rem; }
.cpk-cat-grid a { position: relative; color: #fff; }
.cpk-cat-grid img { width: 100%; aspect-ratio: 3/4; object-fit: cover; border-radius: 12px; }
.cpk-cat-grid span {
  position: absolute; left: 50%; bottom: 1rem; transform: translateX(-50%);
  background: #fff; color: #111; border-radius: 999px; padding: .35rem .8rem; font-size: .9rem; white-space: nowrap;
}
.cpk-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.cpk-card .img-wrap { position: relative; aspect-ratio: 1; background: #fff; border-radius: 12px; overflow: hidden; }
.cpk-card img { width: 100%; height: 100%; object-fit: contain; }
.cpk-card h3 { font-size: .95rem; font-weight: 500; margin: .55rem 0 .2rem; }
.cpk-card .price { margin: 0; }
.cpk-badge {
  position: absolute; left: .6rem; top: .6rem; z-index: 1;
  background: #fff; border: 1px solid #ddd; border-radius: 999px;
  padding: .2rem .55rem; font-size: .72rem;
}
.cpk-award {
  position: absolute; right: .5rem; top: .5rem; z-index: 1;
  width: 64px; height: 64px; border-radius: 50%; background: #c4122f; color: #fff;
  font-size: .52rem; text-align: center; display: flex; align-items: center; justify-content: center;
  line-height: 1.15; font-weight: 700; letter-spacing: .02em;
}
.cpk-swatches { display: flex; gap: .3rem; flex-wrap: wrap; margin-top: .4rem; }
.cpk-swatch { width: 16px; height: 16px; border-radius: 50%; border: 1px solid #ddd; display: inline-block; }
.cpk-swatches.lg .cpk-swatch { width: 28px; height: 28px; }
.cpk-swatch.is-on { outline: 1px solid #111; outline-offset: 2px; }

.cpk-luka { display: grid; grid-template-columns: .9fr 1.1fr; gap: 1.2rem; max-width: 1280px; margin: 1rem auto; padding: 1.2rem; align-items: center; }
.cpk-luka img { width: 100%; border-radius: 16px; aspect-ratio: 4/3; object-fit: cover; }
.cpk-luka h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); font-weight: 500; }
.cpk-vit { text-align: center; background: var(--yellow); padding: 3rem 1.2rem; margin: 1.4rem 0; }
.cpk-vit h2 { margin: 0 0 .5rem; font-size: 2rem; font-weight: 500; }
.cpk-vit p { max-width: 36rem; margin: 0 auto 1.1rem; }
.cpk-vit .cpk-btn { background: #111; color: #fff; margin: 0 .3rem; }
.cpk-review-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.cpk-review-grid blockquote { margin: 0; background: #fff; border-radius: 12px; padding: 1.2rem; }
.cpk-review-grid p { font-size: 1.02rem; }
.cpk-review-grid cite { display: block; margin-top: .8rem; font-style: normal; font-size: .85rem; color: var(--muted); }
.cpk-story { text-align: center; padding: 3.2rem 1.4rem 3.6rem; max-width: 48rem; margin: 0 auto; }
.cpk-story h2 { font-weight: 500; font-size: clamp(1.6rem, 3vw, 2.2rem); }
.cpk-story p { line-height: 1.6; color: #333; }

.cpk-footer { padding: 2.4rem 1.2rem 1.2rem; border-top: 1px solid var(--line); }
.cpk-nl { text-align: center; margin-bottom: 2rem; }
.cpk-nl h2 { font-weight: 500; }
.cpk-nl form { display: flex; justify-content: center; gap: .4rem; margin-top: .8rem; }
.cpk-nl input { padding: .75rem 1rem; border: 1px solid #ddd; min-width: 240px; border-radius: 4px; background: #fff; }
.cpk-nl button { background: #111; color: #fff; border: 0; padding: .75rem 1.2rem; border-radius: 999px; }
.cpk-footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; max-width: 1100px; margin: 0 auto; }
.cpk-footer h3 { font-size: .95rem; font-weight: 600; }
.cpk-footer ul { list-style: none; margin: 0; padding: 0; }
.cpk-footer li { margin: .35rem 0; }
.copy { text-align: center; margin-top: 1.6rem; font-size: .9rem; }
.cpk-legal { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem 1.2rem; font-size: .82rem; margin: .6rem 0 0; }

/* PLP */
.cpk-plp { padding-bottom: 3rem; }
.cpk-plp-hero { background: var(--sage); padding: 2rem 8vw 1.4rem; }
.cpk-plp h1 { font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 500; margin: .2rem 0 .6rem; }
.cpk-plp-intro { max-width: 36rem; font-size: 1.05rem; }
.cpk-crumb { color: var(--muted); font-size: .9rem; }
.cpk-chips { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 1.1rem; }
.cpk-chips a { border: 1px solid transparent; background: #fff; border-radius: 999px; padding: .4rem .9rem; }
.cpk-chips a.is-on { border-color: #111; }
.cpk-plp-bar { display: flex; justify-content: space-between; align-items: center; padding: 1rem 8vw .4rem; }
.cpk-plp .cpk-grid { padding: 0 8vw; }
.cpk-sort { position: relative; }
.cpk-sort summary { cursor: pointer; list-style: none; font-weight: 600; }
.cpk-sort summary::-webkit-details-marker { display: none; }
.cpk-sort-menu { position: absolute; top: 120%; left: 0; background: #fff; border: 1px solid var(--line); border-radius: 10px; min-width: 180px; padding: .4rem 0; z-index: 5; }
.cpk-sort-menu a { display: block; padding: .4rem .8rem; }
.cpk-pager { margin: 1.4rem 8vw 0; display: flex; gap: .4rem; }
.cpk-pager a, .cpk-pager span { padding: .4rem .7rem; border-radius: 999px; background: #fff; }

/* PDP */
.cpk-pdp { display: grid; grid-template-columns: 1.15fr .85fr; gap: 1.6rem; max-width: 1240px; margin: 0 auto; padding: 1rem 1.2rem 2rem; align-items: start; }
.cpk-pdp-media { display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
.cpk-pdp-slide { position: relative; background: #fff; border-radius: 12px; overflow: hidden; }
.cpk-pdp-slide img { width: 100%; aspect-ratio: 1; object-fit: contain; }
.cpk-pdp-dots { display: none; }
.cpk-pill { position: absolute; top: .7rem; left: .7rem; background: #fff; border: 1px solid #ddd; border-radius: 999px; padding: .25rem .65rem; font-size: .78rem; z-index: 1; }
.cpk-pill.yellow { background: var(--yellow); border-color: var(--yellow); }
.cpk-pill + .cpk-pill { left: 7.2rem; }
.cpk-pdp h1 { font-size: 2rem; font-weight: 500; margin: .25rem 0; line-height: 1.15; }
.cpk-pdp h1 span { display: block; }
.cpk-pdp .price { font-size: 1.25rem; margin: .4rem 0 1rem; }
.cpk-opt { font-size: .78rem; margin: .85rem 0 .35rem; color: #444; }
.cpk-size-row { display: flex; justify-content: space-between; align-items: baseline; }
.cpk-compare { font-size: .8rem; text-decoration: underline; }
.cpk-size { width: 100%; border: 1px solid #ccc; border-radius: 999px; padding: .75rem 1rem; background: #fff; font-size: 1rem; }
.cpk-pdp form.cart { display: flex; flex-direction: column; gap: .55rem; margin: 1rem 0 .4rem; }
.cpk-cta-row { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.cpk-personalize { display: flex; align-items: center; justify-content: center; background: #eceae3; border-radius: 999px; padding: .85rem; font-weight: 600; }
.cpk-buynow { background: #fff; border: 1px solid #111; border-radius: 999px; padding: .85rem; cursor: pointer; font-weight: 600; }
.cpk-klarna, .cpk-vit-line { font-size: .9rem; color: #333; }
.cpk-acc { margin-top: 1.2rem; border-top: 1px solid var(--line); }
.cpk-acc details { border-bottom: 1px solid var(--line); }
.cpk-acc summary { cursor: pointer; padding: .85rem 0; font-weight: 600; }
.cpk-acc .desc, .cpk-acc ul, .cpk-acc p { padding-bottom: .8rem; line-height: 1.55; }
.cpk-acc ul { padding-left: 1.1rem; }

/* CMS */
.cpk-cms { max-width: 52rem; margin: 0 auto; padding: 2.2rem 1.2rem 3.4rem; line-height: 1.65; }
.cpk-cms h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 500; margin: 0 0 1rem; }
.cpk-cms h2 { font-weight: 500; margin: 1.8rem 0 .6rem; }
.cpk-cms header, .cpk-cms nav { display: none !important; }
.cpk-cms img { border-radius: 12px; margin: 1rem 0; }
.cpk-about-hero img { width: 100%; }
.cpk-timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; margin: 1.4rem 0; }
.cpk-timeline article { background: #fff; border-radius: 12px; padding: 1rem; }
.cpk-timeline strong { display: block; font-size: 1.3rem; }
.cpk-faq-nav { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1rem 0 1.4rem; }
.cpk-faq-nav a { background: #fff; border: 1px solid #ddd; border-radius: 999px; padding: .35rem .75rem; font-size: .88rem; }
.shopify-policy__title, .shopify-policy__container h1 { display: none; }
.cpk-faq-cat { margin: 1.4rem 0; }
.cpk-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; }
.cpk-contact-grid form, .cpk-contact-grid input, .cpk-contact-grid textarea { width: 100%; }
.cpk-contact-grid input, .cpk-contact-grid textarea { border: 1px solid #ddd; padding: .7rem; margin-bottom: .5rem; background: #fff; }
.woocommerce-checkout, .woocommerce-cart { max-width: 960px; margin: 0 auto; padding: 1.4rem; }
.price del { opacity: .55; margin-right: .4rem; text-decoration: line-through; }
.price ins { text-decoration: none; }

/* Shopify checkout (calpaktravel.com/checkouts) */
body.woocommerce-checkout{background:#fff;max-width:none;margin:0;padding:0}
body.woocommerce-checkout .cpk-main--checkout{max-width:none;padding:0}
.cpk-chk-top{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:.85rem 1.5rem;border-bottom:1px solid #e6e6e6;background:#fff;
}
.cpk-chk-top__logo{justify-self:center}
.cpk-chk-top__logo img{height:16px;width:auto}
.cpk-chk-top__bag{justify-self:end;padding:.4rem;color:#1a1a1a}
.cpk-chk-top__bag svg{width:22px;height:22px;display:block}
.cpk-woo-wrap{margin:0;padding:0}
.cpk-checkout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.95fr);
  gap:0;min-height:70vh;
}
.cpk-checkout__main{padding:2.2rem 8% 3rem;max-width:720px;margin-left:auto}
.cpk-checkout-block{margin:0 0 1.6rem}
.cpk-checkout-block h2{
  font-size:1.15rem;font-weight:600;margin:0 0 .85rem;letter-spacing:0;
  font-family:inherit;color:#1a1a1a;display:flex;justify-content:space-between;align-items:baseline;
}
.cpk-chk-signin{font-size:.9rem;font-weight:500;color:#1a1a1a;text-decoration:underline}
.cpk-checkout-muted{color:#6d6d6d;font-size:.88rem;margin:-.4rem 0 1rem}
.cpk-checkout__aside{
  background:#f5f5f5;padding:2.2rem 8% 3rem 2rem;border-left:1px solid #e6e6e6;
}
.cpk-chk-sum-toggle{display:none}
.cpk-ship-box{background:#f5f5f5;border-radius:10px;padding:.9rem 1rem;color:#6d6d6d;font-size:.92rem}
.cpk-ship-box p{margin:0;text-align:center}
.cpk-checkout-policies{display:flex;flex-wrap:wrap;gap:.85rem;margin:2rem 0 0;font-size:.85rem}
.cpk-checkout-policies a{color:#1a1a1a;text-decoration:underline}
.cpk-chk-thumb{position:relative;display:inline-block;margin-right:.7rem;vertical-align:middle}
.cpk-chk-thumb img{width:64px;height:64px;object-fit:cover;background:#fff;border-radius:8px;border:1px solid #ddd}
.cpk-chk-thumb em{
  position:absolute;top:-8px;right:-8px;background:#1a1a1a;color:#fff;
  font-style:normal;font-size:.7rem;min-width:1.15rem;height:1.15rem;
  border-radius:999px;display:flex;align-items:center;justify-content:center;
}
.cpk-chk-usd{font-size:.75rem;font-weight:500;margin-right:.25rem;color:#333}
.woocommerce-checkout .woocommerce-notices-wrapper,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-account-fields,
.woocommerce-checkout #payment .payment_box > p,
.woocommerce-checkout h1{display:none !important}
.woocommerce-checkout .col2-set,.woocommerce-checkout .col-1,.woocommerce-checkout .col-2{
  display:block;width:100%;float:none;max-width:none;margin:0;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;
}
.woocommerce-checkout .form-row{width:auto !important;float:none !important;margin:0 0 12px !important;padding:0 !important;position:relative}
.woocommerce-checkout .form-row-wide{grid-column:1 / -1}
.woocommerce-checkout .form-row-first{grid-column:1 / 4}
.woocommerce-checkout .form-row-last{grid-column:4 / -1}
.woocommerce-checkout .form-row-third{grid-column:span 2}
.woocommerce-checkout .form-row label{
  position:absolute;left:14px;top:6px;font-size:.7rem;font-weight:600;color:#737373;margin:0;z-index:1;pointer-events:none;
}
.woocommerce-checkout .form-row label .required{display:none}
.woocommerce-checkout .form-row label .optional{font-weight:400;color:#737373}
.woocommerce-checkout #billing_address_2_field label.screen-reader-text{
  clip:auto !important;clip-path:none !important;width:auto !important;height:auto !important;
  margin:0 !important;overflow:visible !important;position:absolute !important;
  left:14px;top:6px;font-size:.7rem;font-weight:600;color:#737373;padding:0;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row .select2-selection{
  height:52px;border:1px solid #d0d0d0;border-radius:8px;padding:18px 12px 6px;background:#fff;width:100%;font-size:1rem;
}
.woocommerce-checkout .form-row input.input-text::placeholder{color:transparent}
.woocommerce-checkout #payment{background:transparent !important;border:0 !important;padding:0 !important}
.woocommerce-checkout #payment ul.payment_methods{list-style:none;margin:0;padding:0;border:1px solid #d0d0d0;border-radius:12px;overflow:hidden;background:#fff}
.woocommerce-checkout #payment li.wc_payment_method{padding:12px 14px;margin:0}
.woocommerce-checkout #payment .payment_method_wootbpay_credit_card_gateway{background:#fffdf3}
.woocommerce-checkout #payment .payment_box{background:transparent;padding:12px 0 4px}
.woocommerce-checkout #payment .payment_box input,
.woocommerce-checkout #payment .payment_box .input-text{
  height:48px;border:1px solid #d0d0d0;border-radius:8px;padding:0 12px;background:#fff;width:100%;margin:0 0 10px;
}
.woocommerce-checkout #place_order,
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout button#place_order{
  width:100%;margin-top:1.1rem;background:#f4e24a !important;color:#111 !important;
  border:0;border-radius:999px;padding:1rem 1.2rem;font-weight:700;font-size:1rem;cursor:pointer;
  text-transform:none;letter-spacing:0;
}
.woocommerce-checkout table.shop_table{width:100%;border:0;background:transparent !important}
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td{border:0;border-bottom:1px solid rgba(0,0,0,.08);padding:.7rem 0;text-align:left;vertical-align:middle;font-weight:400}
.woocommerce-checkout table.shop_table .order-total th,
.woocommerce-checkout table.shop_table .order-total td{font-size:1.15rem;font-weight:700;border-bottom:0}
.woocommerce-checkout table.shop_table .product-total,
.woocommerce-checkout table.shop_table tfoot td{text-align:right}
.cpk-chk-discount{display:flex;gap:8px;align-items:center;padding:.35rem 0 .2rem}
.cpk-chk-discount input{
  flex:1;height:44px;border:1px solid #d0d0d0;border-radius:8px;padding:0 12px;background:#fff;font-size:.95rem;
}
.cpk-chk-apply{
  height:44px;padding:0 16px;background:#eee;color:#333;border:0;border-radius:8px;cursor:pointer;font-weight:600;
}
.woocommerce-checkout table.shop_table .cpk-chk-discount-wrap td{border-bottom:0;padding:.5rem 0 1rem}
.cpk-shipping-methods{width:100%;border-collapse:collapse}
.cpk-shipping-methods th{display:none}
.cpk-shipping-methods td{padding:.7rem .85rem;border:1px solid #d0d0d0;background:#fff;border-radius:8px}
.cpk-cart{width:min(860px,calc(100% - 40px));margin:2rem auto 3rem}
.cpk-cart h1{font-size:2rem;margin:0 0 1.25rem;font-weight:500}
.cpk-cart-lines{list-style:none;margin:0 0 1rem;padding:0}
.cpk-cart-line{display:flex;gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--line)}
.cpk-cart-line img{width:72px;height:72px;object-fit:cover}
.cpk-cart-line a{font-weight:600;display:block}
.cpk-cart-totals{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}
.cpk-cart-ship{color:#6d6d6d}
.cpk-cart-cta{
  display:inline-block;background:var(--yellow);color:#111;border-radius:999px;padding:.85rem 1.6rem;font-weight:700;
}
@media (max-width:860px){
  .cpk-checkout{grid-template-columns:1fr}
  .cpk-checkout__aside{order:-1;border-left:0;border-bottom:1px solid #e6e6e6;padding:0;background:#f5f5f5}
  .cpk-checkout__main{padding:1.4rem 1rem 2.5rem;max-width:none;margin:0}
  .cpk-chk-sum-toggle{
    display:flex;width:100%;justify-content:space-between;align-items:center;
    background:#f5f5f5;border:0;border-bottom:1px solid #e6e6e6;padding:.95rem 1rem;
    font:inherit;font-size:1rem;color:#1a1a1a;cursor:pointer;
  }
  .cpk-chk-sum-toggle::after{content:"▾";margin-left:.35rem}
  .cpk-chk-sum-toggle.is-open::after{content:"▴"}
  .cpk-chk-sum-body{display:none;padding:1rem 1rem 1.4rem;background:#f5f5f5}
  .cpk-chk-sum-body.is-open{display:block}
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}
  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last,
  .woocommerce-checkout .form-row-third{grid-column:1}
  .cpk-chk-top{padding:.55rem 1rem}
}

@media (max-width: 1100px) {
  .cpk-cat-grid { grid-template-columns: repeat(3, 1fr); }
  .cpk-review-grid, .cpk-footer-grid, .cpk-timeline { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .cpk-burger { display: inline-flex; }
  .cpk-nav { display: none; width: 100%; flex-direction: column; order: 5; padding: .4rem 0; }
  .cpk-nav.is-open { display: flex; }
  .cpk-header { flex-wrap: wrap; border-radius: 18px; }
  .cpk-logo { margin-right: auto; }
  .cpk-flag { display: none; }
  .cpk-quiz { padding: .28rem .65rem; }
  .cpk-faq-nav { gap: .3rem; }
  .cpk-hero-slide { flex: 0 0 100%; min-height: 420px; }
  .cpk-hero-slide img { min-height: 420px; }
  .cpk-hero-slide img.desk { display: none; }
  .cpk-hero-slide img.mob { display: block; }
  .cpk-hero-prod { width: 160px; top: auto; bottom: 1rem; right: 1rem; }
  .cpk-hero-copy { left: 1.1rem; top: 1.1rem; }
  .cpk-grid, .cpk-cat-grid, .cpk-pdp, .cpk-luka, .cpk-contact-grid { grid-template-columns: 1fr 1fr; }
  .cpk-pdp { grid-template-columns: 1fr; }
  .cpk-pdp-media {
    display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; touch-action: pan-x; gap: 0;
    overscroll-behavior-x: contain; scrollbar-width: none;
  }
  .cpk-pdp-media::-webkit-scrollbar { display: none; }
  .cpk-pdp-slide { flex: 0 0 100%; scroll-snap-align: start; }
  .cpk-pdp-dots { display: flex; justify-content: center; gap: .35rem; padding: .6rem 0; }
  .cpk-pdp-dots button { width: 7px; height: 7px; border: 0; border-radius: 50%; background: #ccc; padding: 0; }
  .cpk-pdp-dots button.is-on { background: #111; }
  .cpk-cta-row { grid-template-columns: 1fr; }
  .cpk-plp-hero, .cpk-plp-bar, .cpk-plp .cpk-grid, .cpk-pager { padding-left: 1rem; padding-right: 1rem; }
}
@media (max-width: 640px) {
  .cpk-review-grid, .cpk-footer-grid, .cpk-timeline, .cpk-cat-grid { grid-template-columns: 1fr 1fr; }
  .cpk-nl input { min-width: 0; width: 100%; }
  .cpk-nl form { flex-direction: column; padding: 0 1rem; }
}

/* Careers / Press / Store locations */
.cpk-page {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 .75rem 3.75rem;
}
.cpk-cta-hero {
  text-align: center;
  padding: 4.5rem 1rem 2.5rem;
}
.cpk-cta-hero h1, .cpk-cta-hero h2 {
  font-size: clamp(2rem, 4vw, 3.1rem);
  font-weight: 500;
  margin: 0 0 1rem;
}
.cpk-cta-hero p {
  margin: 0 auto;
  max-width: 40rem;
  color: var(--ink);
  line-height: 1.55;
  text-wrap: balance;
}
.cpk-cta-hero a { text-decoration: underline; }
.cpk-split {
  display: flex;
  gap: .75rem;
  margin: 2.5rem 0;
  align-items: stretch;
}
.cpk-split.reverse { flex-direction: row-reverse; }
.cpk-split-copy {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.875rem 1.25rem;
}
.cpk-split.equal .cpk-split-copy,
.cpk-split.equal .cpk-split-media { width: 50%; flex: 1; }
.cpk-split-copy--gray {
  background: #E5E7DF;
  border-radius: .625rem;
  justify-content: space-between;
  min-height: 28rem;
}
.cpk-split-copy h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 500; margin: 0; }
.cpk-split-copy h3 { font-size: 1.05rem; font-weight: 600; margin: 1.1rem 0 .35rem; }
.cpk-split-copy p { margin: 0 0 .35rem; line-height: 1.55; }
.cpk-split-copy a { text-decoration: underline; }
.cpk-job h3 { margin: 0 0 .35rem; font-size: 1.15rem; font-weight: 600; }
.cpk-job h3 a { text-decoration: underline; }
.cpk-job p { color: #444; }
.cpk-split-media {
  position: relative;
  width: 60%;
  border-radius: .625rem;
  overflow: hidden;
  background: #E5E7DF;
}
.cpk-split-media img,
.cpk-banner img,
.cpk-media-text-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  display: block;
}
.cpk-split-media.ratio-8-5 { aspect-ratio: 8 / 5; }
.cpk-split.equal .cpk-split-media { min-height: 28rem; }
.cpk-split.equal .cpk-split-media img { object-position: center 70%; }
.cpk-banner {
  position: relative;
  margin: 2.5rem 0;
  border-radius: .625rem;
  overflow: hidden;
  aspect-ratio: 2 / 1;
  background: #E5E7DF;
}
.cpk-media-text {
  display: flex;
  gap: .75rem;
  margin: 2.5rem 0 0;
  align-items: stretch;
}
.cpk-media-text-copy {
  width: 40%;
  border: 1px solid var(--ink);
  border-radius: .625rem;
  padding: .875rem 1.25rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cpk-eyebrow {
  margin: 0;
  font-size: .95rem;
}
.cpk-media-text-copy h2 {
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  font-weight: 500;
  margin: 0;
  text-indent: 20%;
  text-wrap: balance;
}
.cpk-media-text-copy:not(:has(.cpk-eyebrow)) h2 { text-indent: 0; }
.cpk-media-text-body { margin-top: auto; }
.cpk-media-text-body p { margin: 0 0 .85rem; line-height: 1.55; }
.cpk-media-text-body h3 { margin: 0 0 .4rem; font-size: 1.1rem; }
.cpk-media-text-copy .cpk-btn { align-self: flex-start; margin-top: auto; }
.cpk-media-text-media {
  position: relative;
  width: 60%;
  border-radius: .625rem;
  overflow: hidden;
  aspect-ratio: 8 / 5;
}

.cpk-press-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.125rem;
}
.cpk-press-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  min-height: calc((min(100vw, 1920px) - 4rem) / 3);
  padding: 2rem;
  background: #E5E7DF;
  border-radius: .75rem;
}
.cpk-press-card h2 {
  font-size: 1.45rem;
  font-weight: 500;
  margin: 0;
  text-wrap: balance;
  text-decoration: underline;
  text-underline-offset: .18em;
}
.cpk-press-pub {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  margin: 1.1rem 0 0;
  font-weight: 500;
}
.cpk-press-pub svg { flex-shrink: 0; }
.cpk-press-date { margin: 0 0 .6rem; }
.cpk-press-body p { margin: 0; line-height: 1.5; }
.cpk-press-more {
  text-decoration: underline;
  margin-top: auto;
}
.cpk-press-about { padding-top: 3.75rem; }
.cpk-press-about p { max-width: 44rem; margin: 0 auto 1rem; }

@media (max-width: 767px) {
  .cpk-cta-hero { padding: 2.5rem .4rem 1.5rem; }
  .cpk-split, .cpk-split.reverse, .cpk-media-text {
    flex-direction: column-reverse;
    gap: .875rem;
  }
  .cpk-split-copy, .cpk-split.equal .cpk-split-copy,
  .cpk-split-media, .cpk-split.equal .cpk-split-media,
  .cpk-media-text-copy, .cpk-media-text-media { width: 100%; }
  .cpk-split-copy { padding: 1rem .625rem; }
  .cpk-split-media.ratio-8-5, .cpk-split-media { aspect-ratio: 1 / 1; }
  .cpk-banner { aspect-ratio: 1 / 1; }
  .cpk-media-text-copy { border-radius: 0 0 .625rem .625rem; border-top: 0; min-height: 16rem; }
  .cpk-media-text-media { border-radius: .625rem .625rem 0 0; aspect-ratio: 37 / 30; }
  .cpk-split.equal .cpk-split-media { min-height: 0; }
  .cpk-media-text-copy h2 { text-indent: 25%; }
  .cpk-press-grid { grid-template-columns: 1fr; gap: .5rem; }
  .cpk-press-card { min-height: calc(100vw - 1.5rem); padding: 1.5rem; }
}
