/*! Atelier theme for OpenCart 4 (Bootstrap 5.3): framework layer. Restyles the core markup of the pages Atelier
 * keeps (cart, checkout, account, information, search, specials, compare, wishlist) with the preset tokens of
 * atelier.css: square fields, hairlines, tracked capitals on buttons. */
.at{--bs-body-bg:var(--at-bg);--bs-body-color:var(--at-text);--bs-emphasis-color:var(--at-ink);--bs-border-color:var(--at-line);--bs-link-color:var(--at-ink);--bs-link-color-rgb:42,29,22;--bs-link-hover-color:var(--at-accentText);--bs-border-radius:0;--bs-border-radius-sm:0;--bs-border-radius-lg:0;--bs-font-sans-serif:Manrope,"Helvetica Neue",Arial,sans-serif;--bs-body-font-family:Manrope,"Helvetica Neue",Arial,sans-serif;--bs-secondary-color:var(--at-muted);--bs-tertiary-bg:var(--at-alt);--bs-heading-color:var(--at-ink)}
.at .container{max-width:1360px;padding-left:40px;padding-right:40px}
.at main>.container,.at main>div>.container{padding-top:8px;padding-bottom:56px}
.at main h1{margin:22px 0 26px;font-size:clamp(40px,4.6vw,68px)}
.at main h2{font-size:22px}
.at main h3,.at main h4{font-size:17px}
.at main legend{float:none;width:100%;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--at-line);font:700 11px/1.2 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--at-muted)}
.at a{text-underline-offset:3px}
.at #content a:not(.btn):not(.at-btn):not(.at-chip):not(.list-group-item):not(.page-link):not(.at-tlink):not(.nav-link):not(.at-card__link):not(.at-dot):not(.at-pin){text-decoration:underline;text-decoration-color:var(--at-line)}
.at #content .at-card a,.at #content .at-pdp a,.at #content .at-cathead a{text-decoration:none!important}

/* breadcrumbs: slash trail */
.at .breadcrumb{display:flex;flex-wrap:wrap;margin:0 0 4px;padding:22px 0 0;border:0;background:none;font:500 13px Manrope,sans-serif;color:var(--at-muted)}
.at .breadcrumb a{color:var(--at-muted);text-decoration:none}
.at .breadcrumb a:hover{color:var(--at-ink)}
.at .breadcrumb i{font-size:12px}
.at .breadcrumb-item+.breadcrumb-item:before{content:"/";padding:0 10px;color:var(--at-muted);opacity:.5}
.at .breadcrumb>li{padding:0;text-shadow:none}
.at .breadcrumb>li:after{display:none}

