/* ===== LAYOUT HARDENING =====================================================
These rules do not rely on Elementor container defaults, on the responsive
hide classes, or on the breakpoint settings. The header is correct with or
without Site Settings > Custom CSS.
========================================================================== */
.nk-site-css-holder{display:none!important;}
/* row helpers - applied automatically by the builder.
nk-eq : children carry no width, so share the row evenly
nk-cols: children have widths that, plus the gap, would overflow and wrap */
.nk-eq > .e-con{flex:1 1 0!important;width:auto!important;min-width:0!important;}
@media (max-width:1024px){.nk-eq > .e-con{flex:1 1 44%!important;}}
@media (max-width:767px){.nk-eq > .e-con{flex:1 1 100%!important;}}
/* Elementor writes flex:0 0 auto on any child given a width, which stops it
shrinking - so a nowrap row would overflow instead of fitting. */
.nk-cols > .e-con{min-width:0!important;flex-shrink:1!important;}
@media (min-width:1025px){.nk-cols{flex-wrap:nowrap!important;}}
.nk-header-desktop > .e-con-inner{max-width:1320px;margin-inline:auto;}
.nk-head-row{display:flex!important;flex-wrap:nowrap!important;
align-items:center!important;gap:18px!important;width:100%!important;}
.nk-head-logo{flex:0 0 auto!important;width:190px!important;}
.nk-head-logo img{max-width:100%;height:auto;display:block;}
.nk-nav{flex:1 1 auto!important;display:flex!important;flex-wrap:nowrap!important;
align-items:center!important;justify-content:center!important;
gap:30px!important;width:auto!important;}
.nk-head-icons{flex:0 0 auto!important;display:flex!important;
align-items:center!important;gap:14px!important;width:auto!important;
margin-left:auto!important;}
.nk-head-icons > *{width:auto!important;flex:0 0 auto!important;}
.nk-nav-item{position:relative!important;width:auto!important;flex:0 0 auto!important;}
.nk-nav-link .elementor-heading-title{white-space:nowrap;}
@media (min-width:1025px) and (max-width:1200px){
.nk-nav{gap:20px!important;}
.nk-head-logo{width:150px!important;}
.nk-nav-link .elementor-heading-title{font-size:14px!important;}
}
/* desktop / mobile bars - not dependent on elementor-hidden-* classes */
@media (max-width:1024px){.nk-header-desktop{display:none!important;}}
@media (min-width:1025px){.nk-header-mobile{display:none!important;}}
.nk-head-row-mobile{display:flex!important;flex-wrap:nowrap!important;
align-items:center!important;justify-content:space-between!important;
width:100%!important;gap:10px!important;}
.nk-head-row-mobile > *{width:auto!important;flex:0 0 auto!important;}
.nk-head-row-mobile .nk-m-logo{flex:1 1 auto!important;text-align:center;}
.nk-head-row-mobile .nk-m-logo img{max-width:150px;height:auto;
margin-inline:auto;display:block;}
/* the mega panel must be out of flow, or it blows the header open */
.nk-mega{position:absolute!important;top:100%!important;left:50%!important;
width:640px!important;max-width:calc(100vw - 40px)!important;
transform:translate(-50%,10px)!important;opacity:0;visibility:hidden;
pointer-events:none;transition:opacity .22s ease,transform .22s ease;
z-index:999!important;padding-top:16px!important;}
.nk-nav-item:hover > .nk-mega,.nk-nav-item:focus-within > .nk-mega{
opacity:1;visibility:visible;pointer-events:auto;
transform:translate(-50%,0)!important;}
.nk-mega-inner{width:100%!important;}
/* share the row evenly *after* the gap - 50%+50%+gap would overflow and wrap */
.nk-mega-row{flex-wrap:nowrap!important;}
.nk-mega-col{flex:1 1 0!important;width:auto!important;min-width:0!important;}
@media (max-width:1024px){.nk-mega{display:none!important;}}
/* ================= Nuzzle & Kip - global CSS ================= */
:root{
--nk-espresso:#3B2F25; --nk-espresso-d:#2E251D; --nk-olive:#8A8C5E;
--nk-olive-d:#6F7149; --nk-taupe:#6B5F52; --nk-tan:#C08552;
--nk-cream:#FAF5ED; --nk-cream-deep:#F2E9DA; --nk-sand:#E7DCC8;
--nk-line:#E2D8C8; --nk-muted:#8C8073; --nk-white:#fff;
--nk-radius:16px;
}
body{-webkit-font-smoothing:antialiased;}
a{transition:color .2s ease;}
img{max-width:100%;height:auto;}
/* ---------- announcement bar ---------- */
.nk-ann{display:flex;gap:26px;justify-content:center;align-items:center;
font-size:13px;letter-spacing:.3px;color:#fff;line-height:1.4;text-align:center;}
.nk-ann span{white-space:nowrap;}
.nk-ann span+span::before{content:"\2022";margin-right:26px;opacity:.55;}
@media (max-width:880px){
.nk-ann{display:block;position:relative;height:19px;overflow:hidden;}
.nk-ann span{position:absolute;inset:0;display:block;opacity:0;
animation:nk-ann-rotate 21s infinite both;white-space:normal;font-size:12.5px;}
/* if animations are disabled, the first message stays visible */
.nk-ann span:first-child{opacity:1;}
@media (prefers-reduced-motion:reduce){
.nk-ann span{animation:none;}
.nk-ann span:not(:first-child){opacity:0;}
}
.nk-ann span:nth-child(2){animation-delay:7s;}
.nk-ann span:nth-child(3){animation-delay:14s;}
.nk-ann span+span::before{display:none;}
}
@keyframes nk-ann-rotate{
0%,1%{opacity:0;transform:translateY(6px);}
4%,30%{opacity:1;transform:translateY(0);}
34%,100%{opacity:0;transform:translateY(-6px);}
}
/* ---------- header + mega menu (cosmetics; layout is in HEADER_CSS) ------- */
.nk-header{position:relative;z-index:100;}
.nk-nav-link .elementor-heading-title,.nk-nav-link a{
color:var(--nk-espresso);font-family:Inter,sans-serif;font-size:15px;font-weight:600;
letter-spacing:.2px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.nk-nav-link:hover .elementor-heading-title{color:var(--nk-olive);}
.nk-has-mega>.e-con-inner>.nk-nav-link .elementor-heading-title::after,
.nk-has-mega .nk-nav-link .elementor-heading-title::after{
content:"";width:6px;height:6px;border-right:1.6px solid currentColor;
border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);
display:inline-block;margin-left:7px;transition:transform .2s ease;}
.nk-nav-item:hover .nk-nav-link .elementor-heading-title::after{transform:rotate(225deg) translateY(2px);}
.nk-mega-inner{background:#fff;border:1px solid var(--nk-line);border-radius:14px;
box-shadow:0 24px 60px rgba(59,47,37,.13);padding:30px 34px!important;}
.nk-mega-col .elementor-heading-title{font-family:Inter,sans-serif!important;
font-size:11.5px!important;font-weight:700!important;letter-spacing:1.8px!important;
text-transform:uppercase;color:var(--nk-olive)!important;}
.nk-mega-links .elementor-icon-list-item a{font-size:15px;color:var(--nk-espresso);}
.nk-mega-links .elementor-icon-list-item a:hover{color:var(--nk-olive);}
.nk-mega-foot{border-top:1px solid var(--nk-line);margin-top:6px;padding-top:14px;
font-size:14px;}
.nk-mega-foot a{color:var(--nk-olive);font-weight:600;text-decoration:none;}
.nk-mega-foot a:hover{text-decoration:underline;}
@media (max-width:1024px){.nk-mega{display:none!important;}}
.nk-head-icons a{color:var(--nk-espresso);}
.nk-head-icons a:hover{color:var(--nk-olive);}
/* ---------- buttons / links ---------- */
.nk-arrow{font-family:Inter,sans-serif;font-size:14px;font-weight:600;
color:var(--nk-olive);letter-spacing:.2px;}
.nk-card:hover .nk-arrow{text-decoration:underline;}
.nk-textlink a{color:var(--nk-olive);font-weight:600;text-decoration:underline;
text-underline-offset:3px;}
/* ---------- cards ---------- */
.nk-card{overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;}
.nk-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(59,47,37,.12);}
.nk-card-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;}
.nk-tag{position:absolute;top:14px;left:14px;z-index:2;background:var(--nk-tan);
color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:700;
letter-spacing:1.2px;text-transform:uppercase;padding:6px 12px;border-radius:100px;}
.nk-card{position:relative;}
.nk-need{transition:border-color .2s ease,transform .2s ease;}
.nk-need:hover{border-color:var(--nk-olive);transform:translateY(-3px);}
.nk-need-ico{display:inline-flex;align-items:center;justify-content:center;
width:44px;height:44px;border-radius:50%;background:var(--nk-cream-deep);
color:var(--nk-olive);font-size:18px;}
.nk-split-card{overflow:hidden;position:relative;}
.nk-split-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;}
/* ---------- section heads ---------- */
.nk-sec-head{max-width:760px;margin-inline:auto;}
/* ---------- FAQ (native details, no JS) ---------- */
.nk-faq{width:100%;}
.nk-faq-item{border:1px solid var(--nk-line);border-radius:12px;background:#fff;
margin-bottom:12px;overflow:hidden;}
.nk-faq-item summary{cursor:pointer;list-style:none;padding:19px 56px 19px 22px;
font-family:Inter,sans-serif;font-size:16.5px;font-weight:600;
color:var(--nk-espresso);position:relative;}
.nk-faq-item summary::-webkit-details-marker{display:none;}
.nk-faq-item summary::after{content:"";position:absolute;right:22px;top:50%;
width:9px;height:9px;border-right:2px solid var(--nk-olive);
border-bottom:2px solid var(--nk-olive);transform:translateY(-70%) rotate(45deg);
transition:transform .2s ease;}
.nk-faq-item[open] summary::after{transform:translateY(-30%) rotate(225deg);}
.nk-faq-item[open] summary{background:var(--nk-cream);}
.nk-faq-a{padding:2px 22px 20px;font-size:16px;line-height:1.75;color:var(--nk-taupe);}
.nk-faq-a p{margin:0 0 10px;}
.nk-faq-a ul{margin:0 0 10px 18px;}
/* ---------- reviews ---------- */
.nk-stars{color:#D8A23A;letter-spacing:3px;font-size:15px;}
.nk-rev-by{display:flex;flex-direction:column;gap:2px;font-family:Inter,sans-serif;
font-size:14px;color:var(--nk-muted);}
.nk-rev-by strong{color:var(--nk-espresso);font-weight:600;}
.nk-rev-by em{font-style:normal;font-size:13px;}
.nk-rating-inline{display:inline-flex;align-items:center;gap:10px;
font-family:Inter,sans-serif;font-size:14.5px;color:var(--nk-taupe);}
.nk-rating-inline b{color:var(--nk-espresso);}
/* ---------- tables (size guide, delivery) ---------- */
.nk-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;
font-size:15.5px;color:var(--nk-taupe);background:#fff;border-radius:12px;
overflow:hidden;border:1px solid var(--nk-line);}
.nk-table th{background:var(--nk-cream-deep);color:var(--nk-espresso);
font-weight:600;text-align:left;padding:14px 16px;font-size:14px;
letter-spacing:.4px;text-transform:uppercase;}
.nk-table td{padding:14px 16px;border-top:1px solid var(--nk-line);}
.nk-table tr:nth-child(even) td{background:#FCFAF6;}
.nk-table-wrap{width:100%;overflow-x:auto;}
/* ---------- steps ---------- */
.nk-step-no{display:inline-flex;align-items:center;justify-content:center;
width:38px;height:38px;border-radius:50%;background:var(--nk-espresso);color:#fff;
font-family:Inter,sans-serif;font-weight:600;font-size:15px;}
/* ---------- breadcrumbs ---------- */
.nk-crumbs{font-family:Inter,sans-serif;font-size:13.5px;color:var(--nk-muted);
text-align:center;}
.nk-crumbs a{color:var(--nk-muted);text-decoration:none;}
.nk-crumbs a:hover{color:var(--nk-olive);}
/* ---------- footer ---------- */
.nk-footer{color:#D9CFC1;}
.nk-footer .elementor-heading-title{color:#fff;}
.nk-footer a{color:#D9CFC1;text-decoration:none;}
.nk-footer a:hover{color:#fff;}
.nk-footer .elementor-icon-list-item a{font-size:15px;}
.nk-foot-head .elementor-heading-title{font-family:Inter,sans-serif!important;
font-size:12px!important;font-weight:700!important;letter-spacing:1.8px!important;
text-transform:uppercase;color:#B9AE9C!important;}
.nk-pay{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.nk-pay > i{font-size:24px;color:#C9BFB0;}
.nk-chip i{font-size:16px;color:#C9BFB0;}
.nk-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #4A3F34;
border-radius:7px;padding:6px 11px;font-family:Inter,sans-serif;font-size:12.5px;
font-weight:600;color:#D9CFC1;background:#382E25;letter-spacing:.3px;}
.nk-bnpl{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px;}
.nk-bnpl .nk-logo-klarna{background:#FFB3C7;color:#0B051D;font-weight:800;
font-family:Inter,sans-serif;font-size:13px;padding:5px 12px;border-radius:6px;
letter-spacing:.2px;}
.nk-bnpl .nk-logo-clearpay{background:#B2FCE4;color:#0B051D;font-weight:800;
font-family:Inter,sans-serif;font-size:13px;padding:5px 12px;border-radius:6px;
letter-spacing:.2px;}
.nk-bnpl-note{font-size:13.5px;line-height:1.65;color:#B9AE9C;}
.nk-fineprint{color:var(--nk-muted);}
.nk-legal{font-size:13.5px;color:#A2978A;}
.nk-legal a{text-decoration:underline;text-underline-offset:3px;}
/* ---------- WooCommerce polish ---------- */
.woocommerce ul.products li.product{text-align:left;}
.woocommerce ul.products li.product a img{border-radius:14px;
aspect-ratio:4/3;object-fit:cover;margin-bottom:14px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-family:Inter,sans-serif!important;font-size:16px!important;font-weight:600!important;
color:var(--nk-espresso);padding:0!important;line-height:1.45;}
.woocommerce ul.products li.product .price{font-family:Inter,sans-serif;
font-size:16px;font-weight:600;color:var(--nk-espresso);}
.woocommerce ul.products li.product .price del{color:var(--nk-muted);font-weight:400;}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--nk-tan);}
.woocommerce ul.products li.product .star-rating{font-size:.8em;color:#D8A23A;}
.woocommerce ul.products li.product .button,
.woocommerce a.button,.woocommerce button.button,
.woocommerce .woocommerce-message a.button,
.woocommerce input.button,.woocommerce #respond input#submit{
background:var(--nk-olive)!important;color:#fff!important;border-radius:100px!important;
font-family:Inter,sans-serif!important;font-weight:600!important;font-size:14.5px!important;
padding:13px 26px!important;letter-spacing:.2px;transition:background .2s ease;}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{
background:var(--nk-olive-d)!important;}
.woocommerce a.button.alt,.woocommerce button.button.alt{
background:var(--nk-espresso)!important;}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
background:var(--nk-olive)!important;}
.woocommerce span.onsale{background:var(--nk-tan)!important;color:#fff;
border-radius:100px;font-family:Inter,sans-serif;font-weight:600;font-size:12px;
min-height:auto;line-height:1;padding:8px 13px;}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{
border-top-color:var(--nk-olive);background:#fff;}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{
color:var(--nk-olive);}
.woocommerce-error{border-top-color:var(--nk-tan);}
.woocommerce table.shop_table{border-radius:12px;border-color:var(--nk-line);}
.woocommerce-cart table.cart img{width:76px;border-radius:8px;}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.select2-container .select2-selection--single{
border:1px solid var(--nk-line);border-radius:10px;padding:12px 14px;
font-family:Inter,sans-serif;font-size:15px;background:#fff;min-height:48px;}
.woocommerce-checkout #payment{background:var(--nk-cream-deep);border-radius:14px;}
.woocommerce div.product .product_title{font-family:"Cormorant Garamond",serif;}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;}
.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--nk-line);}
.woocommerce-MyAccount-navigation li a{display:block;padding:13px 4px;
font-family:Inter,sans-serif;font-size:15.5px;color:var(--nk-espresso);
text-decoration:none;}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--nk-olive);font-weight:600;}
.nk-woo-plain .woocommerce{max-width:none;}
/* ---------- wishlist / compare / quick view / swatches ---------- */
.nk-pdp-actions{align-items:center;}
.nk-pdp-actions .tinvwl-button,.nk-pdp-actions .compare,
.tinv-wishlist .tinvwl_add_to_wishlist_button,
.woocommerce a.compare.button{
background:transparent!important;border:1px solid var(--nk-line)!important;
color:var(--nk-espresso)!important;border-radius:100px!important;
font-family:Inter,sans-serif!important;font-size:14px!important;
font-weight:600!important;padding:11px 20px!important;
display:inline-flex!important;align-items:center;gap:8px;
text-decoration:none;transition:border-color .2s ease,color .2s ease;}
.nk-pdp-actions .tinvwl-button:hover,.woocommerce a.compare.button:hover{
border-color:var(--nk-olive)!important;color:var(--nk-olive)!important;
background:transparent!important;}
.tinv-wishlist .tinvwl-icon-heart,.tinvwl-icon-heart-plus{color:var(--nk-olive);}
/* wishlist / compare buttons on product cards */
.woocommerce ul.products li.product .tinvwl_add_to_wishlist_button,
.woocommerce ul.products li.product a.compare{
font-size:13px!important;padding:8px 14px!important;margin-top:8px;}
/* YITH quick view */
#yith-quick-view-modal .yith-wcqv-main{border-radius:16px;overflow:hidden;}
#yith-quick-view-content div.product .price{font-family:Inter,sans-serif;
color:var(--nk-espresso);font-weight:600;}
/* variation swatches */
.woo-variation-swatches .variable-items-wrapper .variable-item{
border-radius:8px!important;box-shadow:0 0 0 1px var(--nk-line)!important;}
.woo-variation-swatches .variable-items-wrapper .variable-item.selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:hover{
box-shadow:0 0 0 2px var(--nk-olive)!important;}
.woo-variation-swatches .variable-items-wrapper .button-variable-item{
min-width:auto!important;}
.woo-variation-swatches .variable-items-wrapper .button-variable-item span{
font-family:Inter,sans-serif;font-size:14px;padding:0 6px;}
/* ---------- single product ---------- */
.nk-usp-list .elementor-icon-list-item{font-size:15.5px;}
.nk-sticky-buy{position:sticky;top:110px;}
@media (max-width:1024px){.nk-sticky-buy{position:static;}}
/* ---------- responsive ---------- */
@media (max-width:1024px){
.nk-sec-head{max-width:100%;}
.nk-hero-media img{aspect-ratio:16/10;}
.nk-mega{display:none!important;}
.nk-table th,.nk-table td{padding:12px 13px;font-size:14.5px;}
.nk-big-num{font-size:38px;}
.nk-quote{font-size:23px;}
}
@media (max-width:767px){
.nk-badge-row{flex-direction:column;gap:9px;}
.nk-faq-item summary{font-size:15.5px;padding:16px 46px 16px 17px;}
.nk-faq-item summary::after{right:17px;}
.nk-faq-a{padding:2px 17px 17px;font-size:15.5px;}
.nk-card-img img,.nk-split-card img{aspect-ratio:16/10;}
.nk-step-no{width:34px;height:34px;font-size:14px;}
.nk-table{font-size:14px;}
.nk-table th{font-size:12.5px;letter-spacing:.2px;}
.nk-table th,.nk-table td{padding:10px 11px;white-space:nowrap;}
.nk-pay{gap:8px;}
.nk-chip{font-size:11.5px;padding:5px 9px;}
.woocommerce ul.products[class*=columns-]{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.woocommerce ul.products[class*=columns-] li.product{width:100%!important;margin:0!important;float:none!important;}
.nk-legal{font-size:12.5px;line-height:1.9;}
}
@media (max-width:480px){
.woocommerce ul.products[class*=columns-]{grid-template-columns:1fr;}
}
/* ---------- misc ---------- */
.nk-quote{font-family:"Cormorant Garamond",serif;font-size:27px;line-height:1.45;
color:var(--nk-espresso);font-style:italic;}
.nk-kicker{font-family:Inter,sans-serif;font-size:13px;font-weight:600;
letter-spacing:2.2px;text-transform:uppercase;color:var(--nk-olive);}
.nk-big-num{font-family:"Cormorant Garamond",serif;font-size:46px;line-height:1;
color:var(--nk-espresso);}
.nk-hero-media img{border-radius:20px;width:100%;aspect-ratio:5/4;object-fit:cover;}
.nk-badge-row{display:flex;gap:18px;flex-wrap:wrap;font-family:Inter,sans-serif;
font-size:14px;color:var(--nk-taupe);}
.nk-badge-row span{display:inline-flex;align-items:center;gap:8px;}
.nk-badge-row i{color:var(--nk-olive);}
Free UK delivery over £4914-day returns, no questionsRated 4.9 stars by 138 UK pet owners
