:root{--primary-button-color: #15284b; --main-third-color: #8b5cf6; --main-fourth-color: #00c753; --main-second-color: #eff8ff; --product-card-bg: #fff; --product-card-border: #d2e4f6; --product-card-color: #15284b; --border-radius: 6px;} /* FIROY Atelier — basket */
body:has(#app .basket-container-wrapper){background:#ffffff;font-size:0}
body:has(#app .basket-container-wrapper) #app{font-size:14px}
body:has(#app .basket-container-wrapper) .v-application{background:#ffffff;color:#111111;font-family:Arial,sans-serif}
body:has(#app .basket-container-wrapper) .header{background:#ffffff!important;border-bottom:1px solid #e5e5e5}
body:has(#app .basket-container-wrapper) .header .logo{font:400 18px Arial,sans-serif;letter-spacing:.16em;color:#111111}
#app .basket-container-wrapper{--primary-button-color:#111111;--main-third-color:#111111;--action-color:#111111;max-width:1240px!important;padding-top:36px!important;padding-bottom:48px!important}
#app .basket-container-wrapper .content-header{border-bottom:1px solid #e5e5e5;margin-bottom:22px;padding-bottom:20px}
#app .basket-container-wrapper .title-properties{font:400 30px/1.3 Arial,sans-serif!important;letter-spacing:-.03em;color:#111111}
#app .basket-container-wrapper .basket-header-actions .button{font-size:11px;letter-spacing:.02em;color:#777777!important}
#app .basket-container-wrapper .product-item{border:0;border-bottom:1px solid #e5e5e5;background:transparent;border-radius:0;padding:0 0 24px;margin-bottom:24px}
#app .basket-container-wrapper .basket-item{gap:20px;padding:0;background:transparent}
#app .basket-container-wrapper .basket-item-image{width:110px;min-width:110px;border:0;border-radius:0;overflow:hidden}
#app .basket-container-wrapper .basket-item-image img{width:100%;height:auto;object-fit:contain;border-radius:0}
#app .basket-container-wrapper .basket-item-content{min-width:0;flex:1}
#app .basket-container-wrapper .basket-item-product-name{font:400 15px/1.55 Arial,sans-serif;color:#111111}
#app .basket-container-wrapper .basket-item-variation-chip{background:#f5f5f5;color:#555555;border-radius:0;font-size:11px;padding:6px 9px}
#app .basket-container-wrapper .basket-item-bottom-wrapper{gap:16px;flex-wrap:wrap;margin-top:16px}
#app .basket-container-wrapper .counter{border:1px solid #dddddd;background:#ffffff;border-radius:0;min-height:44px}
#app .basket-container-wrapper .counter-button{width:40px;height:44px;border-radius:0}
#app .basket-container-wrapper .counter-text{font-size:16px;color:#111111}
#app .basket-container-wrapper .basket-item-basket-price{color:#111111!important;font-size:19px;font-weight:600}
#app .basket-container-wrapper .basket-item-sale-price{color:#888888;font-size:12px}
#app .basket-container-wrapper .basket-inner{background:#f5f5f5!important;border:1px solid #e5e5e5;padding:24px!important;border-radius:0!important;box-shadow:none}
#app .basket-container-wrapper .order-summary-card{background:transparent!important;border-radius:0!important;color:#444444}
#app .basket-container-wrapper .order-summary-card-title{font:400 20px/1.4 Arial,sans-serif;color:#111111}
#app .basket-container-wrapper .order-summary-list-item{font-size:13px;padding:14px 0}
#app .basket-container-wrapper .order-summary-divider,#app .basket-container-wrapper .basket-inner-line{background:#dddddd;border-color:#dddddd}
#app .basket-container-wrapper .total-price-card{padding-top:22px;padding-bottom:24px}
#app .basket-container-wrapper .basket-total-price{color:#111111;font-weight:600;font-size:22px;white-space:nowrap}
#app .basket-container-wrapper .btn-success,#app .basket-container-wrapper .product-card_button{background:#111111!important;color:white!important;border:1px solid #111111;border-radius:0!important;min-height:48px;font:500 13px Arial,sans-serif;letter-spacing:.04em}
#app .basket-container-wrapper .btn-success{min-height:54px;width:100%}
#app .basket-container-wrapper .btn-success:hover,#app .basket-container-wrapper .product-card_button:hover{background:#333333!important}
#app .basket-container-wrapper .feature-button{background:#ffffff!important;border:1px solid #dddddd;border-radius:0;min-height:50px;color:#444444}
#app .basket-container-wrapper .feature-button .icon{color:#111111}
#app .basket-container-wrapper .continue-shopping{color:#111111;font-size:12px;text-underline-offset:5px;display:inline-block;padding:12px 0}
#app .basket-container-wrapper .section-title{font:400 23px/1.4 Arial,sans-serif;letter-spacing:-.02em;margin-bottom:22px;color:#111111}
#app .basket-container-wrapper .product-card{background:transparent;border-radius:0;border-color:#e5e5e5}
#app .basket-container-wrapper .product-card--image,#app .basket-container-wrapper .product-card--image img{border-radius:0}
#app .basket-container-wrapper .product-card--title{font:12px/1.5 Arial,sans-serif;color:#444444}
#app .basket-container-wrapper .product-card--price:not(.old-price){color:#111111}
#app .basket-container-wrapper .empty-cart--title{font:400 34px/1.3 Arial,sans-serif;color:#111111;margin:24px 0}
#app .basket-container-wrapper .empty-cart--image-wrapper{color:#111111}
#app .basket-container-wrapper .v-btn--block{border-radius:0;min-height:52px}
#app .basket-container-wrapper button:focus-visible,#app .basket-container-wrapper a:focus-visible,#app .basket-container-wrapper input:focus-visible{outline:2px solid #111111!important;outline-offset:3px}
@media(min-width:960px){#app .basket-container-wrapper .basket-main-wrapper{flex:0 0 62%;max-width:62%;padding-right:32px}#app .basket-container-wrapper .order-summary{flex:0 0 38%;max-width:38%}}
@media(max-width:959px){#app .basket-container-wrapper{padding:24px 20px 40px!important}#app .basket-container-wrapper .basket-inner{padding:20px!important}#app .basket-container-wrapper .order-summary{margin-top:20px}#app .basket-container-wrapper .basket-content{margin-bottom:32px}}
@media(max-width:599px){#app .basket-container-wrapper{padding:22px 16px 32px!important}#app .basket-container-wrapper .title-properties{font-size:26px!important}#app .basket-container-wrapper .basket-item{gap:12px}#app .basket-container-wrapper .basket-item-image{width:80px;min-width:80px}#app .basket-container-wrapper .basket-item-product-name{font-size:13px;line-height:1.5}#app .basket-container-wrapper .basket-item-variation-chip{font-size:10px;padding:5px 6px}#app .basket-container-wrapper .basket-item-bottom-wrapper{gap:12px;margin-top:12px;align-items:flex-start}#app .basket-container-wrapper .price-wrapper{flex-basis:100%;text-align:left;align-items:flex-start}#app .basket-container-wrapper .basket-item-basket-price{font-size:17px}#app .basket-container-wrapper .basket-inner{padding:16px!important}#app .basket-container-wrapper .order-summary-card-title{font-size:18px}#app .basket-container-wrapper .basket-total-price{font-size:21px}#app .basket-container-wrapper .empty-cart--title{font-size:28px}#app .basket-container-wrapper .product-card_button{font-size:11px;min-height:44px}}

body:has(.basket-container-wrapper) #app .mobile-order-summary{background:#f5f5f5;border-top:1px solid #dddddd;border-radius:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}
body:has(.basket-container-wrapper) #app .mobile-order-summary .btn-success{background:#111111!important;color:white;border-radius:0;min-height:50px;font:500 12px Arial,sans-serif}
body:has(.basket-container-wrapper) #app .mobile-order-summary .price-text{color:#111111;font-size:20px}
body:has(.basket-container-wrapper) #app .drawer-scrollable-content{background:#ffffff;color:#111111}
body:has(.basket-container-wrapper) #app .drawer-scrollable-content .order-summary-card{background:transparent}
@media(max-width:599px){#app .basket-container-wrapper{padding-bottom:100px!important}#app .basket-container-wrapper .basket-content{margin-bottom:0}#app .basket-container-wrapper .cart-list--footer{margin-top:0}#app .basket-container-wrapper .basket-item{padding-bottom:0}}

/* FIROY Atelier — address and payment */
body:has(:is(.checkout-page,.checkout-page-mobile)){background:#ffffff;font-size:0}
body:has(:is(.checkout-page,.checkout-page-mobile)) #app{font-size:14px}
body:has(:is(.checkout-page,.checkout-page-mobile)) .v-application{font-family:Arial,sans-serif;background:#ffffff;color:#111111}
#app :is(.checkout-page,.checkout-page-mobile){background:#ffffff;--primary-button-color:#111111;--main-third-color:#111111;--action-color:#111111}
#app .checkout-container{max-width:1240px;padding:32px 28px 60px}
#app .checkout-header{padding:12px 0 24px;border-bottom:1px solid #e5e5e5;margin-bottom:24px}
#app .checkout-header .logo{font:400 18px Arial,sans-serif;letter-spacing:.12em;color:#111111}
#app .checkout-header .back-btn{color:#111111;min-height:44px}
#app :is(.checkout-page,.checkout-page-mobile) .step-box{background:transparent;border:1px solid #e5e5e5;border-radius:0;box-shadow:none;margin-bottom:24px}
#app :is(.checkout-page,.checkout-page-mobile) .step-box--header{background:#f5f5f5;border-bottom:1px solid #e5e5e5;padding:20px 24px}
#app :is(.checkout-page,.checkout-page-mobile) .step-box--header h2{font:400 24px/1.3 Arial,sans-serif;letter-spacing:-.02em;color:#111111}
#app :is(.checkout-page,.checkout-page-mobile) .step-box--inner,#app :is(.checkout-page,.checkout-page-mobile) .selected-box{padding:24px;background:transparent}
#app :is(.checkout-page,.checkout-page-mobile) .section-heading,#app :is(.checkout-page,.checkout-page-mobile) h3{font:500 15px/1.5 Arial,sans-serif;color:#444444}
#app :is(.checkout-page,.checkout-page-mobile) .address-radio-item{background:#ffffff;border:1px solid #dddddd;border-radius:0;box-shadow:none;padding:16px}
#app :is(.checkout-page,.checkout-page-mobile) .active>.address-radio-item{border-color:#111111;background:#f5f5f5}
#app :is(.checkout-page,.checkout-page-mobile) .address-radio-item-title{color:#111111;font-size:14px}
#app :is(.checkout-page,.checkout-page-mobile) .address-radio-item-text,#app :is(.checkout-page,.checkout-page-mobile) .info-block{font-size:13px;line-height:1.7;color:#555555}
#app :is(.checkout-page,.checkout-page-mobile) .address-radio-item-edit,#app :is(.checkout-page,.checkout-page-mobile) .add-address-chip{border:1px solid #dddddd;border-radius:0;color:#111111;background:transparent;min-height:40px;font-size:12px}
#app :is(.checkout-page,.checkout-page-mobile) .cargo-list--item{background:#ffffff;border:1px solid #dddddd;border-radius:0;min-height:54px}
#app :is(.checkout-page,.checkout-page-mobile) .cargo-list--item_chip{background:#f5f5f5;color:#555555;border-radius:0}
#app :is(.checkout-page,.checkout-page-mobile) .order-note textarea{background:#ffffff;border:1px solid #dddddd;border-radius:0;padding:14px;font:14px/1.6 Arial,sans-serif}
#app :is(.checkout-page,.checkout-page-mobile) .payment-option-card{background:#ffffff;border:1px solid #dddddd;border-radius:0;min-height:58px;padding:12px 16px}
#app :is(.checkout-page,.checkout-page-mobile) .payment-option-card.active{border-color:#111111;background:#f5f5f5}
#app :is(.checkout-page,.checkout-page-mobile) .payment-option-card .v-label{font:500 14px Arial,sans-serif;color:#111111;opacity:1}
#app :is(.checkout-page,.checkout-page-mobile) .v-selection-control--dirty .v-icon{color:#111111!important}
#app :is(.checkout-page,.checkout-page-mobile) .iframe-payment-aggreement-wrapper{padding:16px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:0;margin:16px 0}
#app :is(.checkout-page,.checkout-page-mobile) .iframe-aggreement-text-wrapper,#app :is(.checkout-page,.checkout-page-mobile) .payment-agreement-wrapper{font:12px/1.8 Arial,sans-serif;color:#555555}
#app :is(.checkout-page,.checkout-page-mobile) .iframe-aggreement-text-wrapper a,#app :is(.checkout-page,.checkout-page-mobile) .payment-agreement-wrapper a{color:#111111;text-underline-offset:3px}
#app :is(.checkout-page,.checkout-page-mobile) .aggreement-warning-wrapper{background:#ffffff;color:#555555;border-radius:0;font-size:12px;line-height:1.6}
#app :is(.checkout-page,.checkout-page-mobile) .sidebar-column{background:#f5f5f5;padding:24px;border:1px solid #e5e5e5;border-radius:0}
#app :is(.checkout-page,.checkout-page-mobile) .accordion,#app :is(.checkout-page,.checkout-page-mobile) .accordion-content,#app :is(.checkout-page,.checkout-page-mobile) .order-summary-card{background:transparent;border-radius:0;box-shadow:none}
#app :is(.checkout-page,.checkout-page-mobile) .accordion-title,#app :is(.checkout-page,.checkout-page-mobile) .order-summary-card-title{font:400 20px/1.4 Arial,sans-serif;color:#111111}
#app :is(.checkout-page,.checkout-page-mobile) .basket-item-product-name{font:13px/1.6 Arial,sans-serif;color:#444444}
#app :is(.checkout-page,.checkout-page-mobile) .basket-item-variation-chip{background:#ffffff;border-radius:0;color:#555555;font-size:11px}
#app :is(.checkout-page,.checkout-page-mobile) .basket-item-basket-price,#app :is(.checkout-page,.checkout-page-mobile) .basket-total-price{color:#111111;font-weight:600}
#app :is(.checkout-page,.checkout-page-mobile) .basket-total-price{font-size:22px;white-space:nowrap}
#app :is(.checkout-page,.checkout-page-mobile) .order-summary-list-item{padding:14px 0;font-size:13px;color:#444444}
#app :is(.checkout-page,.checkout-page-mobile) .order-summary-divider{background:#dddddd}
#app :is(.checkout-page,.checkout-page-mobile) .total-price-card{padding-top:20px;padding-bottom:20px}
#app :is(.checkout-page,.checkout-page-mobile) .btn-success{background:#111111!important;border-radius:0;min-height:52px;font:500 13px Arial,sans-serif;color:#fff}
#app :is(.checkout-page,.checkout-page-mobile) button:focus-visible,#app :is(.checkout-page,.checkout-page-mobile) a:focus-visible,#app :is(.checkout-page,.checkout-page-mobile) textarea:focus-visible{outline:2px solid #111111!important;outline-offset:3px}
body:has(:is(.checkout-page,.checkout-page-mobile)) .v-dialog:has(.form-adv) .v-card{background:#ffffff;border-radius:0;box-shadow:0 12px 48px #342b2426;font-family:Arial,sans-serif;color:#111111}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv .v-field{background:#ffffff;border:1px solid #dddddd;box-shadow:none;border-radius:0}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv .v-field--focused{border-color:#111111}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv .v-field--error{border-color:#b3261e}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv .v-field__input{font-size:16px;min-height:52px;color:#111111}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv .textfield-label{color:#555555}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv .address-form-submit{background:#111111!important;color:#fff;border-radius:0;min-height:52px}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv .segmented-field__option{border-radius:0;min-height:44px}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv .segmented-field__option.is-active{background:#f5f5f5;color:#111111;border-color:#111111}
@media(max-width:959px){#app .checkout-container{padding:20px 20px 100px}#app :is(.checkout-page,.checkout-page-mobile) .sidebar-column{padding:20px}#app :is(.checkout-page,.checkout-page-mobile) .step-box--inner,#app :is(.checkout-page,.checkout-page-mobile) .selected-box{padding:18px}}
@media(max-width:599px){#app .checkout-container{padding:16px 16px 100px}#app :is(.checkout-page,.checkout-page-mobile) .step-box--header{padding:16px}#app :is(.checkout-page,.checkout-page-mobile) .step-box--header h2{font-size:21px}#app :is(.checkout-page,.checkout-page-mobile) .step-box--inner,#app :is(.checkout-page,.checkout-page-mobile) .selected-box{padding:14px}#app :is(.checkout-page,.checkout-page-mobile) .address-radio-item{padding:12px}#app :is(.checkout-page,.checkout-page-mobile) .section-head{flex-wrap:wrap;gap:12px}#app :is(.checkout-page,.checkout-page-mobile) .payment-option-card{padding:10px 12px}#app :is(.checkout-page,.checkout-page-mobile) .sidebar-column{padding:16px}#app :is(.checkout-page,.checkout-page-mobile) .basket-item-content{min-width:0}#app :is(.checkout-page,.checkout-page-mobile) .basket-item-product-name{overflow-wrap:anywhere}body:has(:is(.checkout-page,.checkout-page-mobile)) .v-dialog:has(.form-adv) .v-overlay__content{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:12px!important;max-height:calc(100% - 24px)!important}}

body:has(:is(.checkout-page,.checkout-page-mobile))>.v-overlay-container{font-size:14px}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv{font-size:14px}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv .v-field{border-radius:0!important}
body:has(:is(.checkout-page,.checkout-page-mobile)) .tc-drawer:has(.form-adv){background:#ffffff;border-radius:0!important}
body:has(:is(.checkout-page,.checkout-page-mobile)) .form-adv .input-wrapper{font-size:16px}
#app :is(.checkout-page,.checkout-page-mobile) .payment-option-card.active{border-color:#111111!important}
#app :is(.checkout-page,.checkout-page-mobile) .info-block{background:#ffffff;border-radius:0}
#app :is(.checkout-page,.checkout-page-mobile) .accordion-title-wrapper{background:#ffffff;border-radius:0}

#app .checkout-page-mobile .checkout-header{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}
#app .checkout-page-mobile .checkout-header .logo{position:static!important;transform:none!important;left:auto!important;font-size:15px;letter-spacing:.08em;margin-left:auto}
#app .checkout-page-mobile .checkout-header>div:last-child:not(.logo){display:none}
body:has(.checkout-page-mobile) #app .mobile-order-summary{background:#f5f5f5;border-top:1px solid #dddddd;border-radius:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}
body:has(.checkout-page-mobile) #app .mobile-order-summary .price-text{color:#111111;font-size:20px}
body:has(.checkout-page-mobile) #app .mobile-order-summary .btn-success{background:#111111!important;color:white;border-radius:0;min-height:50px;font:500 12px Arial,sans-serif}
body:has(.checkout-page-mobile) #app .bottom-drawer,body:has(.checkout-page-mobile) #app .drawer-scrollable-content{background:#ffffff;color:#111111}
body:has(.checkout-page-mobile) #app .drawer-scrollable-content .order-summary-card{background:transparent}

#app :is(.checkout-page,.checkout-page-mobile) .aggreement-warning-description{font:13px/1.65 Arial,sans-serif!important;color:#555555!important}
#app :is(.checkout-page,.checkout-page-mobile) .aggreement-warning-wrapper{padding:16px!important}
#app .checkout-page-mobile .sidebar-column{background:transparent;border:0;padding:0!important}

/* FIROY checkout accessibility 2026-11-03 */

[data-cy="address-new-popup-wrapper"] .v-messages__message{line-height:1.5!important;overflow-wrap:anywhere}
@media(max-width:600px){[data-cy="address-new-popup-wrapper"] .v-overlay__content{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:12px!important;max-height:calc(100dvh - 24px)!important}[data-cy="address-new-popup-wrapper"] .form-inner-row{display:flex!important;flex-direction:column!important;gap:12px!important}[data-cy="address-new-popup-wrapper"] .form-inner-row>.form-field{width:100%!important;max-width:100%!important;flex:auto!important}[data-cy="address-new-popup-wrapper"] input,[data-cy="address-new-popup-wrapper"] textarea{font-size:16px!important}[data-cy="address-new-popup-wrapper"] .dialog-title-wrapper button{min-width:44px;min-height:44px}}

#app :where(a,button,input,select,textarea,[tabindex]):focus-visible,.v-overlay :where(button,input,textarea,[tabindex]):focus-visible{outline:3px solid #175d93!important;outline-offset:2px!important;box-shadow:0 0 0 4px #fff!important}
@media(prefers-reduced-motion:reduce){#app *, .v-overlay *{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}