/* buttons */
.at .btn{--bs-btn-font-family:Manrope,sans-serif;--bs-btn-font-weight:700;--bs-btn-font-size:12.5px;--bs-btn-border-radius:0;--bs-btn-padding-x:22px;--bs-btn-padding-y:12px;letter-spacing:.1em;text-transform:uppercase}
.at .btn-lg{--bs-btn-padding-y:15px;--bs-btn-padding-x:30px;--bs-btn-font-size:13px}
.at .btn-sm{--bs-btn-padding-y:7px;--bs-btn-padding-x:12px;--bs-btn-font-size:11px}
.at .btn-primary,.at .btn-dark,.at .btn-info{--bs-btn-bg:var(--at-btn);--bs-btn-border-color:var(--at-btn);--bs-btn-color:var(--at-btnText);--bs-btn-hover-bg:var(--at-btnHover);--bs-btn-hover-border-color:var(--at-btnHover);--bs-btn-hover-color:var(--at-btnText);--bs-btn-active-bg:var(--at-btnHover);--bs-btn-active-border-color:var(--at-btnHover);--bs-btn-active-color:var(--at-btnText);--bs-btn-disabled-bg:var(--at-btn);--bs-btn-disabled-border-color:var(--at-btn);--bs-btn-disabled-color:var(--at-btnText)}
[data-at-preset="Noir"] .btn-primary{--bs-btn-hover-color:#15100d;--bs-btn-active-color:#15100d}
.at .btn-light,.at .btn-secondary,.at .btn-outline-secondary,.at .btn-outline-primary,.at .btn-default{--bs-btn-bg:transparent;--bs-btn-border-color:var(--at-ink);--bs-btn-color:var(--at-ink);--bs-btn-hover-bg:var(--at-ink);--bs-btn-hover-border-color:var(--at-ink);--bs-btn-hover-color:var(--at-bg);--bs-btn-active-bg:var(--at-ink);--bs-btn-active-color:var(--at-bg);--bs-btn-active-border-color:var(--at-ink)}
.at .btn-danger{--bs-btn-bg:var(--at-sale);--bs-btn-border-color:var(--at-sale);--bs-btn-color:#fff;--bs-btn-hover-bg:var(--at-ink);--bs-btn-hover-border-color:var(--at-ink);--bs-btn-hover-color:var(--at-bg)}
.at .btn-link{--bs-btn-color:var(--at-ink);--bs-btn-hover-color:var(--at-accentText);text-transform:none;letter-spacing:0}
.at a.btn{color:var(--bs-btn-color);text-decoration:none!important}
.at a.btn:hover{color:var(--bs-btn-hover-color)}

/* forms: square 50 px fields on the surface, ink focus */
.at .form-control,.at .form-select{min-height:50px;border:1px solid var(--at-line);border-radius:0;background-color:var(--at-surface);font:500 15px Manrope,sans-serif;color:var(--at-ink);box-shadow:none}
.at textarea.form-control{min-height:120px}
.at .form-select-sm,.at .form-control-sm{min-height:40px;font-size:14px}
.at .form-control:focus,.at .form-select:focus{border-color:var(--at-ink);box-shadow:inset 0 0 0 1px var(--at-ink);background-color:var(--at-surface);color:var(--at-ink)}
.at .form-control::placeholder{color:var(--at-muted);opacity:.8}
.at .form-control.is-invalid,.at .form-select.is-invalid{border-color:var(--at-sale);box-shadow:inset 0 0 0 1px var(--at-sale);background-image:none}
.at .form-label,.at .col-form-label{font:700 11px/1.3 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--at-muted)}
.at .col-form-label{padding-top:16px}
.at .form-check-input{width:1.15em;height:1.15em;border-color:var(--at-muted);border-radius:0;background-color:var(--at-surface)}
.at .form-check-input[type=radio]{border-radius:50%}
.at .form-check-input:checked{background-color:var(--at-ink);border-color:var(--at-ink)}
[data-at-preset="Noir"] .form-check-input:checked{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%2315100d' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.at .form-check-input:focus{box-shadow:0 0 0 3px var(--at-accentSoft);border-color:var(--at-ink)}
.at .form-switch .form-check-input{border-radius:2em}
.at .input-group-text{border:1px solid var(--at-line);border-radius:0;background:var(--at-alt);color:var(--at-muted);font:700 12px Manrope,sans-serif}
.at .invalid-feedback,.at .text-danger{color:var(--at-sale)!important;font-weight:600}
.at .required .col-form-label:before,.at .required .form-label:before{color:var(--at-sale)}
.at .form-text{color:var(--at-muted)}

/* surfaces */
.at .card{border:1px solid var(--at-line);border-radius:0;background:var(--at-surface);color:var(--at-text)}
.at .card-header{border-bottom:1px solid var(--at-line);border-radius:0!important;background:transparent;font:700 11px/1.3 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--at-ink)}
.at .card-body{padding:24px}
.at .list-group{--bs-list-group-border-color:var(--at-line);--bs-list-group-bg:transparent;--bs-list-group-color:var(--at-muted);--bs-list-group-action-hover-bg:transparent;--bs-list-group-action-hover-color:var(--at-ink);--bs-list-group-active-bg:transparent;--bs-list-group-active-color:var(--at-ink);--bs-list-group-active-border-color:var(--at-line);--bs-list-group-border-radius:0}
.at .list-group-item{padding:11px 0;border-width:0 0 1px;font:600 14px Manrope,sans-serif}
.at .list-group-item.active{box-shadow:inset 3px 0 0 var(--at-accent);padding-left:14px}
.at .table{--bs-table-bg:transparent;--bs-table-color:var(--at-text);--bs-table-border-color:var(--at-line);--bs-table-striped-bg:var(--at-alt);--bs-table-hover-bg:var(--at-alt);--bs-table-striped-color:var(--at-text);--bs-table-hover-color:var(--at-text);font-size:14px}
.at .table>:not(caption)>*>*{padding:14px 12px;vertical-align:middle;background-color:transparent;color:var(--at-text)}
.at .table thead td,.at .table thead th{padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--at-ink);font:700 11px/1.2 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--at-muted)}
.at .table-bordered>:not(caption)>*>*{border-width:0 0 1px}
.at .table-bordered{border:0}
.at .img-thumbnail{border:0;border-radius:0;background:var(--at-well1);padding:0}
.at .alert{border:0;border-left:3px solid var(--at-accent);border-radius:0;background:var(--at-surface);color:var(--at-ink);font-weight:600;font-size:14px;box-shadow:var(--at-shadow)}
.at .alert-success{border-left-color:#3d7a4b}
.at .alert-danger{border-left-color:var(--at-sale);color:var(--at-ink)}
.at .alert a{color:inherit;font-weight:800;text-decoration:underline}
.at .alert .btn-close{filter:none;opacity:.6}
[data-at-preset="Noir"] .btn-close{filter:invert(1)}
.at .nav-tabs{gap:24px;margin-bottom:22px;border-bottom:1px solid var(--at-line)}
.at .nav-tabs .nav-link{margin:0;padding:12px 0;border:0;border-radius:0;background:transparent;font:700 12px/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--at-muted)}
.at .nav-tabs .nav-link.active{color:var(--at-ink);box-shadow:inset 0 -2px 0 var(--at-accent)}
.at .pagination{--bs-pagination-color:var(--at-ink);--bs-pagination-bg:transparent;--bs-pagination-border-color:var(--at-line);--bs-pagination-hover-bg:var(--at-alt);--bs-pagination-hover-color:var(--at-ink);--bs-pagination-hover-border-color:var(--at-ink);--bs-pagination-active-bg:var(--at-ink);--bs-pagination-active-border-color:var(--at-ink);--bs-pagination-active-color:var(--at-bg);--bs-pagination-focus-box-shadow:none;--bs-pagination-border-radius:0;gap:6px;margin:0}
.at .pagination .page-link{min-width:42px;height:42px;display:grid;place-items:center;border-radius:0!important;font-weight:700;margin:0!important}
.at .dropdown-menu{--bs-dropdown-bg:var(--at-surface);--bs-dropdown-color:var(--at-ink);--bs-dropdown-border-color:var(--at-line);--bs-dropdown-link-color:var(--at-ink);--bs-dropdown-link-hover-bg:var(--at-alt);--bs-dropdown-link-hover-color:var(--at-ink);--bs-dropdown-link-active-bg:var(--at-ink);--bs-dropdown-link-active-color:var(--at-bg);--bs-dropdown-border-radius:0;--bs-dropdown-divider-bg:var(--at-line);font:600 14px Manrope,sans-serif;padding:8px;box-shadow:var(--at-shadow)}
.at .dropdown-item{padding:9px 12px}
.at .modal-content{border:0;border-radius:0;background:var(--at-surface);color:var(--at-text)}
.at hr{border-color:var(--at-line);opacity:1}
.at .badge.bg-primary,.at .bg-primary{background-color:var(--at-ink)!important;color:var(--at-bg)!important}
.at .text-muted{color:var(--at-muted)!important}
.at .tooltip{--bs-tooltip-bg:var(--at-ink);--bs-tooltip-color:var(--at-bg)}
.at #cookie{border-radius:0;background:var(--at-ink)!important;color:var(--at-bg)}
.at #cookie .btn{--bs-btn-border-color:var(--at-bg);--bs-btn-color:var(--at-bg)}

