/* Bespoke-тема Corano. Все правила scoped под .theme-corano (класс вешается на в useSiteTheme, когда выбрана тема). Для остальных тем — инертны. Палитра/сетка/шрифт приходят токенами (реестр); здесь — структурные штрихи, которых токенами не выразить. Образец: htmldemo.net/corano. */ /* Карточка товара: тонкий бордер + мягкий подъём на ховере, вытянутая проп. */ .theme-corano .product-box .product-box-img { border: 1px solid #efefef; background: #fff; aspect-ratio: 23 / 30; transition: box-shadow 0.25s ease, transform 0.25s ease; } .theme-corano .product-box:hover .product-box-img { box-shadow: 0 12px 28px rgba(34, 34, 34, 0.12); transform: translateY(-4px); } .theme-corano .product-box .product-box-img .img { box-shadow: none !important; } /* Название и цена: спокойный вес, цена — золотым акцентом. */ .theme-corano .product-box .product-box-detail { padding-top: 14px; } .theme-corano .product-box .product-box-detail h4 { font-weight: 400; letter-spacing: 0.2px; } .theme-corano .product-box .product-box-detail .price > span:not(.text-danger):not(.text-muted) { color: #c29958; } /* Кнопки — пилюли, capitalize, золото → тёмный на ховере (как .btn-cart2 Corano). */ .theme-corano .btn-primary { border-radius: 50px !important; text-transform: capitalize; letter-spacing: 0.2px; font-weight: 600; } .theme-corano .btn-primary:hover, .theme-corano .btn-primary:focus, .theme-corano .btn-primary:active { background-color: #222222 !important; border-color: #222222 !important; color: #ffffff !important; } /* Бейдж скидки — золотой. */ .theme-corano .discount-badge-top { background: #c29958; color: #ffffff; } /* Заголовки секций/категорий — тонкая разрядка в духе шаблона. */ .theme-corano .nk-block-title, .theme-corano h1, .theme-corano h2, .theme-corano h3 { font-weight: 400; letter-spacing: 0.3px; }