"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const Link_1 = require("../../../atoms/Link");

const DetailedList_1 = require("../../../molecules/DetailedList");

const ProductPrice_1 = require("../../ProductPieces/ProductPrice");

const styled_1 = require("../CheckoutCartBundle/ProductItem/styled");

const StyledLink = styleh_components_1.styled.withComponent(Link_1.Link)`text-decoration:none;`;
exports.StyledLink = StyledLink;
const StyledImageLink = styleh_components_1.styled.withComponent(StyledLink)`display:flex;flex:0 0 118px;figure{flex:0 0 118px;}`;
exports.StyledImageLink = StyledImageLink;
const ItemPrice = styleh_components_1.styled.withComponent(styled_1.StyledItemPrice)`align-items:center;flex-direction:row;${ProductPrice_1.SalePrice}{margin-bottom:0;margin-right:1rem;}@media (max-width:767px){padding-left:0;}`;
exports.ItemPrice = ItemPrice;
const ProductDetails = styleh_components_1.styled.withComponent(styled_1.StyledProductDetails)`flex:1;`;
exports.ProductDetails = ProductDetails;
const ProductOptions = styleh_components_1.styled.withComponent(styled_1.StyledDetailedList)`margin-bottom:0.5rem;${DetailedList_1.DetailedListItemPanel}{&:last-child{display:none;}}${DetailedList_1.DetailedListValue},${DetailedList_1.DetailedListLabel}{@media (max-width:1023px){font-size:1rem;}}`;
exports.ProductOptions = ProductOptions;
const ProductName = styleh_components_1.styled.withComponent(styled_1.StyledProductName)`@media (max-width:1023px){font-size:1rem;}`;
exports.ProductName = ProductName;
const BrandName = styleh_components_1.styled.withComponent(styled_1.StyledBrandName)`@media (max-width:1023px){font-size:1rem;}`;
exports.BrandName = BrandName; //# sourceMappingURL=styled.js.map