/* core lists (search, specials, brands, related) use product/thumb: lay the core grid out like Atelier's */
.at #product-list.row:not(.product-list){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 24px;margin:0}
.at #product-list.row:not(.product-list)>*{width:auto;max-width:none;padding:0;margin:0}
@media (max-width:1199px){.at #product-list.row:not(.product-list){grid-template-columns:repeat(3,minmax(0,1fr))}}
.at #product-list.row>.col{margin-bottom:0!important}
.at #product-list .product-thumb{height:100%}
.at #product-search .row>.col-lg-3>.mb-3,.at #product-special .row>.col-lg-3>.mb-3{margin:0}
.at #product-search #input-search{min-height:50px}
.at .at-related #product-list.row,.at .at-related .row{--bs-gutter-x:24px;row-gap:40px}

/* cart, checkout, account, information */
.at #checkout-cart .table img,.at #shopping-cart img{width:72px;height:96px;object-fit:cover;background:var(--at-well1)}
.at #checkout-cart .table td,.at #shopping-cart td{font-weight:600;color:var(--at-ink)}
.at #checkout-cart .input-group{flex-wrap:nowrap;max-width:200px}
.at #checkout-cart .input-group .form-control{max-width:64px;min-height:44px;text-align:center}
.at #checkout-cart .input-group .btn{min-height:44px}
.at #checkout-cart #checkout-total,.at #checkout-cart .table-bordered:last-of-type{font-size:15px}
.at #checkout-cart .accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:var(--at-line);--bs-accordion-border-radius:0;--bs-accordion-inner-border-radius:0;--bs-accordion-btn-color:var(--at-ink);--bs-accordion-active-bg:var(--at-alt);--bs-accordion-active-color:var(--at-ink);--bs-accordion-btn-focus-box-shadow:none}
.at #checkout-cart .accordion-button{font:700 12px/1.2 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.at #checkout-checkout .card,.at #checkout-checkout fieldset{margin-bottom:22px}
.at #checkout-checkout #checkout-confirm .table,.at #checkout-confirm .table{font-size:14px}
.at #checkout-confirm .table tfoot td{border-bottom:0;font-weight:700;color:var(--at-ink)}
.at #checkout-confirm .table tfoot tr:last-child td{padding-top:16px;font:600 20px Fraunces,serif}
.at #checkout-checkout #button-confirm,.at #button-confirm{min-height:52px;width:100%}
.at #account-login .col-md-6>.border,.at #account-login .border.rounded,.at #account-login .card{border:1px solid var(--at-line)!important;border-radius:0!important;background:var(--at-surface);padding:32px!important}
.at #account-login h2,.at #content>.row>.col-md-6>h2{margin-bottom:12px;font:var(--at-dw) 32px/1.1 Fraunces,serif;color:var(--at-ink)}
.at #account-account #content h2{margin:28px 0 12px;font:700 11px/1.2 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--at-muted)}
.at #account-account #content .list-unstyled,.at #account-account #content ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 24px;padding:0;list-style:none}
.at #account-account #content li a{display:block;padding:12px 0;border-bottom:1px solid var(--at-line);font-weight:600;text-decoration:none!important}
.at #account-account #content li a:hover{color:var(--at-accentText)}
.at #column-left .list-group,.at #column-right .list-group{margin-bottom:22px;border-top:1px solid var(--at-line)}
.at #column-left .card,.at #column-right .card{border:0;background:transparent}
.at #column-left .card-header,.at #column-right .card-header{padding:0 0 10px;border-bottom:1px solid var(--at-line)}
.at #column-left .card-body,.at #column-right .card-body{padding:14px 0}
.at #information-information #content,.at #information-contact #content{max-width:860px}
.at #information-information #content p,.at #information-information #content li{font-size:16px;line-height:1.75}
.at #error-not-found #content h1:after{content:"";display:block}
.at .product-thumb{border:0;margin-bottom:0}
.at #content:empty{min-height:0}
.at #content-main{padding-bottom:0}
.at footer.at-foot{position:static;bottom:auto}

@media (max-width:1199px){.at .container{padding-left:32px;padding-right:32px}}
@media (max-width:767px){
  .at .container{padding-left:20px;padding-right:20px}
  .at main h1{font-size:40px}
  .at .table>:not(caption)>*>*{padding:10px 8px}
  .at #product-list.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px;margin:0}
  .at #product-list.row>*{width:auto;max-width:none;padding:0;margin:0}
  .at #checkout-cart .table img{width:56px;height:75px}
  .at #checkout-cart .table-responsive{border:0}
}
/* core sticky-footer padding off (#content padding-bottom 400/730 px in the core stylesheet) */
.at #content,.at #column-left,.at #column-right{padding-bottom:56px}
.at .at-catmain#content,.at #common-home #content{padding-bottom:0}
.at .form-switch .form-check-input{width:2.2em;height:1.2em;border-radius:2em;background-color:var(--at-alt);border-color:var(--at-line)}
.at .form-switch .form-check-input:checked{background-color:var(--at-ink);border-color:var(--at-ink)}