/* Normalise CSS */
html{line-height:1.4;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2rem;margin:.67rem 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1rem}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1rem}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25rem}sup{top:-.5rem}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance: button;}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted;}
fieldset{padding:.35rem .75rem .625rem}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance: textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Framework*/
:root
{
    --background: #FFF;
    --textColour: #000;
    --primaryFont: "Playfair", serif;
    --secondaryFont: "Playfair Display", serif;
    
    --cream:#f3f3f3;
    --creamText:#000;
    --gold: #ab8e52;
    --goldText: #000;
    --grey:#d9d9d9;
    --greyText:#000;
    --lightPink:#f0eeee;
    --lightPinkText:#000;
    --black: #000;
    --blackText: #FFF;
    --white: #FFF;
    --whiteText: #000;
    /*New colours*/
    --darkBlue:#1B355F;
    --darkBlueText:#ffffff;
    --pink:#FFECF2;
    --pinkText:#000;
    --lightBlue:#39566C;
    --lightBlueText:#fff;
    --saleRed:#950606;
    --saleRedText:#ffffff;

}
@-moz-keyframes bounce {
    0%, 100% {
      -moz-transform: translateX(0);
      transform: translateX(0);
    }
    56% {
      -moz-transform: translateX(4px);
      transform: translateX(4px);
    }
}
@-webkit-keyframes bounce {
    0%, 100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    56% {
      -webkit-transform: translateX(4px);
      transform: translateX(4px);
    }
}
@keyframes bounce {
    0%, 100% {
      -moz-transform: translateX(0);
      -ms-transform: translateX(0);
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    56% {
      -moz-transform: translateX(4px);
      -ms-transform: translateX(4px);
      -webkit-transform: translateX(4px);
      transform: translateX(4px);
    }
}

/* View Transitions */
@view-transition {navigation: auto;}
::view-transition-old(root)
{
	animation: 0.4s ease both transition-page-out;
}
::view-transition-new(root)
{
	animation: 0.4s ease both transition-page-in;
}
@keyframes transition-page-out
{
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	25% {
	    opacity: 0;
	}
	100% {
		transform: translateX(-50%);
		opacity: 0;
	}
}
@keyframes transition-page-in
{
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	25% {
	    opacity: 0;
	}
	100% {
		transform: translateX(0%);
		opacity: 1;
	}
}
html, body {min-width:320px;color:var(--textColour);font-size:16px;font-weight:400;font-family: var(--primaryFont);font-variant-numeric: lining-nums;line-height:1.2;position:relative;display:flex;flex-direction:column;overflow-x:hidden;height:100%;min-height:100svh;margin:0;padding:0;border:0;background-color:var(--background);}
* {box-sizing: border-box;font-variant-numeric: lining-nums;}
img {display:block;max-width:100%;}
p:first-child {margin-top:0;}
p:last-child {margin-bottom:0;}
h1,h2,h3,h4,h5 {margin:0;font-family:var(--secondaryFont);}
body[data-input-method="mouse"] * {outline:none !important;}
body main {margin-bottom:auto;}

/* Exceptions */
.exception .wrapper {text-align:center;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:50vh;max-width:550px;margin:auto;}
.exception .wrapper::before {content:'';opacity:0.75;display:block;width:100px;height:100px;background-position:center;background-repeat:no-repeat;background-size:contain;margin-bottom:10px;}
.exception[data-exception="error"] .wrapper::before {background-image:url('icons/error.svg');}
.exception[data-exception="maintenance"] .wrapper::before {background-image:url('icons/cogs.svg');}
.exception[data-exception="not-found"] .wrapper::before {background-image:url('icons/warning.svg');}

/* Section */
section {display:block;}
section > .container {margin:auto;display:block;position:relative;}
section > .container.full {max-width:2400px;}
section > .container.main {width:min(1272px, calc(100% - 40px));padding:0px 20px;}
section > .container.narrow {width:min(842px, calc(100% - 120px));padding: 0px 20px;}

/* Text Aligns */
.text-align-left{text-align:left;}
.text-align-center{text-align:center;}
.text-align-right{text-align:right;}

/* General Font Sizes */
h1{line-height:45px;}
h2{line-height:45px;}
h3{font-size:1.75rem;font-weight:600;}
blockquote{font-size:1.75rem;font-weight:600;}
p{margin-top:16px;}

/* Background Colours */
.bg-cream{background-color:var(--cream);color:var(--creamText);}
.bg-gold{background-color:var(--gold);color:var(--goldText);}
.bg-grey{background-color:var(--grey);color:var(--greyText);}
.bg-lightPink{background-color:var(--lightPink);color:var(--lightPinkText);}
.bg-black {background-color: var(--black);color:var(--blackText);}
.bg-darkBlue{background-color:var(--darkBlue);color:var(--darkBlueText);}
.bg-pink{background-color:var(--pink);color:var(--pinkText);}
.bg-lightBlue{background-color:var(--lightBlue);color:var(--lightBlueText);}
.bg-saleRed{background-color:var(--saleRed);color:var(--saleRedText);}

[data-setting="sale"] .bg-black {background-color: var(--saleRed);color:var(--saleRedText);}
[data-setting="sale"] header.bg-black{background-color: var(--black);color:var(--blackText);}
[data-setting="sale"] footer.bg-black{background-color: var(--black);color:var(--blackText);}
[data-setting="sale"] .bg-gold {background-color: var(--saleRed);color:var(--saleRedText);}

/* Pagination */
div.pagination {border-top:1px solid var(--black);}
ul.pagination{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:40px 0 60px 0;padding:0;}
ul.pagination li {margin:0;padding:0;list-style:none;}
ul.pagination li a.page-arrow {background-color:#D9D9D9;border-radius:50px;text-align:center;padding:10px;display:block;height:35px;width:35px;background-image:url('icons/small-arrow.svg');background-position:center;background-repeat:no-repeat;background-size:20px 20px;}
ul.pagination li a.page-arrow.prev {transform:rotate(90deg);}
ul.pagination li:has(a.page-arrow.prev) {margin-right:10px;}
ul.pagination li a.page-arrow.next {transform:rotate(-90deg);}
ul.pagination li:has(a.page-arrow.next) {margin-left:10px;}
ul.pagination .page {display:block;padding:0 6px;color:#000000;text-decoration:none;font-size:20px;font-weight:700;}
ul.pagination .page.active {position:relative;}
ul.pagination .page.active::after {content:'';display:block;height:4px;width:4px;border-radius:10px;background-color:var(--gold);position:absolute;left:0;right:0;margin:auto;bottom:-6px;}

/* Skip To Content */
.skip-to-content {position:absolute;left:-200%;top:0;display:block;width:100%;text-decoration:none;font-weight:600;text-align:center;background-color:#eee;color:#000;font-size:1rem;padding:10px;outline:none;border:0;}
body[data-input-method="keyboard"] .skip-to-content:focus {position:relative;left:unset;}

/* Page Message */
.page-message {padding:10px 10px 10px 20px;font-weight:400;font-size:16px;}
.page-message.error {border-left:3px solid #bb302e;background-color:#F8EDEE;}
.page-message.success, .page-message.notice {border-left:3px solid #34A853;background-color:#ddffe6;}

/* Custom Checkbox */
.custom-checkbox {display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;}
.custom-checkbox label {margin-bottom:0 !important;}
.custom-checkbox label:hover {cursor:pointer;}
.custom-checkbox .checkbox {height:30px;width:30px;display:block;}
.custom-checkbox .checkbox input[type="checkbox"] {opacity:0 !important;height:0px !important;width:0px !important;}
.custom-checkbox .checkbox .checkbox-box {height:30px;width:30px;border:1px solid var(--black);background-color:var(--white);position:relative;}
.custom-checkbox .checkbox .checkbox-box::after {content:'';display:block;position:absolute;left:10px;top:3px;width:5px;height:15px;border:solid white;border-width: 0 3px 3px 0;transform: rotate(45deg);}
.custom-checkbox .checkbox input:checked ~ .checkbox-box {background-color: var(--gold);}

/* Custom Radio */
.custom-radio {height:20px;width:20px;display:block;overflow:hidden;position:relative;}
.custom-radio input[type="radio"] {height:0px;width:0px;opacity:0;position:absolute;left:-9999px;top:-9999px;}
.custom-radio label {display:block;height:20px;width:20px;border-radius:100%;aspect-ratio:1/1;position:relative;background-color:var(--black);}
.custom-radio label::after {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;height:18px;width:18px;transition:transform .25s ease-in-out;margin:auto;background-color:var(--white);border-radius:100%;transform:scale(1);}
.custom-radio input[type="radio"]:checked ~ label::after {transform:scale(0.7);}


/* Buttons */
.primary-button {display:inline-block;appearance:none;border:1px solid #000;padding:16px 40px;background-color:#ffffff;color:#000000;text-decoration:none;font-size:1.25rem;font-weight:600;line-height:100%;transition:all .5s ease-in-out;border-radius:10px;margin-top:25px;}
.primary-button:hover, .primary-button:focus {background-color:#000000;color:#ffffff;}
.bg-black .primary-button:hover, .bg-black .primary-button:focus{border-color:#ffffff;}

.black-button {display:block;width:100%;appearance:none;border:1px solid var(--black);padding:16px 20px;text-align:center;background-color:var(--black);color:var(--blackText);text-decoration:none;font-weight:var(--secondaryFont);font-size:18px;font-weight:700;transition:background-color .25s ease-in-out, color .25s ease-in-out, border .25s ease-in-out;border-radius:10px;}
.black-button:not(:disabled):hover, .black-button:not(:disabled):focus {background-color:var(--white);color:var(--whiteText);cursor:pointer;box-shadow: 0px 4px 4px 0px #00000040;}
.black-button:disabled {opacity:0.5;}

.white-button {display:block;width:100%;appearance:none;border:1px solid var(--black);padding:16px 20px;text-align:center;background-color:var(--white);color:var(--whiteText);text-decoration:none;font-weight:var(--secondaryFont);font-size:18px;font-weight:700;transition:background-color .25s ease-in-out, color .25s ease-in-out, border .25s ease-in-out;border-radius:10px;}
.white-button:not(:disabled):hover, .white-button:not(:disabled):focus {background-color:var(--black);color:var(--blackText);cursor:pointer;box-shadow: 0px 4px 4px 0px #00000040;}
.white-button:disabled {opacity:0.5;}

.bubble-button {display:grid;grid-template-columns:auto 42px;width:fit-content;text-decoration:none;}
.bubble-button.gold .text {background-color:var(--gold);color:var(--goldText);}
.bubble-button.gold::after {background-color:var(--gold);}
.bubble-button .text {border-radius:20px;font-weight:600;font-size:20px;transition:border-radius .5s ease;padding:10px 30px;grid-column:1;grid-row:1;}
.bubble-button::after {content:'';display:inline-block;margin-left:-5px;height:100%;aspect-ratio:1/1;grid-column:2;grid-row:1;border-radius:100%;transition:border-radius .5s ease;}
.bubble-button::before {content:'';display:inline-block;margin-left:-5px;transition:background-position .5s ease;height:100%;aspect-ratio:1/1;grid-column:2;grid-row:1;z-index:1;background-repeat:no-repeat;background-position:center center;background-size:25px auto;background-image:url('icons/arrow.svg');}
.bubble-button:hover {cursor:pointer;}
.bubble-button:hover .text {border-top-right-radius:0px;border-bottom-right-radius:0px;}
.bubble-button:hover::after {border-top-left-radius:0px;border-bottom-left-radius:0px;}
.bubble-button:hover::before {background-position:left center;}

.payment-logos-bar {display:grid;grid-template-columns:repeat(5, 1fr);gap:10px;justify-content:space-between;align-items:center;}
.payment-logos-bar .payment-logo-card {border-radius:5px;border:1px solid #F2F4F7;padding:10px;display:flex;align-items:center;justify-content:center;background-color:var(--white);}

.textlink{text-decoration:underline;display:inline-grid;margin-top:0;grid-template-columns:1fr 21px;align-items:center;transition:transform 0.3s ease;gap:12px;}
.textlink::after{content:'';background-image:url('icons/arrow.svg');width:21px;height:20px;display:block;background-size:100%;background-repeat:no-repeat;background-position:center;}
a:hover .textlink::after{-moz-animation: bounce 1s; -webkit-animation: bounce 1s;animation: bounce 1s;}

/* Header */
header {view-transition-name: header;}
header .container {max-width:1920px;margin:auto;}
header .wrapper {display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;padding:20px;}

/* Quantity Selector */
.quantity-selector {display:inline-flex;flex-direction:row;height:36px;border:1px solid var(--black);border-radius:5px;overflow:hidden;width:auto;background-color:var(--white);}
.quantity-selector button {appearance:none;border:0;padding;0;background-color:transparent;height:100%;aspect-ratio:1;font-weight:500;transition:background-color .25s ease-in-out, color .25s ease-in-out;}
.quantity-selector button:hover {background-color:var(--black);cursor:pointer;color:var(--blackText);}
.quantity-selector input {appearance:none;-webkit-appearance: none;-moz-appearance:textfield;border:0;background-color:transparent;border-left: 1px solid var(--black);border-right:1px solid var(--black);width:50px;text-align:center;font-weight:var(--secondaryFont);}
.quantity-selector input::-webkit-outer-spin-button,
.quantity-selector input::-webkit-inner-spin-button {display: none;}
.quantity-options .presets {display:inline-flex;flex-direction:row;gap:10px;}
.quantity-options .presets button {appearance:none;padding:8px 10px;border:1px solid var(--black);background-color:#F1F1F1;text-align:center;border-radius:5px;height:36px;transition:color .25s ease, background-color .25s ease;}
.quantity-options .presets button:not(:disabled):hover {cursor:pointer;background-color:var(--black);color:var(--white);} 
.quantity-wrapper > label {display:block;width:100%;margin-bottom:10px;}
.quantity-wrapper .quantity-options {display:flex;flex-direction:row;gap:10px;}
.quantity-wrapper .quantity-options label::after {content:attr(data-text);display:inline-block;}
.quantity-wrapper .quantity-selector-wrapper {display:flex;flex-direction:row;align-items:end;gap:10px;}
.quantity-wrapper .quantity-selector.voucher-amount button:first-child {border-right:1px solid var(--black);}
.quantity-wrapper .quantity-selector.voucher-amount input {border-left:0;text-align:left;width:45px;}
.quantity-wrapper .quantity-selector.voucher-amount .value-symbol {padding:0px 0px 0px 10px;display:flex;flex-direction:row;align-items:center;}

/* Cart Popup */
.cart-popup-panel {position:fixed;top:20px;right:-400px;width:400px;padding:20px 30px;z-index:10;background-color:var(--white);box-shadow: 0px 2px 4px 0px #00000040;transition:right .25s ease-in-out;border-radius:10px;}
.cart-popup-panel.open {right:30px;}
.cart-popup-panel .button-row {display:flex;flex-direction:row;justify-content:end;align-items:center;}
.cart-popup-panel .icon-row {display:flex;flex-direction:row;gap:10px;align-items:center;margin-bottom:20px;}
.cart-popup-panel .icon-row .main-icon {height:45px;width:45px;border-radius:10px;background-color:var(--black);position:relative;}
.cart-popup-panel .icon-row .main-icon::after {content:'';display:block;height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:auto 50%;background-image:url('icons/fabric.svg');position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.cart-popup-panel .icon-row .arrow {height:35px;width:35px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('icons/arrow.svg');}
.cart-popup-panel .icon-row .cart-icon {height:35px;width:35px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('icons/bag.svg');filter:invert(1);margin-bottom:8px;}
.cart-popup-panel .close-button {height:20px;width:20px;display:block;background-image:url('icons/close.svg');background-position:center;background-size:contain;background-repeat:no-repeat;border:0;background-color:transparent;padding:0;transition:transform .25s ease-in-out;}
.cart-popup-panel .close-button:hover {transform:scale(1.2);cursor:pointer;}
.cart-popup-panel .actions {display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--black);margin-top:20px;}
.cart-popup-panel .title {font-size:25px;font-weight:700;margin-bottom:20px;}
.cart-popup-panel .product-details {display:grid;grid-template-columns:40% 1fr;gap:15px;}
.cart-popup-panel .product-details .details {display:flex;flex-direction:column;gap:5px;}
.cart-popup-panel .product-details .name {font-weight:600;}
.cart-popup-panel .product-details .data-row {display:grid;grid-template-columns:40px 1fr;gap:10px;font-size:14px;align-items:center;}
.cart-popup-panel .product-details .data-row .sku {font-size:16px;font-weight:500;}
.cart-popup-panel .product-details .price {margin-top:5px;}

/* Header Navigation */
header {position:relative;z-index:10;}
header .navigation-wrapper {display:flex;flex-direction:column;gap:10px;}
header .navigation-wrapper .nav-line {display:grid;grid-template-columns:1fr 275px;gap:40px;justify-content:end;}
header .logo {filter:invert(1);}
header nav {line-height:120%;}
header nav ul {display:flex;flex-direction:row;list-style:none;margin:0;padding:0;justify-content:end;gap:40px;font-size:18px;font-weight:600;font-family:var(--secondaryFont);position:relative;}
header nav li {font-weight:bold;display:block;position:unset;}
header nav button {appearance:none;position:relative;padding:8px 10px;border:0;background-color:transparent;font-size:inherit;color:inherit;font-weight:inherit;}
header nav button:hover {cursor:pointer;}
header nav a {display:inline-block;text-decoration:none;color:inherit;position:relative;padding:8px 10px;}
header nav ul li > .dropdown-menu {pointer-events:none;position:absolute;z-index:2;max-width:300px;color:var(--black);width:100vw;gap:10px;font-family:var(--primaryFont);padding-top:20px;transform:translateX(-125px);opacity:0;transition:opacity .25s ease-in-out;}
header nav ul li > .dropdown-menu > .wrapper {background-color:#FFF;box-shadow: 0px 4px 4px 0px #00000040;border-radius:10px;border-top-right-radius:0px;border-top-left-radius:0px;display:flex;flex-direction:column;align-items:unset;}
header nav ul li > .dropdown-menu.mega {max-width:1100px;right:0;transform:translateX(0px);}
header nav ul li > .dropdown-menu.mega > .wrapper {gap:20px;flex-direction:row;align-items:unset;}
header nav ul li > .dropdown-menu .sub-menu {width:100%;}
header nav ul li:last-child > .dropdown-menu {right:0;left:unset;transform:translateX(0px);}
header nav button[aria-expanded="true"] ~ .dropdown-menu.single {opacity:1;pointer-events:all;}
header nav button[aria-expanded="true"] ~ .dropdown-menu.mega {opacity:1;pointer-events:all;}
header nav .dropdown-menu ul {display:flex;flex-direction:column;list-style:none;margin:0;padding:0;font-weight:300;font-size:16px;font-family:var(--primaryFont);gap:5px;justify-content:inherit;}
header nav .dropdown-menu ul li {border-bottom:1px solid var(--black);}
header nav .dropdown-menu ul li a {padding:5px 0px;font-weight:300;display:grid;grid-template-columns:auto 1fr auto;width:100%;align-items:center;}
header nav .dropdown-menu ul li a::before {content:'';height:100%;display:block;background-color:var(--gold);width:0px;margin-right:0px;transition:width .25s ease-in-out, margin-right .25s ease-in-out;}
header nav .dropdown-menu ul li a:hover::before {width:2px;margin-right:5px;}
header nav .dropdown-menu ul li a::after {content:'';display:block;height:20px;margin-left:10px;width:20px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('icons/small-arrow.svg');transform:rotate(-90deg);}

header nav .dropdown-menu .links-heading {margin-bottom:5px;font-weight:700;font-size:18px;}
header nav .dropdown-menu .column {display:flex;flex-direction:column;gap:10px;}
header nav .dropdown-menu .colours-panel {border-radius:10px;padding:30px 20px 20px 20px;background-color:#F2F4F7;max-width:250px;width:100%;}
header nav .dropdown-menu .colours-panel .heading {margin-bottom:20px;font-size:18px;font-weight:700;}
header nav .dropdown-menu .colours-panel .colour-options {display:grid;grid-template-columns:repeat(2, 1fr);gap:10px;row-gap:15px;}
header nav .dropdown-menu .colours-panel .colour-item {display:flex;flex-direction:row;gap:10px;align-items:center;padding:0px;}
header nav .dropdown-menu .colours-panel .colour-item::before {content:'';background-color:var(--itemColour);border-radius:100px;height:15px;width:15px;border:1px solid var(--black);display:block;}

header nav .nav-banner, .mobile-nav-panel .nav-banner {padding:0;position:relative;display:grid;grid-template-columns:1fr;align-items:end;overflow:hidden;text-decoration:none;color:inherit;}
.mobile-nav-panel .nav-banner {border-radius:5px;overflow:hidden;margin-bottom:20px;}
header nav .nav-banner picture, .mobile-nav-panel .nav-banner picture {display:block;top:0;bottom:0;right:0;left:0;height:100%;width:100%;object-fit:cover;grid-row:1;grid-column:1;z-index:0;position:relative;transform:scale(1);transition:transform .25s ease-in-out;}
header nav .nav-banner:not(.no-link):hover picture, .mobile-nav-panel .nav-banner:not(.no-link):hover picture {transform:scale(1.1);}
header nav .nav-banner picture::after, .mobile-nav-panel .nav-banner picture::after {content:'';display:block;position:absolute;top:0;right:0;left:0;bottom:0;height:100%;width:100%;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);z-index:1;}
header nav .nav-banner .text, .mobile-nav-panel .nav-banner .text {position:relative;z-index:2;grid-row:1;grid-column:1;padding:10px;text-align:center;color:var(--white);}
header nav .nav-banner .text .heading, .mobile-nav-panel .nav-banner .text .heading {font-size:17px;font-weight:600;}
header nav .nav-banner .text .sub-heading, .mobile-nav-panel .nav-banner .text .sub-heading {font-size:14px;font-weight:400;}

header .bottom-action-bar {display:flex;flex-direction:row;gap:15px;align-items:center;}
header .bottom-action-bar a {display:block;height:20px;width:20px;background-repeat:no-repeat;background-size:contain;background-position:center;}
header .bottom-action-bar a.wishlist-button {background-image:url('icons/heart.svg');filter:invert(1);}
header .bottom-action-bar a.cart-button {background-image:url('icons/bag.svg');}
header .search-wrapper {background-color:#FFF;border-radius:10px;display:flex;flex-direction:row;height:35px;gap:10px;align-items:center;width:200px;padding:0px 10px;}
header .search-wrapper::before {content:'';display:block;height:20px;width:20px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('icons/search.svg');}
header .search-wrapper input {appearance:none;border:0;background-color:transparent;display:block;width:100%;}
header .link-bar {width:100%;border-bottom:1px solid #FFF;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:10px;gap:10px;font-size:14px;font-weight:var(--secondaryFont);font-weight:500;}
header .link-bar a {text-decoration:none;color:inherit;}
header .link-bar .seperator {background-color:var(--white);width:1px;height:20px;display:block;}
header .link-bar a {display:flex;flex-direction:row;gap:10px;}
header .link-bar .help::after {content:'';display:block;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('icons/info-circle.svg');height:15px;width:15px;}
header .link-bar .account::after {content:'';display:block;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('icons/user.svg');height:15px;width:15px;filter:brightness(100);}
header .widget-bar {display:flex;flex-direction:row;justify-content:end;}
header .widget-bar .trustpilot-widget {max-width:235px;}

header .tablet-menu-button {display:none;flex-direction:row;gap:10px;border:0;padding:0;appearance:none;margin:0;background-color:transparent;transform:scale(1);transition:transform .25s ease-in-out;align-items:center;}
header .tablet-menu-button::after {content:'';display:block;height:25px;width:25px;background-position:center;background-size:contain;background-repeat:no-repeat;filter:brightness(0) invert(1);background-image:url('icons/menu-bars.svg');}

header .mobile-bar {display:none;flex-direction:row;align-items:center;justify-content:end;gap:20px;}
header .mobile-bar a {height:25px;width:25px;display:block;text-decoration:none;color:inherit;transform:scale(1);transition:transform .25s ease-in-out;background-position:center;background-size:contain;background-repeat:no-repeat;filter:brightness(0) invert(1);}
header .mobile-bar a:hover, header .mobile-bar a:focus {transform:scale(1.2);cursor:pointer;}
header .mobile-bar a.account {background-image:url('icons/user.svg');}
header .mobile-bar a.search {background-image:url('icons/search.svg');}
header .mobile-bar a.bag {background-image:url('icons/bag.svg');}
header .mobile-bar button {display:block;height:25px;width:25px;border:0;padding:0;appearance:none;margin:0;background-color:transparent;transform:scale(1);transition:transform .25s ease-in-out;background-position:center;background-size:contain;background-repeat:no-repeat;filter:brightness(0) invert(1);background-image:url('icons/menu-bars.svg');}
header .mobile-bar button:hover, header .mobile-bar button:focus {transform:scale(1.2);cursor:pointer;}

.mobile-nav-panel {position:fixed;right:-320px;top:10px;bottom:10px;width:100%;max-width:300px;background-color:#FFF;border-top-left-radius:30px;border-bottom-left-radius:30px;overflow:hidden;z-index:20;color:var(--black);transition:right .4s ease-in-out, opacity .4s ease-in-out;opacity:0;box-shadow: 0px 4px 4px 0px #00000040;}
.mobile-nav-panel.open {right:0;opacity:1;}
.mobile-nav-panel .panel-wrapper {width:100%;height:100%;overflow-x:hidden;overflow-y:auto;}
.mobile-nav-panel .main-panel, .mobile-nav-panel .sub-panel {position:absolute;width:100%;height:calc(100vh - 20px);top:0;right:0;display:flex;flex-direction: column;align-items: center; gap:10px;padding:20px 30px 20px 30px;z-index:100;}
.mobile-nav-panel .sub-panel {display:none;z-index:100;background-color:var(--white);}
.mobile-nav-panel .sub-panel.open {display:flex;}
.mobile-nav-panel .sub-panel .panel-nav {justify-content: start;}
.mobile-nav-panel .main-panel .buttons {flex-direction: column;gap:10px;flex-wrap: unset;width:220px;text-align: center;margin-top:10px;}
.mobile-nav-panel .mobile-nav {list-style: none;}
.mobile-nav-panel .mobile-nav li a, .mobile-nav-panel .mobile-nav li button {appearance: none;display:block;border:0;color:#000;background-color:transparent;padding:0;text-align: left;text-decoration: none;font-weight: 600;font-size:24px;padding:8px 30px 8px 0px;width:100%;position:relative;}
.mobile-nav-panel .mobile-nav li a::after, .mobile-nav-panel .mobile-nav li button::after {content:'';height:20px;width:20px;display:block;position:absolute;top:0;bottom:0;right:0;margin:auto;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url('icons/small-arrow.svg');transform:rotate(-90deg);}
.mobile-nav-panel .mobile-nav li:hover {cursor: pointer;}
.mobile-nav-panel .mobile-nav li a:hover, .mobile-nav-panel .mobile-nav li button:hover {cursor: pointer;}
.mobile-nav-panel .panel-nav {width:100%;display:flex;flex-direction: row;justify-content: end;margin-bottom:20px;align-items:center;}
.mobile-nav-panel .close-button {appearance: none;border:0;background-color:transparent;position:relative;transform:scale(1);border-radius:50px;background-color:var(--black);height:20px;width:20px;overflow:hidden;color:transparent;transition:transform .25s ease-in-out;}
.mobile-nav-panel .close-button::after {content:'';position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;height:44%;aspect-ratio: 1/1;display:block;background-image:url('icons/close-lines.svg');background-position: center;background-repeat: no-repeat;background-size:contain;filter:invert(1);}
.mobile-nav-panel .close-button:hover {cursor: pointer;transform:scale(1.1);}
.mobile-nav-panel .back-button {appearance: none;border:0;background-color:transparent;position:relative;border-radius:10px;transform:scale(1);transition:transform .25s ease-in-out;display:flex;flex-direction:row;gap:5px;align-items:center;padding:0;}
.mobile-nav-panel .back-button::before {content:'';height:20px;width:20px;display:block;background-image:url('icons/small-arrow.svg');background-position: center;background-repeat: no-repeat;background-size:contain;filter:brightness(0);transform:rotate(90deg);}
.mobile-nav-panel .back-button:hover {transform:scale(1.1);cursor: pointer;}
.mobile-nav-panel .nav-group {margin-bottom:20px;}
.mobile-nav-panel .nav-group .links-heading {font-size:18px;font-weight:700;margin-bottom:5px;border-bottom:1px solid var(--black);padding-bottom:5px;}
.mobile-nav-panel .nav-group li a {font-size:20px;}
.mobile-nav-panel .extra-buttons {display:flex;flex-direction:column;gap:15px;margin-top:40px;}
.mobile-nav-panel .extra-buttons a {display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:16px;font-weight:600;align-items:center;color:inherit;text-decoration:none;font-family:var(--secondaryFont);}
.mobile-nav-panel .extra-buttons a::before {content:'';display:block;width:100%;height:auto;aspect-ratio:1/1;background-position:center;background-size:contain;background-repeat:no-repeat;}
.mobile-nav-panel .extra-buttons a.account::before {background-image:url('icons/user.svg');filter:invert(1);}
.mobile-nav-panel .extra-buttons a.cart::before {background-image:url('icons/bag.svg');filter:invert(1);}
.mobile-nav-panel .extra-buttons a.wishlist::before {background-image:url('icons/heart.svg');}
.mobile-nav-panel .extra-buttons a.help::before {background-image:url('icons/info-circle.svg');border:1px solid var(--black);border-radius:100%;}

[data-type="message-ticker"] {background-color:var(--cream);box-shadow:var(--black) 0px -1px 1px 1px;position:relative;z-index:2;}
[data-setting="sale"] [data-type="message-ticker"]{background-color:var(--saleRed);color:var(--saleRedText);}
[data-setting="sale"] [data-type="message-ticker"] .splide__arrow svg{fill:#ffffff;}
[data-type="message-ticker"] .marquee-text {display:flex;position:relative;overflow:hidden;white-space:nowrap;width:100%;padding:20px;margin:0;container-type:inline-size;justify-content:center;}
[data-type="message-ticker"] .marquee-text > * {-webkit-animation:none;animation:none;transform:translateX(0px);}
[data-type="message-ticker"] .is-active .marquee-text > * {-webkit-animation: tickerText 8s linear infinite both normal;animation:tickerText 8s linear infinite both normal;animation-delay:1.5s;}
[data-type="message-ticker"] .splide__arrow--next, [data-type="message-ticker"] .splide__arrow--prev {background:none;}
[data-type="message-ticker"] .container.main {padding:0;}
@-webkit-keyframes tickerText
{
    to {
        transform: translateX(min(100cqw - 100%, 0px));
    }
}
@keyframes tickerText
{
    to {
        transform: translateX(min(100cqw - 100%, 0px));
    }
}

/* Footer */
footer {background-color:#ddd;view-transition-name: footer;}
footer .container {max-width:1920px;margin:auto;}
footer .wrapper {padding:10px 20px;}
footer .logo {filter:invert(1);}
footer .top-line {display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 0px;border-bottom:1px solid #FFF;}
footer .main-line {display:grid;grid-template-columns:1fr 1fr 1fr 30%;gap:60px;padding:40px 0px 20px 0px;font-family:var(--secondaryFont);}
footer .main-line .col {position:relative;}
footer .main-line .col .mobile-accordion button {font-size:18px;font-weight:600;margin-bottom:20px;appearance:none;padding:0;color:inherit;border:0;background-color:transparent;}
footer .main-line .col:not(:last-child)::after {content:'';height:100%;width:1px;background-color:#FFF;position:absolute;right:-20px;top:0;bottom:0;display:block;}
footer .main-line .options {display:flex;flex-direction:column;gap:10px;}
footer .main-line .options a {color:inherit;text-decoration:none;}
footer .main-line .options a.colour-option {display:flex;flex-direction:row;gap:10px;align-items:center;}
footer .main-line .options a.colour-option .colour {height:15px;width:15px;border-radius:20px;background-color:var(--colour, #000);transition:transform .5s ease;}
footer .main-line .options a.colour-option .colour[data-colour="#000000"] {border:1px solid #FFF;}
footer .main-line .options a.colour-option .name::after {content:' Tweed Fabric';}
footer .main-line .options.colour-options:has(a:hover) a.colour-option .colour {transform:scale(0.5);}
footer .main-line .options a.colour-option:hover .colour {transform:scale(1.4) !important;}
footer .bottom-line {font-family:var(--secondaryFont);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px 0px;border-top:1px solid #FFF;}
footer .bottom-line .seperator {display:inline-block;height:15px;width:1px;background-color:#FFF;margin:0px 5px;}
footer .bottom-line a {color:inherit;text-decoration:none;font-size:14px;}

footer .socials-bar {display:flex;flex-direction:row;gap:15px;margin-bottom:20px;}
footer .socials-bar .text {font-weight:600;font-size:18px;font-family:var(--secondaryFont);}
footer .socials-bar .social-icon {display:block;height:25px;width:25px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:invert(1);}
footer .socials-bar .social-icon.facebook {background-image:url('icons/facebook.svg');}
footer .socials-bar .social-icon.instagram {background-image:url('icons/instagram.svg');}
footer .socials-bar .social-icon.linkedin {background-image:url('icons/linkedin.svg');}

footer .store-selection-wrapper {display:flex;flex-direction:column;margin-bottom:20px;}
footer .store-selection-option {display:grid;grid-template-columns:20px 1fr;gap:20px;padding:8px 0px;align-items:center;}
footer .store-selection-option .name {font-size:20px;font-weight:700;}
footer .store-selection-option .details {display:flex;flex-direction:column;gap:4px;}
footer .store-selection-option img {overflow:hidden;border-radius:500px;display:block;height:28px;width:28px;}
footer .store-selection-wrapper .select2-container .select2-selection--single {height:50px;border:1px solid var(--white);background-color:var(--black);border-radius:15px;color:#FFF;}
footer .store-selection-wrapper .select2-container .select2-selection--single .name {color:#FFF;font-family:var(--secondaryFont);font-size:14px;font-weight:400;}
footer .store-selection-wrapper .select2-container .select2-selection--single img {display:block;height:28px;width:28px;}
footer .store-selection-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {top:13px;filter:invert(1);}
footer .store-selection-wrapper .select2-container .select2-selection--single .select2-selection__rendered {padding:0px 20px 0px 20px;}
footer .select2-container--default .select2-results > .select2-results__options .store-selection-option {grid-template-columns:28px 1fr;padding:0;}
footer .select2-container--default .select2-results > .select2-results__options .store-selection-option .name {font-size:18px;}
footer .store-selected-option {display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0px;align-items:center;}
footer .select2-container--default .select2-results > .select2-results__options .store-selection-option .name {font-size:16px;}
footer .select2-container--default .select2-results > .select2-results__options .store-selection-option .currency {font-size:14px;}
footer .store-selected-option .name {font-size:16px;font-weight:700;}
footer .store-selected-option img {overflow:hidden;border-radius:500px;display:block;}
footer .store-selection-wrapper .select2-dropdown {background-color:#FFF;color:#000;}
footer .store-selection-wrapper .select2-results__option--selectable {padding:10px 20px;}
footer .store-selection-wrapper .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color:var(--gold);color:var(--black);}

@media (max-width:1450px)
{
    header nav ul li > .dropdown-menu.mega {right:-200px;}
}

@media (max-width:1350px)
{
    /* Switch To Mobile Menu Button */
    header nav ul.main-navbar {display:none;}
    header .tablet-menu-button {display:flex;}
    header .navigation-wrapper .nav-line nav {display:flex;flex-direction:row;justify-content:end;align-items:center;}
}

@media (max-width:1250px)
{
    footer .main-line {grid-template-columns:1fr 1fr;gap:40px;row-gap:10px;}
    footer .main-line .col:not(:last-child) {grid-column:1;}
    footer .main-line .col:not(:last-child)::after {display:none;}
    footer .main-line .col:last-child {grid-row:1 / span 3;grid-column:2;}
    
    /* Footer Accordions */
    footer .main-line .col .mobile-accordion button {border-bottom:1px solid var(--white);display:flex;flex-direction:row;gap:10px;width:100%;padding-bottom:10px;justify-content:space-between;margin-bottom:0;}
    footer .main-line .col .mobile-accordion button::after {content:'';display:block;height:20px;width:20px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('icons/small-arrow.svg');transform:rotate(-90deg);filter:invert(1);}
    footer .main-line .col .mobile-accordion .accordion-content {opacity:0;overflow:hidden;max-height:0px;padding-top:0;transition:opacity .25s ease-in-out, max-height .25s ease-in-out, padding-top .25s ease-in-out;}
    footer .main-line .col .mobile-accordion.open .accordion-content {opacity:1;max-height:999px;padding-top:20px;padding-bottom:20px;}
}

@media (max-width:1200px)
{
    h3{font-size:1.5rem;}
    blockquote{font-size:1.5rem;}
}

@media (max-width:900px)
{
    h1{line-height:30px;}
    h2{line-height:30px;}
    h3{font-size:1.375rem;}
    blockquote{font-size:1.375rem;}
}

@media (max-width:860px)
{
    header .navigation-wrapper {display:none;}
    
    header .mobile-bar {display:flex;}
    header .wrapper {grid-template-columns:150px 1fr;}
}

@media (max-width:720px)
{
    footer .main-line {grid-template-columns:1fr;gap:10px;}
    footer .main-line .col:not(:last-child) {grid-column:auto;}
    footer .main-line .col:last-child {grid-row:auto;grid-column:auto;padding-top:40px;}
    
    section > .container.main {width:100%;}
    section > .container.narrow {width:100%;}
    
    [data-type="message-ticker"] .marquee-text {justify-content:unset;}
}

@media (max-width:700px)
{
    .cart-popup-panel {top:unset;bottom:0;width:100%;bottom:-100%;right:unset;border-radius:0;border-top-right-radius:30px;border-top-left-radius:30px;box-shadow: 0px 0px 10px 0px #00000040;transition:bottom 0.8s ease-in-out;}
    .cart-popup-panel.open {bottom:0;right:unset;}
    .cart-popup-panel .icon-row {display:none;}
    .cart-popup-panel .product-details {grid-template-columns:min(40%, 200px) 1fr;gap:20px;align-items:center;}
    .cart-popup-panel .product-details .details {font-size:20px;}
    .cart-popup-panel .product-details .price {font-size:25px;}
    .cart-popup-panel .product-details .data-row {font-size:16px;}
    .cart-popup-panel .title {margin-top:-20px;display:flex;flex-direction:row;gap:10px;padding-right:40px;}
    .cart-popup-panel .title::before {content:'';display:block;height:30px;width:30px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('icons/bag.svg');filter:invert(1);margin-top:-4px;}
}

@media (max-width:550px)
{
    footer .top-line .community-button {display:none;}
    footer .top-line {border-bottom:0;}
}

@media (max-width:500px)
{
    .cart-popup-panel .product-details {grid-template-columns:150px 1fr;}
    .cart-popup-panel .product-details .details {font-size:16px;}
    .cart-popup-panel .product-details .data-row {font-size:14px;}
    .cart-popup-panel .product-details .price {font-size:20px;}
}

@media (max-width:400px)
{
    .cart-popup-panel .product-details {grid-template-columns:120px 1fr;}
    .cart-popup-panel .product-details .details {font-size:14px;gap:2px;}
    .cart-popup-panel .title {font-size:20px;}
    
    header .wrapper {grid-template-columns:120px 1fr;}
    header .mobile-bar {gap:10px;}
    header .mobile-bar a {height:20px;width:20px;}
    header .mobile-bar button {height:20px;width:20px;}
}

@media (max-width:380px)
{
    footer .main-line {padding:20px 0px 20px 0px;}
}