/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* Preserve the complete product inside a consistent square tile. */
#main .product-small .box-image > div:first-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
    aspect-ratio: 1 / 1;
}
#main .product-small .box-image > div:first-child > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
}
#main .product-small .box-image > div:first-child > a > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100% !important;
    padding: 10px;
    object-fit: contain !important;
}

/* Unive partner campaign: clear identity without changing product photos. */
.qc-unive-hero {display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:20px auto 40px;background:#f0f5ed;border-radius:18px;overflow:hidden;color:#183d31;}
.qc-unive-intro {padding:42px;align-self:center;}
.qc-unive-intro>img {width:180px;height:auto;display:block;margin-bottom:26px;}
.qc-unive-eyebrow {font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:12px;}
.qc-unive-intro h2 {font-size:42px;line-height:1.08;color:#183d31;margin:0 0 20px;text-transform:none;}
.qc-unive-intro p:not(.qc-unive-eyebrow) {font-size:16px;line-height:1.7;max-width:420px;}
.qc-unive-photo {min-height:340px;}
.qc-unive-photo img {width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;}
.qc-unive-badge {display:inline-flex;align-items:center;gap:9px;padding:7px 10px;margin-top:10px;background:#f0f5ed;border:1px solid #d8e7d8;border-radius:7px;font-size:11px;font-weight:600;line-height:1.2;color:#234d40;max-width:100%;}
.qc-unive-badge img {width:62px!important;height:auto!important;object-fit:contain;position:static!important;padding:0!important;margin:0!important;}
.qc-unive-badge--single {margin:0 0 18px;font-size:13px;}
.qc-unive-badge--single img {width:86px!important;}
#qc-unive-assortiment {scroll-margin-top:140px;}
#qc-unive-assortiment h2 {font-size:24px;}
@media(max-width:849px){.qc-unive-hero{grid-template-columns:1fr;margin:12px 15px 28px;}.qc-unive-intro{padding:28px;}.qc-unive-intro h2{font-size:34px;}.qc-unive-photo{height:220px;min-height:0;}.qc-unive-intro>img{width:150px;margin-bottom:22px;}.qc-unive-badge{padding:6px;gap:6px;font-size:10px;}.qc-unive-badge img{width:53px!important;}}

/* Category introductions with a compact photographic header. */
.qc-category-hero{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:10px auto 32px;background:#f2f5ef;border-radius:18px;overflow:hidden;color:#234d40;}
.qc-category-copy{padding:34px 40px;align-self:center;}
.qc-category-copy .qc-category-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;margin:0 0 12px;text-transform:uppercase;}
.qc-category-copy h2{font-size:34px;line-height:1.14;color:#234d40;text-transform:none;margin:0 0 16px;}
.qc-category-copy p:last-child{font-size:16px;line-height:1.65;margin:0;max-width:440px;}
.qc-category-photo{height:280px;overflow:hidden;}
.qc-category-photo img{display:block;width:100%;height:100%;object-fit:cover;}
@media(max-width:849px){.qc-category-hero{margin:10px 15px 26px;grid-template-columns:1fr;}.qc-category-copy{padding:25px;}.qc-category-copy h2{font-size:28px;}.qc-category-copy p:last-child{font-size:15px;}.qc-category-photo{height:205px;}}

.qc-category-photo .img,.qc-category-photo .img-inner{height:100%;margin:0;width:100%!important;}

/* Clear product choices and native attribute filters. */
.qc-choices{padding:20px;margin:24px 0;background:#f2f5ef;border:1px solid #dce5da;border-radius:12px;}
.qc-choices h2{font-size:19px;color:#234d40;margin:0 0 8px;text-transform:none;}
.qc-choices p{font-size:14px;line-height:1.55;margin-bottom:14px;}
.qc-choices form{margin:0;}
.qc-choices label{font-size:13px;margin-bottom:8px;}
.qc-choice-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
.qc-choice-controls select{width:100%;max-width:100%;min-width:0;margin:0;text-overflow:ellipsis;}
.qc-choice-controls button{margin:0;font-size:12px;justify-self:start;}
.qc-choice-link{display:block;font-size:12px;font-weight:600;color:#234d40;margin-top:9px;}
.qc-overview-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;clear:both;padding:14px 18px;margin:0 0 22px;background:#f2f5ef;border-radius:10px;font-size:14px;}
.qc-overview-note a{font-weight:600;text-decoration:underline;}
.qc-filter .select2-container{max-width:100%;}
.qc-product-help{margin-top:24px;border-top:1px solid #e2e7df;padding-top:20px;}
.qc-product-help h3{font-size:20px;}
.qc-product-help details{border-bottom:1px solid #e2e7df;padding:12px 0;}
.qc-product-help summary{font-weight:600;cursor:pointer;color:#234d40;}
.qc-product-help details p{margin:10px 0 4px;}
@media(max-width:549px){.qc-choices{padding:16px;}.qc-choice-controls button{width:100%;}.qc-overview-note{font-size:13px;padding:12px;}}

/* Comfortable touch controls. */
.qc-choice-controls button{min-height:44px!important;font-size:13px;}
.qc-choice-controls select{min-height:44px;}
#shop-sidebar .select2-container .select2-selection--single{min-height:44px;border-color:#a8b6aa;}
#shop-sidebar .select2-container .select2-selection--single .select2-selection__rendered{line-height:42px;}
#shop-sidebar .select2-container .select2-selection--single .select2-selection__arrow{height:42px;}
.qc-product-help summary{padding:5px 0;min-height:30px;}

/* Qcity shopping and advice improvements, 21 September 2026. */
.qc-choice-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.qc-choice-tile{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:52px;padding:10px 12px;border:1px solid #a9b9ad;border-radius:8px;background:#fff;color:#234d40;font-size:13px;line-height:1.4;text-decoration:none;}
.qc-choice-tile:hover,.qc-choice-tile:focus-visible{border-color:#234d40;background:#e9f0e7;outline:2px solid #234d40;outline-offset:2px;}
.qc-choice-tile[aria-current="page"]{border:2px solid #234d40;background:#e9f0e7;padding:9px 11px;}
.qc-choice-tile small{font-size:12px;line-height:1.3;}
.qc-choices--direct{padding:16px;margin:18px 0;}
.qc-choices--direct h2{margin-bottom:12px;}
.qc-subcategories{clear:both;margin:0 0 22px;}
.qc-subcategories strong{display:block;margin-bottom:10px;color:#234d40;font-size:15px;}
.qc-subcategories nav{display:flex;flex-wrap:wrap;gap:8px;}
.qc-subcategories a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #bdcbbf;border-radius:24px;background:#f6f8f3;color:#234d40;font-size:13px;font-weight:600;line-height:1.35;}
.qc-subcategories a:hover,.qc-subcategories a:focus-visible{background:#234d40;color:#fff;}
#main .product-small .box-text .category{display:none;}
#main .product-small .name.product-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;}
#main .product-small .box-text .price-wrapper{margin-top:8px;}
.qc-advice-link{margin:16px 0;padding:14px 16px;border-left:3px solid #234d40;background:#f2f5ef;font-size:14px;line-height:1.6;}
.qc-advice-link a{font-weight:600;text-decoration:underline;}
.qc-guide{max-width:850px;margin:0 auto;color:#34473d;line-height:1.8;}
.qc-guide h2{font-size:28px;line-height:1.25;margin-top:36px;color:#234d40;text-transform:none;scroll-margin-top:150px;}
.qc-guide h3{font-size:21px;line-height:1.35;margin-top:26px;text-transform:none;}
.qc-guide p,.qc-guide li{font-size:16px;}
.qc-guide a:not(.button){color:#234d40;text-decoration:underline;text-underline-offset:3px;}
.qc-guide .qc-guide-lead{font-size:19px;line-height:1.7;}
.qc-guide .qc-guide-meta{font-size:13px;color:#57695e;}
.qc-guide-note,.qc-guide-nav{background:#f2f5ef;border:1px solid #dce5da;border-radius:12px;padding:22px;margin:24px 0;}
.qc-guide-note>:last-child,.qc-guide-nav>:last-child{margin-bottom:0;}
.qc-guide-nav ul{margin:8px 0 0 20px;}
.qc-guide-table{overflow-x:auto;margin:24px 0;}
.qc-guide table{width:100%;min-width:480px;border-collapse:collapse;line-height:1.6;}
.qc-guide th,.qc-guide td{padding:14px 12px;vertical-align:top;border-bottom:1px solid #dce5da;text-transform:none;letter-spacing:normal;font-size:14px;}
.qc-guide th{color:#234d40;background:#f2f5ef;}
.qc-guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;}
.qc-guide-card{padding:22px;border:1px solid #dce5da;border-radius:12px;}
.qc-guide-card h3{margin-top:0;}
.qc-guide figure{margin:24px 0;}
.qc-guide figcaption{font-size:13px;color:#57695e;margin-top:8px;}
.qc-guide img{height:auto;border-radius:12px;}
.qc-guide details{border-bottom:1px solid #dce5da;padding:15px 0;}
.qc-guide summary{cursor:pointer;font-weight:600;color:#234d40;min-height:32px;}
.qc-guide details p{margin:12px 0 0;}
@media(max-width:549px){.qc-choice-tile{font-size:12px;padding:9px;}.qc-choice-tile[aria-current="page"]{padding:8px;}.qc-subcategories nav{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 10px;}.qc-subcategories a{flex:0 0 auto;}.qc-category-photo{height:150px;}.qc-category-copy{padding:20px;}.qc-guide h2{font-size:25px;}.qc-guide .qc-guide-lead{font-size:17px;}.qc-guide-cards{grid-template-columns:1fr;}.qc-guide-note,.qc-guide-nav,.qc-guide-card{padding:18px;}}

/* Clear heading hierarchy on the advice pages. */
.qc-guide h1{font-size:40px;line-height:1.18;color:#234d40;margin:0 0 22px;letter-spacing:-.02em;}
@media(max-width:549px){.qc-guide h1{font-size:30px;line-height:1.2;}}

/* Keep the advice link and contact shortcuts on one desktop navigation row. */
@media(min-width:850px){#wide-nav .nav-left>li{margin-left:4px;margin-right:4px;}#wide-nav .nav-left>li>a{padding-left:10px;padding-right:10px;white-space:nowrap;}#wide-nav .header-contact{flex-wrap:nowrap;}#wide-nav .flex-right{flex-shrink:0;}}
@media(min-width:850px) and (max-width:1100px){#wide-nav .nav-left>li{margin-left:2px;margin-right:2px;}#wide-nav .nav-left>li>a{padding-left:4px;padding-right:4px;font-size:12px;}}

@media(min-width:850px) and (max-width:1100px){#wide-nav .flex-right{display:none;}#wide-nav .flex-left{width:100%;}#wide-nav .nav-left{justify-content:space-between;}#wide-nav .nav-left>li>a{padding-left:5px!important;padding-right:5px!important;font-size:12px!important;}}
